網(wǎng)頁制作(1)-資料下載頁
2025-08-15 20:43本頁面
【正文】 tddiv align=center class=style312日 /div/td tddiv align=center class=style3護(hù)士節(jié) /div/td /tr tr td colspan=2div align=center class=style36月 1日/div/td tddiv align=center class=style3兒童節(jié) /div/td /tr /table /body /html 此單元格跨２列 colspan=“2” 此單元跨３行rowspan=“3” 在 table和 /table之間放置表格內(nèi)容 ，table標(biāo)記是成對標(biāo)記 。 在表格中 ， 行是用 tr… /tr標(biāo)記來定義的 一行使用一個 tr… /tr標(biāo)記 ， 每行中的列是用 td… /td標(biāo)記定義的 ； 一列使用一個 td… /td標(biāo)記 。 table、 tr、td標(biāo)記都有相應(yīng)的屬性 ， 用來定義表格中內(nèi)容的顯示方式 。 table表格標(biāo)記的主要屬性有： （ 1） rowspan。 定義該單元格所跨行數(shù) 。 （ 2） colspan。 定義該單元格所跨列數(shù) 。 前面介紹的是表格中的各個單元格的屬性。現(xiàn)在，把表格作為一個整體，介紹表格在頁面中的位置及背景的設(shè)置。與圖片一樣，表格在瀏覽器窗口中的位置也有三種：居左、居中和居右。使用 table標(biāo)記的 align屬性。格式為： table align=left|center|right 當(dāng)表格位于頁面的左側(cè)或右側(cè)時，文本填充在另一側(cè)。當(dāng)表格居中時，表格兩邊沒有文本。當(dāng) align屬性缺省時，文本在表格的下面。 表格 表格在頁面中的對齊方式 在 table、 th、 tr、 td標(biāo)記中，使用下面屬性可以改變表格的背景和邊框的色彩、添加背景圖片，也可以為行和單元格改變色彩、添加背景圖片。 bgcolor=色彩或色彩值 設(shè)置背景色彩 background=圖片文件名 設(shè)置背景圖片 bordercolor=色彩 設(shè)置表格邊框的色彩 bordercolorlight=色彩 設(shè)置表格邊框亮部的色彩 rules=row,cols或 none 設(shè)置表內(nèi)線的顯示方法，none為無內(nèi)線 如果把屬性放到 table中，其作用范圍為整個表格，如果把屬性放到 th中，則作用范圍為整個行，如果把屬性放到 tr、 td中，則作用范圍為該單元格。 表格 表格的色彩和圖片背景 （ 1） 可使用標(biāo)記符的屬性來講進(jìn)一步限定標(biāo)記符 ， 一個標(biāo)記可以有多個屬性項 ，各屬性項的次序不限定 ， 各屬性項間用空格進(jìn)行分隔 。 （ 2） HTML中使用的注釋語句為 !… ,注釋內(nèi)容可插入文本中任何位置 ， 注釋內(nèi)容將不顯示 。 上下型網(wǎng)頁制作 內(nèi)容： 三十六計和第三十一計美人計 結(jié)構(gòu)：上下型（主要內(nèi)容： 800*600） 草圖 (用表格制作，風(fēng)格：復(fù)古型 ) 動畫圖片 導(dǎo)航條（三十六計） 三十六計總簡介 版權(quán)信息 制作步驟 ? 收集資料 ? 畫制草圖 ? 決定結(jié)構(gòu) ? 決定風(fēng)格 ? 逐層制作 ? 測試修改 ? 總結(jié)經(jīng)驗 建文件夾（名字： 36J） 設(shè)計動畫 將所用素材存入該文件夾 制作主頁 （ 1）用 36J （ 2）輸入標(biāo)題：三十六計 （ 3）選中頁面 （ 4）點“頁面屬性” （ 5）設(shè)置上邊距為 0 （ 6）設(shè)置背景圖片 （ 7）關(guān)閉頁面屬性 （ 8）插入三行一列的表格 注：經(jīng)常按 F12存盤瀏覽 利用標(biāo)簽插入背景音樂的步驟 ? 點主菜單的 “ 插入 ” ? 點 “ 標(biāo)簽 ” ， 點 “ HTML標(biāo)簽 ” ? 點左側(cè)的 “ 頁元素 ” ? 點右側(cè)的 “ BGSOUND” ? 點源后 “ 瀏覽 ” ? 選擇要插入的聲音文件 ? 在循環(huán)后選 “ 無限 ” T字型網(wǎng)頁制作 內(nèi)容：愛情三十六計 結(jié)構(gòu)： T字型（主要內(nèi)容： 1000*600） 草圖 (用框架制作，風(fēng)格：計復(fù)古，情現(xiàn)代 ) 計導(dǎo)航條 愛情 36計導(dǎo)航條 版權(quán)信息 使用框架的好處 ? 打開新的網(wǎng)頁不需換頁 ? 可以在指定窗口打開網(wǎng)頁 ? 多個窗口可同時在一個網(wǎng)面 ? 窗口之間既獨立又聯(lián)系 制作步驟 ? 收集資料 ? 畫制草圖 ? 決定結(jié)構(gòu) ? 決定風(fēng)格 ? 逐層制作 ? 測試修改 ? 總結(jié)經(jīng)驗 建文件夾（名字： 36J） 設(shè)計動畫 將所用素材存入該文件夾 制作主頁 （ 1）用 36J （ 2）輸入標(biāo)題：三十六計 （ 3）選中頁面 （ 4）點“頁面屬性” （ 5）設(shè)置上邊距為 0 （ 6）關(guān)閉頁面屬性 （ 7）從“從范例創(chuàng)建”中點“框架集”，再選“上方固定，左側(cè)嵌套”，再點“創(chuàng)建” 注：框架名的定義格式： NAME=“框架名” 主頁只有主題沒有詳細(xì)內(nèi)容的主頁稱為封面型網(wǎng)頁 封面型網(wǎng)頁制作 封面型網(wǎng)頁制作 內(nèi)容：網(wǎng)球超級明星 結(jié)構(gòu)：封面型（主要內(nèi)容： 1000*600） 草圖 (用圖片熱點制作，風(fēng)格：現(xiàn)代型 ) 鏈接一 鏈接二 鏈接三 制作步驟 ? 收集資料 ? 畫制草圖 ? 決定結(jié)構(gòu) ? 決定風(fēng)格 ? 逐層制作 ? 測試修改 ? 總結(jié)經(jīng)驗 建文件夾（名字： F4） 設(shè)計動畫 將所用素材存入該文件夾 制作主頁 （ 1）用 F4 （ 2）輸入標(biāo)題 （ 3）插入圖片 （ 4）繪制熱點區(qū)域 （ 5）設(shè)計超級鏈接 綜合網(wǎng)站制作 內(nèi)容：三十六計 結(jié)構(gòu)： 國字型 （主要內(nèi)容： 1000*600） 草圖 (用表格和層制作，風(fēng)格：復(fù)古型 ) 36計導(dǎo)航條 愛情 36計導(dǎo)航條 友好鏈接 版權(quán)信息 制作步驟 ? 收集資料 ? 畫制草圖 ? 決定結(jié)構(gòu) ? 決定風(fēng)格 ? 逐層制作 ? 測試修改 ? 總結(jié)經(jīng)驗 點主菜單的“站點” 選擇“新建站點” 給站點命名 選擇站點文件的存放位置，沒有就建一個 選擇服務(wù)器 完成 說明：建好后右側(cè)就會出現(xiàn)站點信息，可在這兒建文件夾、文件、修改文件、拖放文件等操作 大作業(yè) 制作個人網(wǎng)站 要求 ? 設(shè)計個人網(wǎng)站 ? 內(nèi)容由自己充分發(fā)揮，不作任何約束 ? 工具任選 ? 期末檢查
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號-1