網(wǎng)頁設(shè)計與制作項目二

1、網(wǎng)頁設(shè)計與制作項目二利用HTML編寫網(wǎng)頁編寫公司簡介頁面1編寫產(chǎn)品展示頁面2編寫產(chǎn)品清單列表頁面3項目二利用HTML編寫網(wǎng)頁添加頁面的動態(tài)效果6編寫商務(wù)留言頁面4將頁面組合成網(wǎng)站5任務(wù)1編寫公司簡介頁面一、HTML入門(一)HTML概述HTML代碼是由若干HTML標(biāo)簽符號和由標(biāo)簽符號描述的各種元素組成的。HTML文檔結(jié)構(gòu)HTML標(biāo)簽注釋標(biāo)簽任務(wù)1編寫公司簡介頁面一、HTML入門(二)標(biāo)簽標(biāo)簽在與之間使用，用來給網(wǎng)頁命名，網(wǎng)頁的名稱將被顯示在瀏覽器的標(biāo)題欄中，該標(biāo)簽無屬性。任務(wù)1編寫公司簡介頁面一、HTML入門(三)標(biāo)簽標(biāo)簽定義HTML文檔的所有內(nèi)容，如文本、超鏈接、圖像、表格和列表。任務(wù)1編寫

2、公司簡介頁面一、HTML入門(四)與文字排版有關(guān)的標(biāo)簽1. 標(biāo)簽標(biāo)簽的顯示任務(wù)1編寫公司簡介頁面一、HTML入門(四)與文字排版有關(guān)的標(biāo)簽2. 標(biāo)簽標(biāo)簽的顯示任務(wù)1編寫公司簡介頁面一、HTML入門(四)與文字排版有關(guān)的標(biāo)簽3.標(biāo)題文字標(biāo)簽標(biāo)簽的顯示任務(wù)1編寫公司簡介頁面一、HTML入門(四)與文字排版有關(guān)的標(biāo)簽4.標(biāo)簽任務(wù)1編寫公司簡介頁面一、HTML入門(四)與文字排版有關(guān)的標(biāo)簽5.標(biāo)簽任務(wù)1編寫公司簡介頁面一、HTML入門(四)與文字排版有關(guān)的標(biāo)簽6.項目符號、項目編號標(biāo)簽嵌套列表顯示結(jié)果任務(wù)1編寫公司簡介頁面一、HTML入門(四)與文字排版有關(guān)的標(biāo)簽7.排版方法及說明空格的插入自動換行行

3、距控制任務(wù)1編寫公司簡介頁面二、利用HTML制作公司簡介頁面羅德紡織品有限公司網(wǎng)站的公司簡介頁面任務(wù)2 編寫產(chǎn)品展示頁面一、插入多媒體素材(一)插入圖片的標(biāo)簽任務(wù)2 編寫產(chǎn)品展示頁面一、插入多媒體素材標(biāo)簽的顯示結(jié)果任務(wù)2 編寫產(chǎn)品展示頁面一、插入多媒體素材(二)插入聲音、視頻、動畫等元素的標(biāo)簽1. 標(biāo)簽任務(wù)2 編寫產(chǎn)品展示頁面一、插入多媒體素材(二)插入聲音、視頻、動畫等元素的標(biāo)簽2. 標(biāo)簽任務(wù)2 編寫產(chǎn)品展示頁面二、用HTML制作產(chǎn)品展示頁面羅德紡織品有限公司網(wǎng)站的產(chǎn)品展示頁面任務(wù)2 編寫產(chǎn)品展示頁面二、用HTML制作產(chǎn)品展示頁面該網(wǎng)頁的制作步驟如下:(1)打開記事本(2)輸入以下代碼(3)

4、保存為網(wǎng)頁文件(4)打開保存文件任務(wù)3編寫產(chǎn)品清單列表頁面一、認識表格標(biāo)簽(一)表格標(biāo)簽表格標(biāo)簽的顯示任務(wù)3編寫產(chǎn)品清單列表頁面一、認識表格標(biāo)簽(一)表格標(biāo)簽任務(wù)3編寫產(chǎn)品清單列表頁面一、認識表格標(biāo)簽(一)表格標(biāo)簽任務(wù)3編寫產(chǎn)品清單列表頁面一、認識表格標(biāo)簽(一)表格標(biāo)簽任務(wù)3編寫產(chǎn)品清單列表頁面一、認識表格標(biāo)簽(一)表格標(biāo)簽使用表格的注意事項:(1)表格中各單元格的內(nèi)容可以是文本、圖像、動畫、視頻、鏈接、表單、表單域等所有網(wǎng)頁元素。(2)依據(jù)單元格中的內(nèi)容，表格具有自動縮放功能。(3)表格可以嵌套使用，嵌套層數(shù)不限。任務(wù)3編寫產(chǎn)品清單列表頁面一、認識表格標(biāo)簽(二)使用表格布局頁面表格布局的注意

5、事項如下:(1)表格布局時邊框?qū)挾鹊闹狄欢ㄒO(shè)置為0，即不顯示邊框。(2)表格布局經(jīng)常通過表格的嵌套實現(xiàn)。(3)表格布局時的網(wǎng)頁代碼可讀性差。(4)多重嵌套的表格下載速度慢。任務(wù)3編寫產(chǎn)品清單列表頁面二、利用表格制作產(chǎn)品清單列表頁面羅德紡織品有限公司網(wǎng)站的產(chǎn)品清單列表頁面任務(wù)4編寫商務(wù)留言頁面一、認識表單標(biāo)簽(一)表單的概念表單是供瀏覽者填寫信息的頁面元素，服務(wù)器從中采集客戶端的信息，使網(wǎng)頁具有交互的功能。在包含表單元素的網(wǎng)頁中，當(dāng)用戶填寫完信息并提交(Submit)后，表單的內(nèi)容就從客戶端的瀏覽器傳送到服務(wù)器上，經(jīng)過服務(wù)器上的處理程序(如ASl程序)處理后，再將用戶所需信息傳送回客戶端的瀏覽

6、器上，這樣網(wǎng)頁就具有了交互性。任務(wù)4編寫商務(wù)留言頁面一、認識表單標(biāo)簽(二)表單標(biāo)簽表單用標(biāo)簽對來創(chuàng)建，格式如下: action屬性的值是服務(wù)器端處理表單數(shù)據(jù)的程序名(包括路徑)，如果這個屬性是空值，即“”，則使用當(dāng)前文檔處理表單數(shù)據(jù)。用戶提交表單后，服務(wù)器就執(zhí)行action屬性值表示的程序(如ASP程序)。任務(wù)4編寫商務(wù)留言頁面一、認識表單標(biāo)簽(三)表單控件標(biāo)簽表單很像容器，組成它的主要內(nèi)容是表單控件，文本框、多行文本框、密碼框、列表框、單選按鈕、復(fù)選按鈕、提交按鈕、重置按鈕等都是表單控件。下面介紹這些表單控件標(biāo)簽。任務(wù)4編寫商務(wù)留言頁面一、認識表單標(biāo)簽(三)表單控件標(biāo)簽標(biāo)簽列表控件多行文本框控件任務(wù)4編寫商務(wù)留言頁面二、利用表單制作商務(wù)留言頁面羅德紡織品有限公司網(wǎng)站的商務(wù)留言頁面任務(wù)5將頁面組合成網(wǎng)站一、創(chuàng)建超鏈接內(nèi)部鏈接外部鏈接E-mail鏈接書簽鏈接其他文檔鏈接空鏈接任務(wù)5將頁面組合成網(wǎng)站二、利用超鏈接將各頁面進行連接羅德紡織品有限公司網(wǎng)站的主頁任務(wù)6添加頁面的動態(tài)效果一、網(wǎng)頁動態(tài)