打開一個網頁，查看它的源文件，就會看到一些有規律的程序代碼。這些代碼就是超文本標記語言（Hypertext Markup Language,HTML）。“超文本”就是指頁面內可以包含圖片、鏈接甚至音樂、程序等非文字的元素，“標記”就是說它不是程序語言，只是由文字及標記符號組合而成。

十三使用表單制作注冊網頁任務一創建表單任務二驗證表單項目十三：使用表單制作注冊網頁網頁設計與制作Dreamweaver8任務三測試表單任務一小結任務二實訓任務一創建表單本任務主要介紹插入表單及文本域、文本區域、單選按鈕、復選框、列表/菜單、隱藏域、按鈕及其屬性設置的基本方法。通過本任務的學習，掌握的內容主要有：1、表單的工作過程（1）訪問者在瀏覽表單頁面時，可填寫必要的信息，然后進行“提交”。

=十二使用行為完善網頁功能任務一設置頁眉部分任務二設置主體部分項目十二：使用行為完善網頁功能網頁設計與制作Dreamweaver8任務一小結任務二實訓任務一設置頁眉部分本任務主要介紹設置狀態欄文本和彈出式菜單的方法，同時認識行為的概念，并了解【行為】面板的基本操作。=

十一使用模板和庫制作學校主頁任務一創建庫──制作頁眉和頁腳任務二創建模板━━制作學校主頁項目十一：使用模板和庫制作學校主頁網頁設計與制作Dreamweaver8任務一小結任務二實訓任務一創建庫──制作頁眉和頁腳在Dreamweaver中，庫是一種特殊的Dreamweaver文件，用來存放諸如文本、圖像等網頁元素，這些元素通常被廣泛用于整個站點，并且經常被重復使用或更新。

十使用時間軸制作動畫任務一使用層設置公園背景和標題任務二使用時間軸設置運動效果項目十：使用時間軸制作動畫網頁設計與制作Dreamweaver8任務一小結任務二實訓任務一使用層設置公園背景和標題本任務將首先使用層布局頁面中的公園地圖及標題等內容。關于層的基本知識在項目九已作詳細介紹，經過本任務的學習,讀者可以進一步鞏固其具體應用。

九使用Div布局搜索引擎頁任務一制作頁眉“TopLayer”任務二制作主體“MainLayer”項目九：使用Div布局搜索引擎頁網頁設計與制作Dreamweaver8任務一任務二任務三制作頁腳“FootLayer”小結任務三實訓Dreamweaver8網頁設計與制作本任務主要介紹使用層布局索引擎頁頁眉的基本方法。通過本任務的學習，應該掌握的內容主要有：1.層的功能層主要有以下幾方面的功能：由于層是絕對定位的，可以游離在文檔之上，可以利用層來浮動定位網頁元素。它可以包含文本、圖像甚至其他層。

八使用CSS控制購物網頁外觀任務一設置頁眉CSS規則任務二設置購物網頁主體的CSS樣式項目八：使用CSS控制購物網頁外觀網頁設計與制作Dreamweaver8任務一任務二任務三設置頁腳的CSS規則小結任務三實訓任務一設置頁眉CSS規則CSS是“Cascading Style Sheet”的縮寫，可譯為“層疊樣式表”或“級聯樣式表”。

七使用框架布局論壇網頁任務一創建論壇框架網頁任務二設置論壇框架網頁項目七：使用框架布局論壇網頁網頁設計與制作Dreamweaver8任務一小結任務二實訓任務一創建論壇框架網頁本任務將介紹使用框架創建論壇網頁的基本方法，用到的基礎知識主要包括創建框架、拆分框架、保存框架等。

主講：網頁設計與制作——Dreamweaver8項目六使用表格布局門戶網站首頁任務一制作頁眉任務二設置主體頁面項目六：使用表格布局門戶網站首頁網頁設計與制作Dreamweaver8任務一任務二任務三制作頁腳小結任務三實訓任務一制作頁眉本任務主要是使用表格來布局網頁頁眉的內容，用到的基礎知識主要包括插入表格及其屬性設置的方法、選擇表格及其行與列的方法、拆分單元格的方法、表格的嵌套以及插入字幕的方法及其設置參數等。

五制作教育導航網頁任務一設置頁眉任務二設置網頁主體項目五：制作教育導航網頁網頁設計與制作Dreamweaver8任務一任務二任務三設置頁腳任務四設置錨記超級鏈接任務三小結任務四實訓任務一設置頁眉本任務主要是對網頁頁眉部分的超級鏈接進行設置，主要使用鼠標經過圖像和導航條技術，它們是基于圖像的比較特殊的鏈接形式，屬于圖像對象的范疇。Dreamweaver8網頁設計與制作項目

四編排賀卡網頁任務一設置頁眉任務二設置主體部分項目四：編排賀卡網頁網頁設計與制作Dreamweaver8任務一小結任務二實訓任務一設置頁眉本任務主要是對網頁頁眉部分的圖像進行設置，包括網站站標和圖像占位符，涉及的知識點有圖像的基本類型和作用、設置背景圖像、圖像的插入方法以及圖像占位符的作用、插入方法及其屬性設置等。通過本任務的學習，應該掌握的內容主要有：Dreamweaver8網頁設計與制作項目

三編排校園文學網頁任務一設置頁面屬性任務二編排頁眉文本項目三：編排校園文學網頁網頁設計與制作Dreamweaver8任務一任務二任務三編排網頁主體文本任務四編排頁腳文本任務三小結任務四實訓任務一設置頁面屬性本任務主要介紹在【頁面屬性】對話框中設置文本字體、大小、顏色、背景顏色、背景圖像、頁邊距、網頁標題及文檔編碼的基本方法。通過本任務的學習，讀者應對頁面屬性有一個全面的認識，并掌握參數的設置方法。

二定義和創建站點任務一如何做好一個網站任務二創建站點項目二：定義和創建站點網頁設計與制作Dreamweaver8任務一小結任務二實訓任務一如何做好一個網站隨著互聯網同人們的日常生活結合得越來越緊密，網站的數量也在迅速增加，而形成一個良好的網站制作流程習慣，并了解網頁布局和色彩搭配的基本知識，可以使網站制作者的效率大大提高。本任務主要介紹網站制作流程、網頁布局的基本知識。Dreamweaver8網頁設計與制作項目二：定義和創建站點任務一小結任務二實訓操作一網站制作流程.

關于HTML4.0的書籍關于JavaScript的書籍關于CSS的書籍，CascadingStyleSheets(層疊樣式表)考核辦法以實驗報告為主1：編輯軟件的熟悉,基本標志練習；2：掌握頁面布局，制表和分欄設計；3：掌握表單控件；4：練習JavaScript語言，對控件進行事件處理；5：練習CSS布局設計第一章概述1.1屏幕分辨率1.2RGB1.3靜態網頁1.4HTML1.5常用軟件1.1屏幕分辨率ScreenResolution顯示分辨率就是屏幕上顯示的像素個數，由于屏幕上的點、線和面都是由像素組成的。

50 Performance Tricks to Make your HTML5 apps and sites Faster

對于網站制作者&前端老濕們來說，為了確保顯示效果，長期以來不得不一直使用“安全字體”，英文網站一律是Verdana，中文網站一律是宋體——因為這是每臺瀏覽網頁的電腦里肯定裝有的字體。這是設計理念不斷進步的UI老師們所不能容忍的。字體可是頁面效果的根本，好比T臺模特的衣服換了千萬種，但你只能用這一兩個模特(對于中文用戶那就幾乎只有一個宋體)？

???圖片是網頁美化不可或缺的一種元素，有時作為片段文的載體(即將文字P在圖片上)可大大提高文字閱讀的體驗。??在圖片上配文字。你一定會最先想到Photoshop，沒錯，這是一個很強大的工具。但如果每次圖片上的文字需要改變怎么辦？好辦，把原始圖片找出來，重新用Photoshop處理，完成后上傳替換原圖。??有沒有更簡單易的方法?最好是一勞永逸(一次設計，后面文字再怎么改變都會自動應用樣式)。?

什么是@font-face???@font-face是一種網絡字體，是CSS的模塊,利用CSS的@font-face屬性可以在網頁中嵌入任意字體。???字體使用是網頁設計中不可或缺的一部分。網頁是文字的載體，我們希望在網頁中使用某一特定字體，但是該字體并非主流操作系統的內置字體，這樣用戶在瀏覽頁面的時候就有可能看不到真實的設計。?

第一天　XHTML CSS基礎知識歡迎大家學習《十天學會web標準》，也就是我們常說的DIV+CSS。不過這里的DIV+CSS是一種錯誤的叫法，建議大家還是稱之為web標準。學習本系列教程需有一定html和css基礎，也就是指您之前做過網頁，會用表格布局。如果您剛開始學習網頁制作，不知道什么是表格布局及html和css，建議您先去充電，否則學習本教程會非常吃力或者根本就聽不懂。

CSS參考手冊v3.2.0Update Time: 2011.11.20 在每頁頂部的增加了面包屑及導航到相關內容；新增了<identifier> Value參考；新增了cycle() Value參考；新增了ch Unit參考；新增了Units下某些缺少的demo并完善了內容；新增了animation-fill-mode屬性參考；修訂了一些錯誤鏈接；修訂了一些BUG；補充修訂了問題和經驗列表；<br> CSS參考手冊v3.1.0Update Time: 2011.10.13 新增了動畫速查表；新增了動畫CSS Animations Properties參考；新增了規則@keyframes參考；新增了部分屬性的IE10支持；修訂了IE9對部分屬性的支持問題；修訂了一些BUG；補充修訂了問題和經驗列表；