網頁制作(二)

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

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

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

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

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

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