網(wǎng)頁設(shè)計(jì)第一課市公開課金獎(jiǎng)市賽課一等獎(jiǎng)?wù)n件_第1頁
網(wǎng)頁設(shè)計(jì)第一課市公開課金獎(jiǎng)市賽課一等獎(jiǎng)?wù)n件_第2頁
網(wǎng)頁設(shè)計(jì)第一課市公開課金獎(jiǎng)市賽課一等獎(jiǎng)?wù)n件_第3頁
網(wǎng)頁設(shè)計(jì)第一課市公開課金獎(jiǎng)市賽課一等獎(jiǎng)?wù)n件_第4頁
網(wǎng)頁設(shè)計(jì)第一課市公開課金獎(jiǎng)市賽課一等獎(jiǎng)?wù)n件_第5頁
已閱讀5頁，還剩22頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

網(wǎng)頁設(shè)計(jì)信息組：袁雯雯9月18日寧夏育才中學(xué)校本課程第1頁第1頁本節(jié)課主要內(nèi)容網(wǎng)頁和網(wǎng)站網(wǎng)頁制作工具網(wǎng)站開發(fā)流程網(wǎng)頁設(shè)計(jì)原理網(wǎng)頁設(shè)計(jì)規(guī)范9月18日寧夏育才中學(xué)校本課程第2頁第2頁網(wǎng)頁解析——html網(wǎng)頁和網(wǎng)站區(qū)別很大，網(wǎng)站是由網(wǎng)頁集合而成，網(wǎng)頁就是一個(gè)瀏覽頁面，是一個(gè)html文獻(xiàn)，瀏覽器是用來解讀這份文獻(xiàn)，想要制作一個(gè)網(wǎng)站，就需要單獨(dú)編輯若干個(gè)html文獻(xiàn)，然后通過“超鏈接”把它們連接在一起，這樣一個(gè)屬于自己網(wǎng)站就制作出來了。網(wǎng)站話必須提供某種服務(wù)，或不斷更新一些問題,用來吸引人氣。普通得有自己鮮明特色，它需要專門技術(shù)和內(nèi)容維護(hù)人員。9月18日寧夏育才中學(xué)校本課程第3頁第3頁網(wǎng)頁解析——html下面就是網(wǎng)頁結(jié)構(gòu)整體框架：<!HTML網(wǎng)頁版本信息闡明><HTML><HEAD><!標(biāo)題標(biāo)識、屬性及其內(nèi)容></HEAD><BODY><!主體標(biāo)識、屬性及其內(nèi)容></BODY></HTML>9月18日寧夏育才中學(xué)校本課程第4頁第4頁網(wǎng)站關(guān)鍵網(wǎng)站是以數(shù)據(jù)為關(guān)鍵，以服務(wù)器為基礎(chǔ)“瀏覽者-管理員-系統(tǒng)管理員”互相關(guān)聯(lián)系、互相增進(jìn)、有機(jī)制約信息化整體。網(wǎng)頁則是靜態(tài)頁面各自為政，僅僅提供鏈接HTML文獻(xiàn)。9月18日寧夏育才中學(xué)校本課程第5頁第5頁制作網(wǎng)頁專業(yè)工具制作網(wǎng)頁專業(yè)工具功效越來越完善，操作也越來越簡樸，處理圖像、制作動(dòng)畫、公布網(wǎng)站專業(yè)軟件應(yīng)用得非常廣泛。9月18日寧夏育才中學(xué)校本課程第6頁第6頁各種工具制作網(wǎng)頁專門工具圖像處理工具：網(wǎng)站公布工具：圖標(biāo)制作工具：動(dòng)畫制作工具：抓圖工具：9月18日寧夏育才中學(xué)校本課程第7頁第7頁網(wǎng)站開發(fā)流程第一個(gè)階段：規(guī)劃和準(zhǔn)備階段。這個(gè)階段要做工作包括：（1）需求分析、決定網(wǎng)站主題、風(fēng)格（2）搜集資料、準(zhǔn)備素材并進(jìn)行整理修改（3）規(guī)劃網(wǎng)站結(jié)構(gòu)和頁面形式；9月18日寧夏育才中學(xué)校本課程第8頁第8頁第二階段網(wǎng)頁設(shè)計(jì)、制作階段。這個(gè)階段要做工作包括：（1）網(wǎng)站總體設(shè)計(jì)；（2）設(shè)計(jì)界面、制作網(wǎng)站中各個(gè)網(wǎng)頁；（3）將各個(gè)網(wǎng)頁通過超級鏈接進(jìn)行整合。9月18日寧夏育才中學(xué)校本課程第9頁第9頁網(wǎng)站公布、推廣和維護(hù)階段。這個(gè)階段要做工作包括：（1）測試、調(diào)試與完善網(wǎng)站；（2）公布與推廣網(wǎng)站；（3）維護(hù)和更新網(wǎng)站。9月18日寧夏育才中學(xué)校本課程第10頁第10頁關(guān)于設(shè)計(jì)與布局小提議在設(shè)計(jì)布局時(shí)候要注意把文字、圖片在網(wǎng)頁空間上均勻分布而且不同形狀、色彩網(wǎng)頁元素要相互對比，以形成鮮明視覺效果。9月18日寧夏育才中學(xué)校本課程第11頁第11頁LOGO網(wǎng)站設(shè)計(jì)LOGO是網(wǎng)站標(biāo)志、名片，如同商標(biāo)同樣。在網(wǎng)站設(shè)計(jì)中l(wèi)ogo設(shè)計(jì)是不可缺乏一個(gè)主要環(huán)節(jié)。logo是網(wǎng)站特色和內(nèi)涵集中表達(dá),它作用于傳遞網(wǎng)站定位和經(jīng)營理念、同時(shí)便于人們辨認(rèn)。9月18日寧夏育才中學(xué)校本課程第12頁第12頁網(wǎng)頁設(shè)計(jì)色彩原則顏色心理反應(yīng)應(yīng)用情況紅色熱情、活力、溫暖、喜慶極易吸引人們眼球，在網(wǎng)頁中廣泛使用橙色潮流、輕快、溫馨、熱烈常慣用于一些潮流新潮網(wǎng)站中，如時(shí)裝網(wǎng)站、化妝品網(wǎng)站等黃色高興、希望、明亮、樂觀營造出愉快氣氛，能夠得到大部分瀏覽者認(rèn)可綠色寧靜、希望、清爽、自然淺綠、黃綠等顏色既有綠色特點(diǎn)，又能表現(xiàn)出黃色溫暖，用在網(wǎng)站中經(jīng)常能夠得到青年人和兒童愛慕藍(lán)色清涼、清新、理智、安靜在商業(yè)設(shè)計(jì)中，強(qiáng)調(diào)科技、效率商品或公司形象，大多選取藍(lán)色作為原則色灰色柔和、高雅、可靠、成熟與紅色、橙色等比較有視覺沖擊力顏色相比，灰色比較低調(diào)。許多高科技產(chǎn)品，都采用灰色作為高科技形象白色潔白、純真、明快、簡練通常需要和其它色彩搭配使用，多用于網(wǎng)站背景色黑色深沉、高貴、莊嚴(yán)、優(yōu)雅適合于與許多顏色搭配紫色高貴、神秘、啟發(fā)由于含有強(qiáng)烈女性化性格，因此在網(wǎng)頁設(shè)計(jì)中，除了和女性相關(guān)商品或公司形象之外，其它類網(wǎng)站普通不采用紫色作為主色9月18日寧夏育才中學(xué)校本課程第13頁第13頁網(wǎng)頁頁面元素設(shè)計(jì)網(wǎng)頁是由文本、圖像、動(dòng)畫、超級鏈接等基本元素構(gòu)成9月18日寧夏育才中學(xué)校本課程第14頁第14頁文本普通情況下，網(wǎng)頁中最多內(nèi)容是文本，能夠依據(jù)需要對其字體、大小、顏色、底紋、邊框等屬性進(jìn)行設(shè)置。提議用于網(wǎng)頁正文文字普通不要太大，也不要使用過多字體，中文字體普通使用宋體，大小普通使用9磅或12像素即可。9月18日寧夏育才中學(xué)校本課程第15頁第15頁圖像豐富多彩圖像是美化網(wǎng)頁必不可少元素，用于網(wǎng)頁上圖像普通為JPG格式和GIF格式。網(wǎng)頁中圖像主要有用于點(diǎn)綴標(biāo)題小圖片，簡介性照片，代表公司形象或欄目內(nèi)容標(biāo)志性圖片（即LOGO），用于宣傳廣告（即Banner）等各種形式。9月18日寧夏育才中學(xué)校本課程第16頁第16頁超級鏈接超級鏈接是Web網(wǎng)頁主要特色，是指從一個(gè)網(wǎng)頁指向另一個(gè)目標(biāo)端鏈接。這個(gè)“目標(biāo)端”通常是一個(gè)網(wǎng)頁，也能夠是以下情況之一：相同網(wǎng)頁上不同位置、一個(gè)下載文件、一幅圖片、一個(gè)E_Mail地址等。超級鏈接能夠是文本、按鈕或圖片，鼠標(biāo)指向超級鏈接位置時(shí)，會(huì)變成小手形狀。9月18日寧夏育才中學(xué)校本課程第17頁第17頁導(dǎo)航欄導(dǎo)航欄是一組超級鏈接，用來以便地瀏覽站點(diǎn)。導(dǎo)航欄普通由多個(gè)按鈕或者多個(gè)文本超級鏈接構(gòu)成。9月18日寧夏育才中學(xué)校本課程第18頁第18頁動(dòng)畫動(dòng)畫是網(wǎng)頁中最活躍元素，創(chuàng)意出色、制作精致動(dòng)畫是吸引瀏覽者眼球有效辦法之一。但是假如網(wǎng)頁動(dòng)畫太多，也會(huì)物極必反，使人眼花繚亂，進(jìn)而產(chǎn)生視覺疲勞。9月18日寧夏育才中學(xué)校本課程第19頁第19頁表格表格是HTML語言中一個(gè)元素，主要用于網(wǎng)頁內(nèi)容布局，組織整個(gè)網(wǎng)頁外觀，通過表格能夠準(zhǔn)確地控制各網(wǎng)頁元素在網(wǎng)頁中位置。9月18日寧夏育才中學(xué)校本課程第20頁第20頁框架框架是網(wǎng)頁一個(gè)組織形式，將互相關(guān)聯(lián)多個(gè)網(wǎng)頁內(nèi)容組織在一個(gè)瀏覽器窗口中顯示。比如在一個(gè)框架內(nèi)放置導(dǎo)航欄，另一個(gè)框架中內(nèi)容能夠伴隨導(dǎo)航欄中鏈接而改變。9月18日寧夏育才中學(xué)校本課程第21頁第21頁表單表單是用來搜集訪問者信息或?qū)崿F(xiàn)一些交互作用網(wǎng)頁，瀏覽者填寫表單方式是輸入文本，選中單選按鈕或復(fù)選框，從下拉菜單中選擇選項(xiàng)等。9月18日寧夏育才中學(xué)校本課程第22頁第22頁網(wǎng)頁欣賞9月18日寧夏育才中學(xué)校本課程第23頁第23頁網(wǎng)頁

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論