網(wǎng)頁制作與鑒賞

1、Email:郵件主題：班級+姓名第一講網(wǎng)頁設計原則原則一主題鮮明原則二主題和風格一致反面和正面例子原則三色彩設計合理養(yǎng)眼盡量用漸變色原則四小圖片點綴，大圖片少用，大動畫少用文字美觀法則：作成圖片原則五目錄名（即文件夾名）不要用中文要用英文或漢語拼音。否則五個字死得很難看會發(fā)生莫名其妙的錯誤！原則六多用相對路徑，少用絕對路徑相對路徑：不完整的路徑。通常是指向當前目錄的下級目錄。比如：K2K2.htm，當前目錄為K1絕對路徑：完整路徑。比如(文件絕對路徑)：C:K1K2K2.htm提倡用這種絕對路徑（互聯(lián)網(wǎng)絕對路徑）：http:k2k2.htm或http:/ HTML基礎知識作為網(wǎng)頁設計者必須知道

2、最基本的HTML知識否則無法成為一個合格的網(wǎng)頁設計者！標識一：一個網(wǎng)頁中必須的標識網(wǎng)頁標識格式網(wǎng)頁內容實例這是我的第一個網(wǎng)頁!太簡單,不好意思!用記事本編輯(不區(qū)分英文大小寫)用IE瀏覽器瀏覽(注意:標識中只能用英文符號)請看操作操作總結1、點“開始”，選擇“程序”、“附件”、“記事本”2、在記事本中用英文輸入文字3、用中文輸入法在標識中插入文字4、點“文件”，選擇“另存為”，文件名命名為 “index.htm”，選擇文件類型為“所有文件”，點“保存”5、用IE瀏覽器打開“index.htm”注意：為什么要命名為 index.htm？因為這代表直接告訴瀏覽器是主頁文件！注意：default.h

3、tm也可以！標識二：網(wǎng)頁標題標識網(wǎng)頁標題標識格式標題內容注意：必須在中請看操作總結：有了這二個標識就可以設計一個最簡單的網(wǎng)站了！標識三：  空格標識無格式插到哪兒哪兒就產(chǎn)生一個空格注意：不能插入標識中！只能插入標識間請看操作標識四：回車標識無格式，插哪兒哪兒產(chǎn)生一個換行注意：不能插入標識中！只能插入標識間請看操作標識五：文字大小標識文字大小標識格式文字文字請看操作請看操作注意：最大字為7最小字為1標識六：顏色標識紅色文字標識格式文字文字請看操作請看操作注意：文字大小和顏色可混合使用文字文字請看操作請看操作標識七： 超級鏈接標識超級鏈接標識格式超級鏈接文字 請看操作請看操作注意

4、：該格式是在當前窗口打開新窗口，當前窗口被新窗口取代超級鏈接文字注意：該格式是在不關閉當前窗口的情況下打開新窗口請看操作請看操作標識八： 郵件超級鏈接標識超級鏈接標識格式超級鏈接文字超級鏈接文字 請看操作請看操作注意：點擊者的電腦要安裝了注意：點擊者的電腦要安裝了Outlook Express這個郵件收發(fā)軟件才行！這個郵件收發(fā)軟件才行！第三講第三講 網(wǎng)頁制作工具介紹網(wǎng)頁制作工具介紹一、一、OFFICE1、幻燈片制作工具（、幻燈片制作工具（POWERPOINT）（1）另存為）另存為（2）選擇）選擇“單個文件網(wǎng)頁單個文件網(wǎng)頁”或或“網(wǎng)頁網(wǎng)頁”2、電子表格工具（、電子表格工具（EXCEL）（1）另存

5、為）另存為（2）選擇）選擇“單個文件網(wǎng)頁單個文件網(wǎng)頁”或或“網(wǎng)頁網(wǎng)頁”3、電子排版工具（、電子排版工具（WORD）（1）另存為）另存為（2）選擇）選擇“單個文件網(wǎng)頁單個文件網(wǎng)頁”或或“網(wǎng)頁網(wǎng)頁”或或“篩篩選過的網(wǎng)頁選過的網(wǎng)頁”二、二、Dreamweaver 1、雙擊、雙擊Dreamweaver 2、選擇、選擇“創(chuàng)建新項目中的創(chuàng)建新項目中的HTML”3、設計完成后按、設計完成后按“F12”選擇選擇“保存保存”后在后在IE瀏瀏覽器中瀏覽覽器中瀏覽第4講 像冊制作（一） 用表格先作小圖片超級鏈接每個鏈接再作一個網(wǎng)頁或直接鏈接文件美化后即可一般網(wǎng)頁都是用表格作的用表格制作網(wǎng)頁的最大好處是位置易控制注意

6、：表格最好用無線的單元格大小用代碼復制第4講相冊制作（二）用命令點主菜“命令”選擇“創(chuàng)建網(wǎng)站相冊”選擇“圖片所在文件夾”選擇“相冊要存的文件夾”輸入標題復習相冊制作復習相冊制作一、自動生成相冊的二必備條件：一、自動生成相冊的二必備條件：1、已安裝軟件：、已安裝軟件：Fireworks（網(wǎng)頁圖像處理）（網(wǎng)頁圖像處理）2、已建好目標文件夾（存放相冊的文件夾）、已建好目標文件夾（存放相冊的文件夾）二、自動生成相冊的優(yōu)缺點二、自動生成相冊的優(yōu)缺點1、優(yōu)點：方便快速、優(yōu)點：方便快速2、缺點：大小不統(tǒng)一，圖片性質被改變、缺點：大小不統(tǒng)一，圖片性質被改變第5講 上下型網(wǎng)頁制作1、內容：、內容：三十六計和第三

7、十一計美人計三十六計和第三十一計美人計2、結構：上下型（主要內容：、結構：上下型（主要內容：800*600）3、草圖、草圖(用表格制作，風格：復古型用表格制作，風格：復古型)動畫圖片導航條（三十六計）三十六計總簡介版權信息制作步驟制作步驟 1、收集資料、收集資料 2、畫制草圖、畫制草圖 3、決定結構、決定結構 4、決定風格、決定風格 5、逐層制作、逐層制作 6、測試修改、測試修改 7、總結經(jīng)驗、總結經(jīng)驗1、建文件夾（名字：、建文件夾（名字：36J）2、設計動畫、設計動畫3、將所用素材存入該文件夾、將所用素材存入該文件夾4、制作主頁、制作主頁（1）用）用INDEX.HTML存盤于存盤于36J（2

8、）輸入標題：三十六計）輸入標題：三十六計（3）選中頁面）選中頁面（4）點）點“頁面屬性頁面屬性”（5）設置上邊距為）設置上邊距為0（6）設置背景圖片）設置背景圖片（7）關閉頁面屬性）關閉頁面屬性（8）插入三行一列的表格）插入三行一列的表格注：經(jīng)常按注：經(jīng)常按F12存盤瀏覽存盤瀏覽利用標簽插入背景音樂的步驟利用標簽插入背景音樂的步驟 1、點主菜單的、點主菜單的“插入插入” 2、點、點“標簽標簽”，點，點“HTML標簽標簽” 3、點左側的、點左側的“頁元素頁元素” 4、點右側的、點右側的“BGSOUND” 5、點源后、點源后“瀏覽瀏覽” 6、選擇要插入的聲音文件、選擇要插入的聲音文件 7、在循環(huán)后

9、選、在循環(huán)后選“無限無限”第6講 T字型網(wǎng)頁制作1、內容：愛情三十六計、內容：愛情三十六計2、結構：、結構：T字型（主要內容：字型（主要內容：1000*600）3、草圖、草圖(用框架制作，風格：計復古，情現(xiàn)代用框架制作，風格：計復古，情現(xiàn)代) 計導航條愛情36計導航條版權信息使用框架的好處使用框架的好處 1、打開新的網(wǎng)頁不需換頁、打開新的網(wǎng)頁不需換頁 2、可以在指定窗口打開網(wǎng)頁、可以在指定窗口打開網(wǎng)頁 3、多個窗口可同時在一個網(wǎng)面、多個窗口可同時在一個網(wǎng)面 4、窗口之間既獨立又聯(lián)系、窗口之間既獨立又聯(lián)系制作步驟制作步驟 1、收集資料、收集資料 2、畫制草圖、畫制草圖 3、決定結構、決定結構 4

10、、決定風格、決定風格 5、逐層制作、逐層制作 6、測試修改、測試修改 7、總結經(jīng)驗、總結經(jīng)驗1、建文件夾（名字：、建文件夾（名字：36J）2、設計動畫、設計動畫3、將所用素材存入該文件夾、將所用素材存入該文件夾4、制作主頁、制作主頁（1）用）用INDEX.HTML存盤于存盤于36J（2）輸入標題：三十六計）輸入標題：三十六計（3）選中頁面）選中頁面（4）點）點“頁面屬性頁面屬性”（5）設置上邊距為）設置上邊距為0（6）關閉頁面屬性）關閉頁面屬性（7）從）從“從范例創(chuàng)建從范例創(chuàng)建”中點中點“框架框架集集”，再選，再選“上方固定，左側嵌套上方固定，左側嵌套”，再點再點“創(chuàng)建創(chuàng)建”注：框架名的定義格

11、式：注：框架名的定義格式：NAME=“框架名框架名”主頁只有主題沒有詳細內主頁只有主題沒有詳細內容的主頁稱為封面型網(wǎng)頁容的主頁稱為封面型網(wǎng)頁第第7講講 封面型網(wǎng)頁制作封面型網(wǎng)頁制作第7講 封面型網(wǎng)頁制作1、內容：網(wǎng)球超級明星、內容：網(wǎng)球超級明星2、結構：封面型（主要內容：、結構：封面型（主要內容：1000*600）3、草圖、草圖(用圖片熱點制作，風格：現(xiàn)代型用圖片熱點制作，風格：現(xiàn)代型)鏈接一鏈接一鏈接二鏈接二鏈接三鏈接三制作步驟制作步驟 1、收集資料、收集資料 2、畫制草圖、畫制草圖 3、決定結構、決定結構 4、決定風格、決定風格 5、逐層制作、逐層制作 6、測試修改、測試修改 7、總結經(jīng)驗

12、、總結經(jīng)驗1、建文件夾（名字：、建文件夾（名字：F4）2、設計動畫、設計動畫3、將所用素材存入該文件夾、將所用素材存入該文件夾4、制作主頁、制作主頁（1）用）用INDEX.HTML存盤于存盤于F4（2）輸入標題）輸入標題（3）插入圖片）插入圖片（4）繪制熱點區(qū)域）繪制熱點區(qū)域（5）設計超級鏈接）設計超級鏈接第8講 綜合網(wǎng)站制作1、內容：三十六計、內容：三十六計2、結構：、結構：國字型國字型（主要內容：（主要內容：1000*600）3、草圖、草圖(用表格和層制作，風格：復古型用表格和層制作，風格：復古型) 36計導航條愛情36計導航條友好鏈接版權信息制作步驟制作步驟 1、收集資料、收集資料 2、畫制草圖、畫制草圖 3、決定結構、決定結構 4、決定風格、決定風格 5、逐層制作、逐層制作 6、測試修改、測試修改 7、總結經(jīng)驗、總結