網頁設計第一課市公開課金獎市賽課一等獎課件_第1頁
網頁設計第一課市公開課金獎市賽課一等獎課件_第2頁
網頁設計第一課市公開課金獎市賽課一等獎課件_第3頁
網頁設計第一課市公開課金獎市賽課一等獎課件_第4頁
網頁設計第一課市公開課金獎市賽課一等獎課件_第5頁
已閱讀5頁，還剩22頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

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

溫馨提示

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

評論

0/150

提交評論