《網(wǎng)頁設(shè)計》課件-1 HTML入門介紹

HTML入門介紹重難點分析APARTONE重點：1、了解網(wǎng)頁設(shè)計2、網(wǎng)頁與網(wǎng)站難點：1、對網(wǎng)頁設(shè)計進(jìn)行初步的了解2、html入門課程講解BPARTTWO網(wǎng)頁網(wǎng)頁也稱超文本。所謂超文本，是指網(wǎng)頁中不僅可以包含超鏈接，還可以包含圖像、聲音、動畫等元素。網(wǎng)頁是用超文本標(biāo)記語言HTML書寫的一種純文本文件。網(wǎng)頁需要通過瀏覽器對其進(jìn)行解釋，才生成包含文字、圖像、聲音、視頻和動畫等多媒體信息的頁面。靜態(tài)網(wǎng)頁網(wǎng)頁內(nèi)容固定不變。使用HTML語言編寫網(wǎng)頁的結(jié)構(gòu)。文件擴(kuò)展名是.htm或.html。網(wǎng)頁動態(tài)網(wǎng)頁使用ASP.net、JSP、PHP、CGI等程序語言動態(tài)生成的網(wǎng)頁內(nèi)容。使用HTML語言編寫網(wǎng)頁的結(jié)構(gòu)。文件擴(kuò)展名是.aspx、.jsp、.php、.cgi等。1.1.2網(wǎng)頁的類型屏幕分辨率寬度：800px，1024px，1280px，1440px，1680px，1920px滾動條寬度：16px網(wǎng)頁的寬度：最常見的960px，也有1000px，1006px，780px1.1.3網(wǎng)頁的尺寸網(wǎng)站由多個網(wǎng)頁組成。網(wǎng)站的特征：擁有眾多的網(wǎng)頁。擁有一個主題和統(tǒng)一的風(fēng)格。有便捷的導(dǎo)航系統(tǒng)。分層的欄目組織。有用戶指南。有動態(tài)發(fā)布最新信息的功能。1.1.4網(wǎng)站目的規(guī)模目標(biāo)用戶收入來源運(yùn)營方式網(wǎng)站定位版塊欄目信息內(nèi)容規(guī)劃布局設(shè)計色彩設(shè)計導(dǎo)航設(shè)計頁面設(shè)計虛擬主機(jī)域名指向文件上傳網(wǎng)站宣傳發(fā)布推廣資源更新數(shù)據(jù)備份網(wǎng)站維護(hù)頁面整合內(nèi)部測試客戶檢驗整合

測試圖像處理動畫制作網(wǎng)頁制作網(wǎng)頁制作數(shù)據(jù)庫設(shè)計服務(wù)器端程序設(shè)計程序開發(fā)1.1.5網(wǎng)站制作流程目的規(guī)模目標(biāo)用戶收入來源運(yùn)營方式網(wǎng)站定位版塊欄目信息內(nèi)容規(guī)劃布局設(shè)計色彩設(shè)計導(dǎo)航設(shè)計頁面設(shè)計虛擬主機(jī)域名指向文件上傳網(wǎng)站宣傳發(fā)布推廣資源更新數(shù)據(jù)備份網(wǎng)站維護(hù)頁面整合內(nèi)部測試客戶檢驗整合

測試圖像處理動畫制作網(wǎng)頁制作網(wǎng)頁制作數(shù)據(jù)庫設(shè)計服務(wù)器端程序設(shè)計程序開發(fā)1.1.5網(wǎng)站制作流程行為層內(nèi)容如何對事件做出響應(yīng)表現(xiàn)層內(nèi)容如何顯示結(jié)構(gòu)層內(nèi)容的語義內(nèi)容層內(nèi)容網(wǎng)頁文件是由四層信息構(gòu)成的一個共同體：1.2.2網(wǎng)頁文件的信息構(gòu)成登鸛雀樓作者：王之渙白日依山盡，黃河入海流。欲窮千里目，更上一層樓。1.2.3例子內(nèi)容：頁面實際要傳達(dá)的真正信息，包括數(shù)據(jù)、文本、文檔或圖片。不包括輔助信息，如導(dǎo)航菜單、裝飾圖片等。1.2.3例子結(jié)構(gòu)：就是對網(wǎng)頁內(nèi)容進(jìn)行整理和分類登鸛雀樓

作者：王之渙

白日依山盡，黃河入海流。欲窮千里目，更上一層樓。1.2.3例子表現(xiàn)：對結(jié)構(gòu)化的信息進(jìn)行樣式上的控制，如對顏色、大小、背景等外觀進(jìn)行控制，所有這些用來改變內(nèi)容外觀的，稱為“表現(xiàn)”。登鸛雀樓

作者：王之渙

白日依山盡，黃河入海流。欲窮千里目，更上一層樓。1.2.3例子行為：是對內(nèi)容的交互及操作效果，如JavaScript，就是動態(tài)控制網(wǎng)頁信息的結(jié)構(gòu)和顯示，實現(xiàn)網(wǎng)頁的智能交互。1.2.4基于Web標(biāo)準(zhǔn)的網(wǎng)頁制作描述網(wǎng)頁結(jié)構(gòu)的標(biāo)準(zhǔn)語言HTML可擴(kuò)展超文本標(biāo)記語言描述網(wǎng)頁表現(xiàn)的標(biāo)準(zhǔn)語言

CSS層疊樣式表描述網(wǎng)頁行為的標(biāo)準(zhǔn)語言JavaScript標(biāo)準(zhǔn)腳本語言1.3課程內(nèi)容介紹HTMLCSSJS站點與HTML基礎(chǔ)CSS基礎(chǔ)事件、方法插入文本和圖像文字與文本JS運(yùn)算符插入鏈接和多媒體背景與列表彈出語句插入表格邊框與邊界條件判斷插入表單溢出與滾動條循環(huán)語句框架和模板網(wǎng)頁布局