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

下載本文檔

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

文檔簡(jiǎn)介

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

溫馨提示

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

評(píng)論

0/150

提交評(píng)論