第三章 網頁制作與HTML語言基本結構簡介 本章提要 靜態網頁與動態網頁 Dreamweaver MX制作網頁 HTML語言的基本結構 3.1網頁制作概述 3.1.1靜態網頁與動態網頁 1.靜態網頁 由超級文本標志語言HTML的標志代碼構成; 用記事本、FrontPage、Dreamweaver、Fireworks可以制作。 2.動態網頁與asp 動態網頁中:服務器端可以實時處理瀏覽器端的請求,然后將處理結果返回給瀏覽器端 ASP是在普通HTML中嵌入VBSCript或JavaScript代碼的文件,只能在服務器端運行 3.1.2認識網頁 1.網頁的基本元素 文字 圖像 超鏈接 2.網頁設計原則 兼容性原則 簡潔性原則 3.網頁的設計 確定主題 收集材料 布局規劃 制作網頁 3.1.3網頁制作工具簡介 Frontpage Dreamweaver 3.2Dreamweaver2004概覽 Dreamweaver2004界面 輸入與編輯文本 超級鏈接 使用圖像 表格 創建交互表單 頁面布局 3.3使用Dreamweaver制作主頁框架 基本操作步驟 主頁框架的制作 3.4HTML語言基本結構 HTML簡介 HTML文件的基本結構 HTML的 HTML簡介 HTML的英語意思是:Hypertext Marked Language,即超文本標記語言,是一種用來制作超文本文檔的簡單標記語言。用HTML編寫的超文本文檔稱為HTML文檔,它能獨立于各種操作系統平臺。 ?? 所謂超文本,是因為它可以加入圖片、聲音、動畫、影視等內容,事實上每一個HTML文檔都是一種靜態的網頁文件,這個文件里面包含了HTML指令代碼,這些指令代碼并不是一種程序語言,它只是一種排版網頁中資料顯示位置的標記結構語言,易學易懂,非常簡單。 HTML的基本結構 HTML的基本結構 ??? 一個HTML文檔是由一系列的元素和標簽組成.元素名不區分大小寫.HTML用標簽來規定元素的屬性和它在文件中的位置, ??? HTML超文本文檔分文檔頭和文檔體兩部分,在文檔頭里,對這個文檔進行了一些必要的定義,文檔體中才是要顯示的各種文檔信息。 HTML的基本結構 ? ? 開始標簽
? 一個簡單的HTML示例 ?? ?頭部標簽?歡迎光臨我的主頁
?????????????????????????????????????????????????????????????????
??????????????????????????????????????????? 文件主體??????????????????? ? 這是我第一次做主頁???????????????????????????? ???????????????????????????????????????