資源描述：
《中級網(wǎng)頁設(shè)計之網(wǎng)頁布局》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、網(wǎng)頁布局1.1.1=1、操作內(nèi)容：利用素材庫文件夾“網(wǎng)頁設(shè)計制作員素材1.1.1”內(nèi)的“1.1.1.2文件夾”中的網(wǎng)頁文件，參照樣張“1.1.1.1.bmp”，完成論壇注冊頁面的制作，具體操作內(nèi)容如下：（1）編輯素材庫文件夾“1.1.1.2”內(nèi)的“zc.html”，按照要求插入圖片并添加文字（2）為“zc.html”頁面的布局表格設(shè)置背景（3）為“zc.html”頁面設(shè)置統(tǒng)一的字體（4）制作“zc.html”頁面的“檢查用戶名”區(qū)域內(nèi)容（5）制作“zc.html”頁面的“填寫信息”區(qū)域內(nèi)容（6）保存操作結(jié)果操作要求（1）考生務(wù)必在指定位置建立考生文件夾，并在其下建立“1.1.1”子
2、目錄，將所有操作結(jié)果保存至該文件夾下。（2）用Dreamweaver編輯素材庫文件夾“1.1.1.2”的“zc.html”，參照效果圖樣張“1.1.1.1.bmp”，在布局表格內(nèi)適當位置插入文件夾“1.1.1.2”中的圖片“imageszc-1.jpg”，并添加說明文本“用戶注冊”（3）參照效果圖樣張“1.1.1.1.bmp”，用素材庫文件夾“1.1.1.2”中的圖片“imageszc-4.gif”設(shè)置布局表格單元格背景（4）用CSS樣式表為“zc.html”整個頁面布局表格的單元格，設(shè)置統(tǒng)一的字體a)大小：12像素；b)行高：2倍行高；c)CSS樣式采用內(nèi)部標簽形式。（5）參照
3、效果圖樣張“1.1.1.1.bmp”，按以下要求制作“zc.html”頁面上的“檢查用戶名”區(qū)域內(nèi)容a)參照效果圖樣張“1.1.1.1.bmp”，為給定文本設(shè)定CSS樣式。b)參照效果圖樣張“1.1.1.1.bmp”，為布局表格特定位置設(shè)定CSS樣式，并應用該樣式。c)參照效果圖樣張“1.1.1.1.bmp”，在布局表格內(nèi)適當位置添加給定文本，并為文本內(nèi)容應用CSS樣式。d)參照效果圖樣張“1.1.1.1.bmp”，在布局表格內(nèi)適當位置添置和制作表單以及表單對象，并設(shè)置表單對象的動作屬性為無。（6）參照效果圖樣張“1.1.1.1.bmp”，按以下要求制作“zc.html”頁面上的“填
4、寫信息”區(qū)域內(nèi)容a)在布局表格適當位置，按效果圖樣張，添加文本“（帶*的為必填項）”，按效果圖設(shè)置文本顏色和對齊方式。b)參照效果圖樣張，在布局表格適當位置制作嵌套表格并在表格內(nèi)制作“提示問題”、“性別”、“電子郵件”表單項。c)為文本“推薦：QQ郵箱”設(shè)置鏈接“http://mail.qq.com”，為“sogou郵箱”設(shè)置鏈接“http://mail.sogou.com”e)參照效果圖樣張，在布局表格的適當位置插入相應表單元素，表單對象的動作屬性為“提交”。（7）將操作結(jié)果相關(guān)文件全部保存至考生文件夾下1.1.1目錄。（關(guān)鍵步驟，如未保存結(jié)果，整個題目都不得分）1.1.2=1、利
5、用素材庫文件夾“網(wǎng)頁設(shè)計制作員素材1.1.2”內(nèi)的“1.1.2.2文件夾”中的網(wǎng)頁文件，參照樣張“1.1.2.1.bmp”，完成頁面的制作，具體操作內(nèi)容如下：（1）使用Dreamweaver創(chuàng)建“留言板”站點（2）依據(jù)效果圖樣張1.1.2.1.bmp創(chuàng)建留言板網(wǎng)頁布局表格（3）參照效果圖樣張1.1.2.1.bmp，在表格第一行制作留言板頭部分（4）參照效果圖樣張1.1.2.1.bmp，編輯表格第二行（5）參照效果圖樣張1.1.2.1.bmp，在表格第三行制作“請在此留言”部分（6）參照效果圖樣張1.1.2.1.bmp完成留言板的制作，并保存結(jié)果3、操作要求（1）考生務(wù)必在指定位置建
6、立考生文件夾，并在其下建立1.1.2子目錄，將所有操作結(jié)果保存至該文件夾下。（2）使用Dreamweaver創(chuàng)建“留言板”站點，具體要求如下：a）使用Dreamweaver在指定保存位置創(chuàng)建“message2.2”站點文件夾b）復制未全部完成的留言板網(wǎng)頁素材庫文件夾“1.1.2.2”內(nèi)的網(wǎng)頁html文件及圖片至“留言板”站點文件夾目錄；（3）依據(jù)效果圖樣張1.1.2.1.bmp創(chuàng)建留言板網(wǎng)頁布局表格，具體要求如下：a）用Dreamweaver編輯“message.html”，按效果圖樣張，在布局表格相應單元格內(nèi)嵌套一個3行1列，寬度為640像素的表格；（4）參照效果圖樣張1.1.2.
7、1.bmp，應用CSS+DIV技術(shù)，在表格第一行制作留言板頭部分，具體要求如下:a）在相應單元格內(nèi)嵌套一個id和名稱均為“message_top”的div標簽。b）在css.css中為div標簽“message_top”定義一個CSS樣式。要求設(shè)置字體屬性為：宋體、14像素、2倍行高、白色；背景顏色綠色（#64C31F）；邊框為1像素的深綠色（#287700）實線。c）在div標簽內(nèi)輸入文本“留言板”，并居中對齊（5）參照效果圖樣張1.1.2.1.bmp，
