《網(wǎng)頁設(shè)計與制作(Dreamweaver-CS5)》21創(chuàng)建范例網(wǎng)站簡介頁面

創(chuàng)建范例網(wǎng)站簡介頁面2靜態(tài)網(wǎng)站制作教學(xué)資源課件，下面我們制作頁面的中部，欄目內(nèi)導(dǎo)航欄和文章正文部分制作空白行將插入點光標(biāo)移到頁面布局表格的第四行中，在單元格屬性面板的“HTML”功能區(qū)，設(shè)置單元格高度為：10像素。，制作中部布局表格將插入點光標(biāo)移到頁面布局表格的第五行中，插入1行2列的頁面中部布局表格，表格寬度：100%，“邊框粗細”、“單元格邊距”、“單元格間距”都設(shè)置為0px。在左側(cè)單元中單擊，并在屬性面板中進行如下設(shè)置，如圖2.100所示。制作欄目內(nèi)導(dǎo)航欄1、在左側(cè)單元格中插入一個一行一列的表格，做二級導(dǎo)航的布局表格，寬度：200像素。2、在剛插入的二級導(dǎo)航的布局表格中，創(chuàng)建單元格的樣式“.left_td”，并應(yīng)用。文字顏色：#0c73d2，背景顏色：#eff7ff，垂直對齊：頂部，文字對齊：居中，高度：430像素，邊框樣式：實線，邊框?qū)挾龋?像素，顏色：#B8FCFC。制作欄目內(nèi)導(dǎo)航欄3、將插入點光標(biāo)移至二級導(dǎo)航的布局表格，選擇如圖2.101所示“插入”工具欄“文本”選項卡中的“h2”按鈕，插入標(biāo)簽“標(biāo)題二”，并輸入：學(xué)校概況，創(chuàng)建標(biāo)題二樣式“.left_tdh2”，并應(yīng)用。字大?。?6像素，行高：50像素，加粗，下邊框樣式：實線，下邊框?qū)挾龋?像素，顏色：#B8FCFC。4、按回車鍵，在“學(xué)校概況”的下面插入一個五行一列，寬度90%的表格，居中對齊。制作欄目內(nèi)導(dǎo)航欄5、輸入：學(xué)校簡介、榮譽展廳、職能部門、校園景觀、消防安全，創(chuàng)建單元格樣式“.ejdh_td”，并對每個單元格應(yīng)用。文字大?。?2像素，行高：30像素，文字顏色：#0c73d2，文字對齊：居中，下邊框樣式：點劃線，下邊框?qū)挾龋?像素，顏色：#1070d6。制作文章正文部分1、在頁面中部布局表格的右側(cè)單元格中再插入一個一行一列的表格，做文章正文的布局表格，寬度：100%。

2、將光標(biāo)移至剛插入的表格中，創(chuàng)建單元格樣式“.right_td”并應(yīng)用。邊框樣式：實線，邊框?qū)挾龋?像素，顏色：#B8FCFC。3、輸入：石家莊市第二職業(yè)中專學(xué)校簡介，選中文字，在“插入”工具欄的“文本”選項卡中將文章標(biāo)題設(shè)置為“標(biāo)題一”。制作文章正文部分4、保持標(biāo)題的選中狀態(tài)，在CSS屬性面板的“目標(biāo)規(guī)則”中選擇“內(nèi)聯(lián)樣式”，如圖2.103所示，即對HTML標(biāo)簽<h1>直接設(shè)置樣式，大?。?8像素，字體：黑體，行高：50像素，加粗，寬度：700像素，高度50像素，文字對齊：居中對齊，設(shè)計效果如圖2.104所示。制作文章正文部分5、插入圖像“sjz2zz_pic.jpg”。6、輸入以下四段文字。并創(chuàng)建樣式規(guī)則“.right_tdp”，文字大?。?4像素，行高：28