網(wǎng)頁(yè)制作(二)

1、網(wǎng)頁(yè)制作網(wǎng)頁(yè)制作(二)1、網(wǎng)站的規(guī)劃？打開(kāi)FrontPage，假設(shè)我們今天的主題是“我的科普小家”，該準(zhǔn)備哪些內(nèi)容呢？。。。（1）欄目設(shè)置我們來(lái)看書(shū)的目錄，每一章第一節(jié)要講的內(nèi)容，都交待的十分清楚。網(wǎng)站也是如此，先綱后目。這樣的目的既為了突出重點(diǎn)，也是為了方便用戶。(2)版面設(shè)計(jì)前面我們知道版面的布局有9種樣式，“我的科普小家”應(yīng)該選用哪種布局？。。。采用綜合型布局。我們看到圖4—6已經(jīng)給出了該網(wǎng)站的版面布局圖?，F(xiàn)在我們一起來(lái)學(xué)習(xí)站點(diǎn)的

2、建立。2建立站點(diǎn)（1）步驟①啟動(dòng)FrontPage軟件；②文件?新建?站點(diǎn)；③選擇“空站點(diǎn)”，并指定新站點(diǎn)的位置(2)作用為什么創(chuàng)建站點(diǎn)呢？請(qǐng)大家閱讀一下課文，然后用自己的理解回答我。將保存位置設(shè)為當(dāng)前站點(diǎn)文件夾；使用了非本站的資源，會(huì)自動(dòng)保存起來(lái)；可以通過(guò)文件列表來(lái)管理，系統(tǒng)會(huì)給出相應(yīng)提示。[教師]邊解釋邊操作。[生]觀察，模仿，嘗試操作。[目的]體會(huì)建立的過(guò)程。在站點(diǎn)中產(chǎn)生了兩個(gè)文件夾，他們有什么用？學(xué)生思考，回答。下面我以主頁(yè)為例

3、，然后大家把這個(gè)網(wǎng)站補(bǔ)充完整。3利用表格進(jìn)行主頁(yè)布局①文件打開(kāi)站點(diǎn)②文件?新建?網(wǎng)頁(yè)?普通網(wǎng)頁(yè)?以“index.htm“保存。③表格?插入?表格。規(guī)格：4行1列，寬度650像素。④在表格1的第一行中，插入1行2列，寬度100%的表格用來(lái)放置徽標(biāo)與橫幅，兩列寬度為152和466像素，單元格間距為6。注意：像素在單元格屬性中設(shè)置，鼠標(biāo)右鍵。⑤在表格1的第二行中，插入1行1列，寬度100%的表格用來(lái)放置導(dǎo)航欄。⑥在表格1的第三行中，插入3行4

4、列，寬度100%的表格，四列寬度分別為160、15、400和65像素。用來(lái)放置點(diǎn)綴信息與主要內(nèi)容。⑦在表格1的第四行中，插入1行4列的表格用來(lái)放置主頁(yè)腳注。4添加元素（1）添加徽標(biāo)和橫幅①表格2?左邊單元格?插入?圖片來(lái)自文件；②表格2?右邊單元格?插入?FLASH影片文件。（2）添加導(dǎo)航欄和背景①表格3：背景顏色為土黃色，水平對(duì)齊方式為水平居中。②輸入所有欄目名稱，在欄目間插入一個(gè)垂直線（或可以再插入一個(gè)表格）。③將導(dǎo)航欄下的表格4第

5、一行與第三行的所有單元格背景顏色設(shè)為淺灰。④將表格4第二行的最左邊的單元格背景高為淺灰。（3）添加點(diǎn)綴信息和網(wǎng)頁(yè)腳注。①在表格4的第二行第一列插入一個(gè)20行1列，寬度100%的表格（表格6）。②在表格6中添加“開(kāi)心一刻”、“特別提醒”、“常用站點(diǎn)鏈接”等內(nèi)容。③在表格4的第二行第二列插入修飾圖片，將“垂直對(duì)齊方式”設(shè)為“頂邊對(duì)齊”。④在表格4的二行四列添加文字圖片“我的科普小家”。⑤在表格5中加入腳注。（4）嵌入iframe框①光標(biāo)定位

6、在表格4的二行三列（“主要內(nèi)容區(qū)域”）②插入?HTML。若無(wú)，則在工具?自定義?插入?HTML中找出。③在彈出的對(duì)話框中，輸入圖414的代碼。（5）設(shè)置網(wǎng)頁(yè)的標(biāo)題與背景①在普通視圖下，右擊“網(wǎng)頁(yè)屬性”②標(biāo)題為“歡迎光臨E代科技”，背景圖片為花邊圖。（6）設(shè)置超鏈接①選擇相應(yīng)文字，插入?超鏈接，選擇相應(yīng)網(wǎng)頁(yè)②目標(biāo)框架?aaa（前面設(shè)置的iframe框架）。注：事先建立好要鏈接的網(wǎng)頁(yè)。③表格?插入?表格。規(guī)格：4行1列，寬度650像素。④在