網頁設計與製作字體的設計命令

① 怎麼用網頁設計創建本頁面的鏈接

1)首先你要注冊一個域名(例如:www.***.com),現在也有免費的二級域名可以申請,到網路搜索一下:免費的二級域名申請,可以找到.
(2)你得去申請一個空間(就是你放網頁的地方),同樣有免費申請的(有WEB和FTP兩種上傳方式),但是一般免費空間都會在你申請的空間里放他們的廣告的,挺煩人的.空間分為:靜態空間和動態空間,靜態的是只支持html格式的網頁,動態的幾乎所有的文件格式都可以支持.但是靜態的比較不容易受到黑客的攻擊,就是編輯時麻煩點.
(3)申請完空間就會獲得相應的IP地址一個,把域名解析到這個IP上,再把空間跟域名綁定一下(兩邊都要綁定哦,要不就打不開你的網站了.
(4)下載一個網頁編輯器編寫自己的網頁內容(例如:Frongpage.DW2004等)
(5)編輯完自己的網頁,接下來就是要把他放到自己的空間里了,那麼就得找一個上傳工具(例如:LEAPFTP等)上傳到空間里就OK了(注意:首頁的文件名必須為:index.htm或者index.asp等,具體請根據你所使用的語言).
(6)告訴朋友你的網址,一起分享網路帶來的快樂吧. BB這是需要掌握的技術步驟 第一講 創建網站步驟
①在D：盤新建一個文件夾（比如：Myweb）
②單擊「開始」→「程序」→「Microsoft FrontPage 」
③單擊「文件」→「打開站點」，選擇查找范圍(比如： Myweb)
④在屏幕窗口右邊輸入文本或插入圖片，然後單擊「文件」→「保存」，保存時文件名為index.htm（提示：主頁文件名約定為Index.htm）
⑤新建其他網頁，請單擊「文件」→「新建」→「空白網頁」或直接單擊工具欄上新建按鈕。 注意，除主頁以外的其它網頁文件名可以自定義，但盡量用英文。 如果已經退出FrontPage，
請重復第②～③步，然後雙擊文件夾列表中的相應文件名可以繼續編輯修改。 創建為網站的文件夾 普通文件夾 當前位置 主頁>>網頁設計與製作>>FrontPage 第二講 網頁的基本編輯  設置文本格式：在網頁視圖模式下，使用滑鼠左鍵拖動選擇要設置其格式的文本，單擊滑鼠右鍵，在所彈出的快捷菜單中選擇「字體」命令項，或單擊「格式」→「字體」。 插入圖片：將游標置於網頁編輯區中要插入圖片處，單擊「插入」→「圖片」。  插入水平線：將游標置於網頁編輯區中要插入水平線處，單擊「插入」→「水平線」。若需要修改水平線顏色或寬度，請雙擊網頁上的水平線  插入滾動字幕：將游標置於網頁編輯區中要插入字幕處，單擊「插入」→「組件」→「字幕」。然後，輸入要滾動出現的文本內容（提示：字幕效果必須經過預覽才能實現）  這里是滾動字幕演示 網頁背景：在網頁視圖模式下，在網頁編輯區中單擊滑鼠右鍵，選擇快捷菜單中的網頁屬性命令。出現對話框後，選擇背景。 當前位置 主頁>>網頁設計與製作>>FrontPage 第三講 表格操作  創建表格：將游標置於網頁編輯區中要插入表格處，單擊「表格」→「插入」→「表格」。  設置表格屬性：選中表格後，單擊「表格」→「屬性」→「表格」。  設置單元格屬性：選中單元格後，單擊「表格」→「屬性」→「單元格」。  插入新的單元格：將游標置於單元格中，選菜單欄中的「表格」→「插入」→「單元格」  拆分單元格：選擇要拆分的單元格，選菜單欄中的「表格」→「拆分單元格」  合並單元格：選擇要合並的一列、一行或一組相鄰的單元格，選菜單欄中的「表格」→「合並單元格」 當前位置 主頁>>網頁設計與製作>>FrontPage 第四講 創建超級鏈接  創建指向站點內的網頁或文件的超級鏈接：在網頁視圖模式下，鍵入或選中要用作超級鏈接的文本，選擇菜單欄中的「插入」→「超鏈接」。  創建指向一個書簽的超級鏈接：在網頁視圖模式下，首先在網頁內指定的位置插入一個書簽，方法是選擇菜單欄中的「插入」→「書簽」。然後，鍵入或選中要用作超級鏈接的文本，選擇菜單欄中的插入→超鏈接。出現創建超鏈接對話框，在書簽框上，選擇要將其作為目標的書簽。  使用導航欄：創建導航結構等同於創建超級鏈接，基本思路是首先創建導航結構，然後在需要的位置插入導航欄，如此同樣實現網頁之間的鏈接。具體步驟如下： 第一步，在導航視圖模式下，選中文件夾列表裡的網頁，拖曳導向要起放置的位置，若重命名網頁標題，可單擊滑鼠右鍵，選重命名； 第二步，在網頁視圖模式下，將游標置於網頁中需要插入導航欄的地方，單擊菜單欄「插入」→「導航欄」。 使用共享邊框：共享邊框內，包含了想要顯示在共享邊框的每一個網頁上的項目。在網頁視圖模式下，選擇菜單欄中的「格式」→「共享邊框」 使用主題：選擇菜單欄中的「格式」→「主題」 CC這是網頁運做的步驟 一、復雜方法 在手工製作個人網站的時代，我們可以總結出的網站製作步驟基本為：設計、切割、代碼生成、發布。而在此之前，應該規劃出網站的結構，包括頁面數、欄目設置等。
1.設計 進行頁面總體規劃，包括風格、布局等。網站製作要有整體風格，各部分要保持協調，整個頁面看起來才不顯得凌亂。然後用平面設計軟體製作整個頁面，常用的軟體有Adobe Photoshop、CorelDraw、Macromedia Fireworks等。Photoshop是平面設計的大拿，筆者也一直用它做頁面設計，它從6.0版開始特別增強了對網頁製作的支持，顯得非常方便。現在流行的Fireworks是Macromedia網頁製作三劍客的重劍手，由於它與Dreamweaver及Flash無縫集成，越來越受到網站製作人的歡迎。
2.切割 做完第1步，我們得到的只是一個圖片文件，還沒集成網頁上應該有的元素。接下來要將圖片按製作需求切割成小圖。切割功能前面提到的兩個設計軟體中已經集成了（如Photoshop中提供的切片工具），不需要專門的軟體來處理。
3.代碼生成 這是整個製作過程中最重要的一環。我們要用HTML語言將切割下來的組件按整體設計「拼裝」回去。眾所周知，HTML語言是一種標記型語言，不須要編譯就可以直接在瀏覽器中執行。所以理論上，我們可以用記事本等文本編輯工具來寫代碼。手寫代碼雖然被看作是一種很「酷」的行為，但是很耗時間，而且很難精確地控制格式。這時，便該專門的HTML編輯軟體出場了。 HTML編輯軟體大體上可分為兩類：一類是代碼型，典型代表為Homesite、Hotdog等；一類是所見即所得型，典型代表為Frontpage。也有兩者兼具的，就是大名鼎鼎的Macromedia Dreamweaver。代碼型實際上就是一個文本編輯器，不同的是，它可以有專門的代碼提示功能，用起來比較方便。所見即所得是目前大家最推崇的方式，因為可視化的編輯基本丟棄了代碼，方便快捷。 說到Dreamweaver，筆者就不多介紹了，我相信大部分的網站製作人都使用它在工作。Dreamweaver提供了代碼編寫模式和設計模式（即所見即所得），並且首次將「層」概念引入網頁製作。Dreamweaver幾乎可以滿足所有人的需求，甚至還提供了ASP、PHP等腳本語言的代碼提示。
4.發布 將製作好的頁面放到伺服器上，以便更多的人能瀏覽。發布通常採用FTP的方式，將文件上傳到伺服器。目前的網頁製作工具基本上都有發布工具，可以通過各種方式發布你的頁面，如Dreamweaver中的「站點管理器」。用戶亦可使用FTP客戶端軟體進行這步操作。

② 網頁設計與製作

一、認識Dreamweaver
--網頁設計與製作教學案例分析報告
【教材分析】
在學習《網頁的設計與製作》之前，學生已初步掌握了網路信息的搜索、瀏覽和下載，以及電子郵件的使用等內容。因此，學生已經具備了獲取信息的能力，但多數學生對網站網頁的了解也僅僅只停留在這種簡單的操作層面上。本節教學中通過網頁、網站基本概念的了解，讓學生理解網頁的基本元素構成和經常使用的構件，了解超文本標記語言HTML，通過對網頁製作工具的比較學習，了解不同常用網頁製作工具的特點，為下一節的學習打下基礎。
【學情分析】
在學習本單元之前，學生已初步具備獲取信息的能力，他們學習了網路基礎知識，掌握了網路信息的瀏覽、搜索和下載以及電子郵件的收發、文件傳輸等技能。學生希望自己能製作網頁，並將網頁發布在Internet上。因此學生對本單元學習的興趣很大。學生在學習本單元前已經學過Word應用軟體的使用方法，並掌握一定的文字輸入、圖片的編輯、表格的插入等技巧，這對於本單元的學習非常有利。
【教學目標】
1．知識與技能
（1）了解網頁、網站的基本概念，理解網頁的基本元素。
（2）了解基本的網頁製作軟體的界面和特點。
（3）了解網站的地址標識——URL,超文本標記語言HTML, 了解超文本傳輸協議HTTP。
2．過程與方法
（1）通過對一個網站網頁的分析，了解網頁、網站的基本概念，理解網頁的基本元素。
（2）通過教師的演示和講解，初步了解基本的網頁製作工具軟體的界面和特點。
3．情感態度與價值觀
（1）培養學生嚴謹求實的學習態度。
（2）培養學生學習中勇於探索、崇尚科學的意志和品德。
【重點難點】
重點：網頁的基本元素
難點：網頁的基本元素，構件
【設計思想】
同學們喜歡上網，但是有一部分學生不能區分網站和網頁，在設計時，我首先與語文學科整合，結合語文教材內容，播放《再別康橋》flash動畫朗讀版，以此來創設快樂課堂學習情境，進而引入徐志摩文學網，讓學生思考網站和網頁有什麼聯系？引出本節課的主題，以提高學生的學習興趣和求知慾望。當學生對網站與網頁有了一定的認識之後，引導同學們自主去探究發現構成網頁的基本元素有哪些？有什麼作用？接著組織學生繼續討論、交流網頁中除了三種基本元素外，還有哪些經常使用的構件？然後引導學生查看網頁的源文件，從而順利引導到對Dreamweaver網頁製作軟體的了解，為本章後面的知識學習作鋪墊。
【教學流程】
教學環節 教師活動設計
創設情境，激發學生的學習興趣 引入課題
幻燈顯示《再別康橋》flash動畫朗讀版，指出詩很美，作者筆下的康橋更是讓人嚮往，激發學生的求知慾。
引導學生進入徐志摩文學網http://www.zhs2008.com ，對URL、http作一定的解釋。現在大家看到的是什麼？（進入到徐志摩文學網頁面讓學生回答）引出本節課的主題「網站和網頁」，讓大家思考網站與網頁有什麼聯系？
1、從美學角度出發，創設快樂課堂學習情境
2、與語文學科整合，結合語文教材《再別康橋》，引入徐志摩文學網
3、學生明確本節課的學習主題內容
自主合作探究 網頁的基本元素 教師提問：在徐志摩文學網中，各位同學是否發現了神往已久的康橋，除此之外，還發現了什麼？
學生活動：用發現法去找出有關康橋風景欣賞中的任一張圖片，再別康橋的詩和徐志摩簡介網頁.
網站與網頁有什麼聯系？學生討論之後，教師總結：網站包含多個網頁，通過超鏈接把不同的頁面鏈接起來。構成網頁的基本元素有文字、圖形和超鏈接。網頁中常見的圖象有jpg和Gif。網站的首頁即為主頁。
學生活動
在桌面上新建一個以自己號次命名的文件夾，進入徐志摩文學網完成以下任務
課堂任務一，觸摸網頁的基本三要素：
1、 要求下載康橋風景欣賞中的任一張圖片，文件名改為kq
2、保存«再別康橋»這首詩，復制，粘貼到word文檔中，文件名改為zbkq
3、要求下載徐志摩簡介網頁
網頁揭秘剛才我們了解了網頁的基本元素、構件，這些不但美化了網頁，還豐富了網頁內容，增強了網頁功能。下面讓我們來看一看網頁究竟是怎樣組織的。以課堂在線網站為例，選擇滾動字幕，點擊「查看」菜單中的「源文件」命令。
教師總結：網頁中包含的文字、圖像、超鏈接和表格等基本元素及構件是由超文本標記語言（HyperText Markup Language，簡稱HTML）進行描述的。HTML是一種超文本標記語言，由網路瀏覽器解釋執行，最後將解釋結果顯示出來。 幾乎所有的網頁都是用超文本標記語言編寫的，下面就讓我們利用記事本來體驗一下。
網頁製作工具比較1、用HTML語言製作網頁，讓學生對照老師的任務提示，觀察一下一個簡單的HTML網頁文件的瀏覽結果變化。
（提示學生選擇「查看」菜單中的「源文件」命令進行修改。）<html>
<head>
<title>我的個人主頁</title>
</head>
<body>
<font size="3" color="#FF0000">
歡迎大家光臨！</font>
</body>
</html>2、用網頁製作工具軟體製作網頁 在「文件」菜單中用使用Frontpage編輯上述網頁，比較兩者特點。
教師總結：除了Dreamweaver之外，還有比較專業的網頁製作工具Frontpage，一般我們使用Dreamweaver進行網頁製作。
1、學生聽、看老師講解和演示，並思考。2、學生操作實踐學生任務：將size="3"改為size="6"，color="#FF0000"改為color="#000000"，觀察其變化。
學生
練習 本節課涉及到的基本概念較多，考慮到前面已經有過文字小結，因此，這里改用選擇題的形式來幫助學生整理和鞏固。
學生完成「課堂在線——網站和網頁」中的「課堂練習」。 教師巡迴檢查，個別輔導有困難的學生。
學生操作練習，完成課堂練習。
「在線批改」可以讓學生及時糾錯，並據此判斷學生是否掌握本節課的內容。
交流與評價 每位同學學習完本課，並完成實踐過程之後對自己的學習情況進行自我評價，完成「課堂在線——網站和網頁」中的「交流評價」。指導學生進行自我評價，並根據反饋的結果適當點評。
學生自評，通過大屏幕實時顯示評價結果，教師可以及時地點評學生的學習情況。
本課
小結 本節課主要講了網站和網頁的基本內容，網頁的基本元素、構件及網頁製作工具等。
學生對本節課的內容知識進行回憶小結
根據本節課的學習內容，要求學生設計一幅個人網站的主頁。
思考、設計，為下面的課做准備
學習
拓展 拓展網頁構件的使用，讓學生根據表單的信息進行注冊，查詢，通過輸入、查詢等功能來激發學生的學習興趣，讓學生更能理解學過的資料庫管理有關知識。 學生注冊信息、查詢信息

【小結板書】

③ 請問：創建個人網站（非免費）的具體（盡量具體）步驟

AA這是流程步驟

(1)首先你要注冊一個域名(例如:www.***.com),現在也有免費的二級域名可以申請,到網路搜索一下:免費的二級域名申請,可以找到.
(2)你得去申請一個空間(就是你放網頁的地方),同樣有免費申請的(有WEB和FTP兩種上傳方式),但是一般免費空間都會在你申請的空間里放他們的廣告的,挺煩人的.空間分為:靜態空間和動態空間,靜態的是只支持html格式的網頁,動態的幾乎所有的文件格式都可以支持.但是靜態的比較不容易受到黑客的攻擊,就是編輯時麻煩點.
(3)申請完空間就會獲得相應的IP地址一個,把域名解析到這個IP上,再把空間跟域名綁定一下(兩邊都要綁定哦,要不就打不開你的網站了.
(4)下載一個網頁編輯器編寫自己的網頁內容(例如:Frongpage.DW2004等)
(5)編輯完自己的網頁,接下來就是要把他放到自己的空間里了,那麼就得找一個上傳工具(例如:LEAPFTP等)上傳到空間里就OK了(注意:首頁的文件名必須為:index.htm或者index.asp等,具體請根據你所使用的語言).
(6)告訴朋友你的網址,一起分享網路帶來的快樂吧.

BB這是需要掌握的技術步驟

第一講 創建網站步驟
①在D：盤新建一個文件夾（比如：Myweb）
②單擊「開始」→「程序」→「Microsoft FrontPage 」
③單擊「文件」→「打開站點」，選擇查找范圍(比如： Myweb)
④在屏幕窗口右邊輸入文本或插入圖片，然後單擊「文件」→「保存」，保存時文件名為index.htm（提示：主頁文件名約定為Index.htm）
⑤新建其他網頁，請單擊「文件」→「新建」→「空白網頁」或直接單擊工具欄上新建按鈕。
注意，除主頁以外的其它網頁文件名可以自定義，但盡量用英文。 如果已經退出FrontPage，請重復第②～③步，然後雙擊文件夾列表中的相應文件名可以繼續編輯修改。

創建為網站的文件夾
普通文件夾
當前位置 主頁>>網頁設計與製作>>FrontPage

第二講 網頁的基本編輯 
設置文本格式：在網頁視圖模式下，使用滑鼠左鍵拖動選擇要設置其格式的文本，單擊滑鼠右鍵，在所彈出的快捷菜單中選擇「字體」命令項，或單擊「格式」→「字體」。
插入圖片：將游標置於網頁編輯區中要插入圖片處，單擊「插入」→「圖片」。 
插入水平線：將游標置於網頁編輯區中要插入水平線處，單擊「插入」→「水平線」。若需要修改水平線顏色或寬度，請雙擊網頁上的水平線 
插入滾動字幕：將游標置於網頁編輯區中要插入字幕處，單擊「插入」→「組件」→「字幕」。然後，輸入要滾動出現的文本內容（提示：字幕效果必須經過預覽才能實現） 

這里是滾動字幕演示
網頁背景：在網頁視圖模式下，在網頁編輯區中單擊滑鼠右鍵，選擇快捷菜單中的網頁屬性命令。出現對話框後，選擇背景。

當前位置 主頁>>網頁設計與製作>>FrontPage

第三講 表格操作 
創建表格：將游標置於網頁編輯區中要插入表格處，單擊「表格」→「插入」→「表格」。 
設置表格屬性：選中表格後，單擊「表格」→「屬性」→「表格」。 
設置單元格屬性：選中單元格後，單擊「表格」→「屬性」→「單元格」。 
插入新的單元格：將游標置於單元格中，選菜單欄中的「表格」→「插入」→「單元格」 
拆分單元格：選擇要拆分的單元格，選菜單欄中的「表格」→「拆分單元格」 
合並單元格：選擇要合並的一列、一行或一組相鄰的單元格，選菜單欄中的「表格」→「合並單元格」

當前位置 主頁>>網頁設計與製作>>FrontPage

第四講 創建超級鏈接 
創建指向站點內的網頁或文件的超級鏈接：在網頁視圖模式下，鍵入或選中要用作超級鏈接的文本，選擇菜單欄中的「插入」→「超鏈接」。 
創建指向一個書簽的超級鏈接：在網頁視圖模式下，首先在網頁內指定的位置插入一個書簽，方法是選擇菜單欄中的「插入」→「書簽」。然後，鍵入或選中要用作超級鏈接的文本，選擇菜單欄中的插入→超鏈接。出現創建超鏈接對話框，在書簽框上，選擇要將其作為目標的書簽。 
使用導航欄：創建導航結構等同於創建超級鏈接，基本思路是首先創建導航結構，然後在需要的位置插入導航欄，如此同樣實現網頁之間的鏈接。具體步驟如下：
第一步，在導航視圖模式下，選中文件夾列表裡的網頁，拖曳導向要起放置的位置，若重命名網頁標題，可單擊滑鼠右鍵，選重命名；
第二步，在網頁視圖模式下，將游標置於網頁中需要插入導航欄的地方，單擊菜單欄「插入」→「導航欄」。
使用共享邊框：共享邊框內，包含了想要顯示在共享邊框的每一個網頁上的項目。在網頁視圖模式下，選擇菜單欄中的「格式」→「共享邊框」
使用主題：選擇菜單欄中的「格式」→「主題」

CC這是網頁運做的步驟

一、復雜方法

在手工製作個人網站的時代，我們可以總結出的網站製作步驟基本為：設計、切割、代碼生成、發布。而在此之前，應該規劃出網站的結構，包括頁面數、欄目設置等。
1.設計
進行頁面總體規劃，包括風格、布局等。網站製作要有整體風格，各部分要保持協調，整個頁面看起來才不顯得凌亂。然後用平面設計軟體製作整個頁面，常用的軟體有Adobe Photoshop、CorelDraw、Macromedia Fireworks等。Photoshop是平面設計的大拿，筆者也一直用它做頁面設計，它從6.0版開始特別增強了對網頁製作的支持，顯得非常方便。現在流行的Fireworks是Macromedia網頁製作三劍客的重劍手，由於它與Dreamweaver及Flash無縫集成，越來越受到網站製作人的歡迎。

2.切割

做完第1步，我們得到的只是一個圖片文件，還沒集成網頁上應該有的元素。接下來要將圖片按製作需求切割成小圖。切割功能前面提到的兩個設計軟體中已經集成了（如Photoshop中提供的切片工具），不需要專門的軟體來處理。

3.代碼生成

這是整個製作過程中最重要的一環。我們要用HTML語言將切割下來的組件按整體設計「拼裝」回去。眾所周知，HTML語言是一種標記型語言，不須要編譯就可以直接在瀏覽器中執行。所以理論上，我們可以用記事本等文本編輯工具來寫代碼。手寫代碼雖然被看作是一種很「酷」的行為，但是很耗時間，而且很難精確地控制格式。這時，便該專門的HTML編輯軟體出場了。

HTML編輯軟體大體上可分為兩類：一類是代碼型，典型代表為Homesite、Hotdog等；一類是所見即所得型，典型代表為Frontpage。也有兩者兼具的，就是大名鼎鼎的Macromedia Dreamweaver。代碼型實際上就是一個文本編輯器，不同的是，它可以有專門的代碼提示功能，用起來比較方便。所見即所得是目前大家最推崇的方式，因為可視化的編輯基本丟棄了代碼，方便快捷。

說到Dreamweaver，筆者就不多介紹了，我相信大部分的網站製作人都使用它在工作。Dreamweaver提供了代碼編寫模式和設計模式（即所見即所得），並且首次將「層」概念引入網頁製作。Dreamweaver幾乎可以滿足所有人的需求，甚至還提供了ASP、PHP等腳本語言的代碼提示。

4.發布

將製作好的頁面放到伺服器上，以便更多的人能瀏覽。發布通常採用FTP的方式，將文件上傳到伺服器。目前的網頁製作工具基本上都有發布工具，可以通過各種方式發布你的頁面，如Dreamweaver中的「站點管理器」。用戶亦可使用FTP客戶端軟體進行這步操作。

④ 闡述網頁設計與製作的基本原則與流程

1、網站的主題定位製作網站首先要考慮網站主題。好的網站不僅應該有美感、個性、創意，更要有質量。網站的內容是最重要的因素，空洞的網站對人沒有任何吸引力。
(1)網站的題材目前網站的題材主要有：新聞、體育、聊天、即時信息、ICQ、社區、郵件列表、計算機技術、網站開發、娛樂、旅行、參考、資訊、求職、家庭、教育、生活、時尚、電子商務以及一些體現個人特色和愛好的網站。
(2)定位題材的建議主題最好是你最擅長並且最有興趣的東西; 主題要小而精; 題材不要太濫或者目標太高; 體現自己的個性。
(3)網站的名稱
2、資料搜集互聯網的強大就是它豐富的資源，可以搜集盡可能多的資料，並根據一定的規則進行整理。還要精心設計一些別人沒有的東西，已體現自己的個性。
3、結構設計
(1)欄目和版塊網站的結構設計其實也就是合理的設計網站的欄目和版塊。首先應突出主題;其次應該有個網站指南或更新列表之類的欄目;接著要有一個與讀者交流的欄目;最後最好有個說明性的欄目，以方便網友。
(2)目錄的結構設計目錄的結構設計要注意以下幾點：按欄目內容建立子目錄; 在每個主目錄下都建立獨立的images目錄; 目錄的層次不要太深; 避免使用中文目錄; 盡量使用意義明確的目錄。
4、形象設計
(1)網站的標志：即設計網站的Logo。 
(2)網站的標准色彩 
(3)網站的標准字體 
(4)網站的宣傳標語
5、主頁設計
6、其他頁面設計
7、站點規劃
(1)用文件夾來保存文檔 
(2)使用合理的文件名稱 
(3)使用模板和庫 
(4)使用ALT
8、定義站點
9、首頁製作頁面屬性設置; 表格設計; 填寫內容; 添加鏈接和交互; 添加其它內容。
10、測試
11、申請域名和空間
12、站點文件上傳
13、站點的宣傳

⑤ 網頁設計與製作中，如何在表格中插入的圖片上添加文字和圖像

1、在第一個空格內打橫排所代表的字，比如所日期，點擊靠右圖標，排列靠右。

⑥ 網頁設計與製作試題 尋高手做

1．網頁的主體內容將寫在( A )標簽內部。
A．<BODY> B．<HEAD> C．<HTML> D．<P>
2．HTML中可以指定的最大字體size=（ C ）。
A．1 B．7 C．36 D．12
3．超級鏈接主要可以分為文本鏈接、圖像鏈接和（ A ）。
A．錨鏈接 B．瞄鏈接 C．卯鏈接 D．瑁鏈接
4．Firework中PNG是什麼意思（ A）
A.可移植的網路圖形 B.設計主頁圖形
C.三維圖形 D.平面圖形
5．在指定網頁背景圖像在頁面的顯示方式時，如果作為背景的圖像鋪滿網頁應選擇「重復」選項為（ B ）。
A．不重復 B．重復 C．橫向重復 D．縱向重復
6．在Dreamweaver8.0中「創建網站相冊」命令在（ D ）菜單可以找到。
A．文件 B．插入 C．編輯 D．命令
7．在Dreamweaver中，下面對象中可以添加熱點的是( C )。
A．幀 B．文字 C．圖像 D．任何對象
8．下列關於元件的正確解釋是（ D ）。
A．元件與實例是同一個概念 B．一個元件可以在動畫文檔中多次使用
C．元件不能在多個文檔中使用 D．上面三種解釋都正確
9．在( D )文本框中輸入數據後，數據以*號顯示。
A．單行文本框 B．多行文本框 C．數值文本框 D．密碼文本框
10．在CSS語言中下列哪一項是"左邊框"的語法？（ C）
A.border-left-width: <值> B.border-top-width: <值>
C.border-left: <值> D.border-top-width: <值>

11．在Dreamweaver中，( D )不是動作類型。
A．打開瀏覽器窗口 B．彈出菜單
C．顯示-隱藏層 D．網頁錯誤
12．在導出圖像切片時，Fireworks默認的保存類型是( A )。
A．HTML和圖像 B．僅圖像 C．doc D．htm

13．Dreamweaver保存當前文檔的快捷操作是( A )。
A．Ctrl+S B．Ctrl+Shift+S C．Ctrl+F12 D．Ctrl+F7
14．為鏈接定義目標窗口時，_blank表示的是（ B ）。
A．在上一級窗口中打B．在新窗口中打開
C．在同一個幀或窗口中打開D．在瀏覽器的整個窗口中打開，忽略任何框架
15．使用dreamweaver在IE瀏覽器中預覽網頁的快捷鍵是（ D ）。
A．F9 B．F10 C．F11 D．F12
16．在幀上做形變動畫後，中間幀的顏色為（ D ）。

A. 紅色 B. 紫色 C. 白色 D. 綠色
17．Dreamweaver模板文件的擴展名是( A )。
A． .html B． .htm C． .dwt D． .txt
18．變換圖像實質是當滑鼠位於該圖像時，觸發了一個( C )動作。
A．OnClick B．OnDbClick C.OnMouseOver D．OnMouseDown
19．在Dreamweaver中，下面可以用作代碼編輯器的是( A )。
A．記事本程序 B．Photoshop C．Flash D．以上都不可以
20． HTML的段落標志中,標注行中斷的是? （ A ）
A. <Hn> </Hn> B. <PRE> </PRE> C. <P></p> D. <br/>
填空題：
1．紅色的顏色代碼是 。
2．為了使所設計的表格在瀏覽網頁時，不顯示表格的邊框，應把表格的邊框寬度設為 (0 ) 。
3．建立與電子郵件的超鏈接時，在屬性面板的鏈接文本框中輸入(mailto:)+電子郵件地址。
4．單元格間距是指單元格與 之間的距離。

5．通常用於網頁的三種圖像格式是 (jpg)格式、(gif)格式和（png）格式。
6．在Flash中，三種元件類型是圖形、 (影片剪輯)、(按鈕)
7．行為由 和 兩部分組成。
8．如果頁面中有n個框架，則需要保存的網頁文件有 個。
9．要確保瀏覽器顯示的表格沒有單元格邊距和間距，應將單元格邊距和間距設為 (0) 。
10．Dreamweaver8.0中三種「視圖」是代碼，(設計)和 （代碼和設計）

⑦ 網頁設計與製作

1。頁面屬性設置的是全局字體樣式，對話框和屬性設置的是選中字體標簽的樣式

⑧ 網頁規劃與製作，誰敢挑戰2

(網頁製作) 和( 管理網站) 於一身的網頁編輯器和開發工具。
一個網站至少要有一個 ( 網頁 )，可以有多個網頁。
錨點在(鏈接)類型的頁面中採用
表格在網頁製作中起（定位）作用
如果要在一幅圖像上建立多個超鏈接，應考慮採用（錨點標簽）的方式。
HTML中的列表格式分為3種:( 有序 ) 、(無序)、和（）
從鏈接的方式上來分，鏈接大致可以分為（文本鏈接）、（圖象鏈接）和（網頁鏈接）
純文字也能製作網頁。並且純文字的網頁瀏覽起來速度（快）。
Flash可以處理的圖像有點陣（像素）和矢量圖，（矢量圖）可以任意放大縮小不會產生比
Firworks主要用於網頁製作中的（圖片）處理。
例失真
利用（表格）可以製作具有相同外觀結構的網頁，提高了製作效率
B.絕對路徑 D. com A.站點內所有的文件都應該放在一個目錄下，便於維護 C.提交鈕 B.GIF B.Web頁面的最上方 A. 一對一 A.< HTML > D. 資源指南 D. 視頻 D.圖片 D. 個頁面上出現這幅畫的多次重復 A. 超文本標記語言 D. 以上說法都不正確 D. 如果在一張圖片上創建多個超級鏈接熱點，熱點之間會造成重復定義，所以一張圖片只能創建一個超級鏈接熱點 B.blur濾鏡 A.協議名 B.WWW服務 C．C/S和B/S的混合模式

創建超鏈接「清華大學出版社」到http://www.tup.tsinghua.e.cn。
將圖片D：\Top．gif，將它作為網頁背景圖片。
<html>
<body background="c_1440_900_2664.jpg">
<a href="http://www.tup.tsinghua.e.cn">清華大學出版社</a>
</body>
</html>

將「我的空間」編輯為一號標題，居中顯示。
<html>
<title> </title>
<body >
<h1 align="center">我的空間</h1>
</body>
</html>

在網頁中製作一個3行2列的表格，表格寬度為200，邊框為3。
<html>
<body>
<table width="200" border="3" cellspacing="0" cellpadding="0">
<tr>
<td></td> <td></td>
</tr>
<tr>
<td></td> <td></td>
</tr>
<tr>
<td></td> <td></td>
</tr>
</table>
</body>
</html>

在網頁中創建名為Alice.mp3的背景音樂，並使背景音樂無限循環播放。
<html>
<body>
<bgsound src="純音樂 - Melody Of Love真愛.mp3" loop="-1">
</body>
</html>

1、請把下面網頁轉換為HTML代碼。
<html>
<body>
<table width="297" height="81" border="3">
<tr>
<td align="center">課件</td>
<td align="center">課程名</td>
<td align="center">學分</td>
</tr>
<tr>
<td align="center">1002201</td>
<td align="center"><a href="net.htm" >《網路原理》</a></td>
<td align="center">6</td>
</tr>
<tr>
<td align="center">1003302</td>
<td align="center"><a href="web.htm">《網頁設計與製作》</a></td>
<td align="center">5</td>
</tr>
</table>
</body>
</html>

HTML文件閱讀
<html > （html的頭文件）
<head>（網頁的頭標題）
<title>用FONT標記設置文字的大小 和字體、顏色</title> （定義文檔的標題）
</head> （<head>結束標志）
<body>（定義網頁顯示的內容）
<h1>設置文字的大小h1</h1>（一號標題）
<font size=1>1號字size=1</font><br>（設置網頁文字大小為1）；（換行）
< font face=幼圓> 幼圓</ font ><br>（設置網頁文字字體為幼圓）
< font color= black> 黑色</ font >< font color=blue> 藍色</font><br>（設置網頁文字的顏色為黑色、藍色）
</body> （<body>的結束標志）
</html>

在HTML文檔中引用CSS有幾種方式?請指出它們分別是什麼?
嵌入式CSS樣式表：比較適用於網頁比較少CSS比較簡單的網頁製作
鏈接式CSS樣式表：比較常用，用於比較復雜的CSS樣式以及網頁比較多的情況；
引入式CSS樣式表：這個不是很常用，使用@import指令

簡述Web瀏覽器打開一個Web文件的工作過程
打開時調用本身的渲染引擎解釋web網頁。

⑨ 網頁設計製作詳細流程

分析如下：

1、首先下載安裝Dreamweaver，打開後，新建一個網頁，一般選擇「HTML」建立網頁。選擇「經典」界面，有助於我們更便捷使用這個軟體。

(9)網頁設計與製作字體的設計命令擴展閱讀：

網頁設計

設計網站要注意兩個要點：整體風格和色彩搭配。

風格

網站的整體風格及其創意設計是最難以學習的。難就難在沒有一個固定的模式可以參照和模仿。給你一個主題，任何兩人都不可能設計出完全一樣的網站。

風格（Style）是抽象的。是指站點的整體形象給瀏覽者的綜合感受。這個「整體形象」包括站點的CI（標志、色彩、字體、標語）、版面布局、瀏覽方式、交互性、文字、語氣、內容價值、存在意義、站點榮譽等等諸多因素。

色彩搭配

無論是平面設計，還是網頁設計，色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候，我們看到的不是優美的版式或者是美麗的圖片，而是網頁的色彩。

網頁配色小技巧：

1．用一種色彩：這里是指先選定一種色彩，然後調整透明度或者飽和度，這樣的頁面看起來色彩統一，有層次感；

2．用兩種色彩：先選定一種色彩，然後選擇它的對比色；

3．用一個色系：簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。

在網頁配色中，還要切記一些誤區：

1．不要將所有顏色都用到，盡量控制在三至五種色彩以內；

2．背景和前文的對比盡量要大（絕對不要用花紋繁復的圖案作背景），以便突出主要文字內容。