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