網頁設計與製作教程教案

1、誰有 《網頁設計與製作》(21世紀高職高專規劃教材)的電子教案

一. 網頁設計軟體的選擇

設計主頁首先要選擇合適的工具軟體，現在比較流行的網頁製作軟體是 FrontPage 和 DreamWave。他們各有優缺點，FrontPage 是微軟出品的網頁編輯軟體，也是 Office 系列軟體的組成部分。最新的 FrontPage2000中文版 在 Office2000 的軟體包中可以找到。如果對 Office 有一定的基礎，會用 Word 的人，很開就可以學會使用 FrontPage ，它的最大優點之一就是易學易用。另外 FrontPage 製作的網頁在 IE 瀏覽器中的效果也特別好。但是，如果你希望網頁在 Netscape 或其他瀏覽器上有良好表現，那麼使用 FrontPage 就有些麻煩。不是說不可以，只是很容易出錯。在這方面 DreamWave 就好很多，畢竟是第三方的軟體。DreamWave是由 MacroMedia 公司出品的網頁製作軟體，最新版本是3.0，功能也同樣很強大。不過學習起來要難一些，而且 IE 瀏覽器的一些高級功能就無法實現了。各有所長，只有自己權衡了。另外不要將兩個編輯軟體交替使用，否則會出現混亂。

二. 網路服務商的選擇

現在提供免費主頁空間的網站非常多，當然也有收費的。選擇什麼好呢？千萬不要認為什麼「無限主頁空間」就是最好。這里的講究非常多的。首先要明確服務商提供的是什麼操作系統的伺服器，如果你使用 FrontPage 編寫主頁，最好選擇 Windows NT 伺服器，這樣效果最好。另外還有 Linux 和 Unix 的伺服器也很多見，用這些伺服器的話要注意一個問題，就是文件名的大小寫一定要清楚。一般的 Windows 用戶會覺得這不是問題，因為微軟的習慣，文件名大小寫是不區分的。但是 Linux 和 Unix 不是這樣，比如你有一個 top.jpg 的圖片上傳，然後在 HTML 超連接寫成了 top.JPG，擴展名寫成大寫了。在本地看這個 HTML 文件很正常，圖片顯示正確。但等你上傳到伺服器上，你會發現根本無法顯示文件。解決這個問題的最簡單辦法是所有的文件名和擴展名都用小寫英文字母，而且不要用長文件名。當然，如果是 Windows NT 伺服器，就不用擔心這個問題。
如果只是做簡單的主頁，那隻需要得到相應的主頁空間就可以了。但如果做高級一些到主頁，就牽涉到一些網路程序的執行，這就需要 CGI 許可權甚至資料庫許可權。一般的網路伺服器上是不會免費提供這些功能的，而且收費往往不低。對於一般的個人主頁完全沒必要苛求這些，不然維護費用會很大，除非確實想做出一個很好的站點。免費主頁空間的另外一個問題是服務商隨時有權關閉服務，因為不承擔任何承諾，這樣你的成果可能會白費，所以要找一些比較可靠的主頁空間，最好是已經提供較長時間服務，且有一定知名度的。
另外，不同的服務商使用的網路伺服器和線路也不盡相同，訪問的更新速度差異也非常大。要選擇線路速度快一些的主頁空間，不然會大大影響來訪者的興趣。最好使用本地的網路伺服器，因為跨區域的網路線路往往比較擁擠。
還有，網路服務商提供怎樣的主頁維護方式也很重要。如果提供 FrontPage 擴展的 HTTP 維護，那就最方便了。可以做到全自動維護。如果是傳統的 FTP 方式，也不錯。FrontPage2000 同樣可以用 FTP 自動上傳，而且也可以用許多 FTP 管理軟體。但還有一種是基於 WEB 的主頁維護，這種主頁空間只能到服務商的網站上按它特定方式編輯維護主頁。這樣很不方便，最好不要使用。

三. 主頁內容的選擇

評價一個主頁的優劣，主要不是看外觀而是看內容。選擇適當的內容很重要，最好是自己比較感興趣的內容，否則會沒有長期維護的熱情。另外不要做太多的主題，沒有重點的四面出擊往往一樣也不吸引人。很多著名的個人主頁都是靠一個優秀的欄目而大受歡迎的，飛翔鳥硬體就是個很好的例子。維護主頁貴在堅持，一定要不斷上傳新的內容來充實更新網站。不過同樣要注意不要隨便抄襲別人的內容，如果對方的內容是可以轉載的自然沒問題，但如果是版權所有的，可能會遇到糾紛，甚至會強制關閉你的個人主頁。知識產權還是需要尊重的，因此在轉在其他網站的內容時，最好徵求對方的同意。
還有，主頁內容千萬不要有違法的成分，特別是不要有色情內容。

四. 主頁製作的技巧

主頁製作是一門綜合性技術，也是一門藝術，它包括策劃、美工、設計等等。這里只是說一些應該注意的問題。很多商業網站都有「廣告條」，點擊廣告可以為網站賺錢，甚至像 Yahoo 這樣的網路公司也主要靠這些廣告的收入維持。但是一般的個人主頁，建設初期最好不要放廣告條，特別是不能放很多。在訪問量不是很大的時候，廣告是賺不到錢的。反而會讓訪問者覺得主頁很亂，全是無聊的廣告，給人的印象就很差了。
還有些個人主頁因為訪問量很低沒面子，就修改網頁計數器，增加訪問量。這其實是自欺欺人，以後別人也不會相信你的主頁流量了。一個好的主頁，總會有越來越多的訪問者，如果沒質量的主頁，做手腳又有何用？
還有，如果是免費主頁空間，一般速度都不太快，空間也不大。最好不要提供過多的軟體下載，這樣會嚴重影響訪問速度。到頭來會得不償失的。一般較好的軟體下載站點都提供獨立的 FTP 線路下載軟體，這樣才能保證網站的訪問速度不受影響。同樣的，主頁上也不要使用解析度太大的圖片，一般一張圖片盡量控制在 20KB 一下。個人主頁中也不要過多使用 Java class 的小程序和過於復雜的 Java 腳本，這些只起到點綴的作用就行了，用得太多了，瀏覽網頁的速度也會變得非常遲鈍。
製作主頁時還要特別小心語言版本的問題，特別是中文。選用的內碼或字體錯誤的話，訪問時就會出現亂碼或字體扭曲等問題。

五. 域名和無形資產

每個個人主頁都有自己的域名，就像人總有個名字。起名字也有很多講究。很多人會模仿著名網站的名字，在別人的拼寫上改一改字母之類的。其實這樣並不好，沒有了自己的個性，反而不容易給人留下深刻的印象。還是自己取個好名字吧。另外常看到有人寫著「永久域名 xxx.yeah.net」之類的。其實這些都是二級域名，一些網路公司免費提供的而已。這些都稱不上永久域名，因為公司隨時可以停止服務的。最好是能擁有自己的國際頂級域名，這才是永遠屬於你自己的。其實這也並不是一筆非常昂貴的費用，但確是主頁長期發展的根本保障。當然，如果覺得沒必要，使用免費二級域名也不錯。

2、網頁設計與製作教程（第二版）新華大學出版社 習題答案

網上沒有這些吧

3、急需高教出版社出版的劉艷麗主編的《網頁設計與製作實用教程》(第二版)教材的電子教案

給你教案的PPT

4、網頁設計製作詳細流程

分析如下：

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

2、下面選擇這三個界面，代碼、拆分、設計，一般默認設計界面，對於新手這個功能具有可視化，能更好的製作網頁。

3、下面我們來製作網站站點，在電腦上建一個文件作為根目錄。我們所建網站的所有文件和網頁都保存在這個文件中。站點的作用就是使你的網站網頁之間框架清晰。同時給站點起個名字。

4、然後再在站點根目錄下建立一個專門儲存網站圖片的文件，並設置默認。這樣你添加到這個網站的所有圖片都自動保存到這個文件，不會丟失。注意文件命名要用英文。下面我用我建立的（籃球資訊網）來介紹，點擊右下方籃球資訊網——下拉點擊管理站點——點擊高級設置——設置默認圖像文件夾為剛建立的images。保存。

5、下面我們來製作這個網站首頁，先學習添加圖片。插入——圖像——選擇素材添加。點擊圖片，下面屬性可以編輯修改圖片大小，添加超鏈接等等。下面我修改圖片大小做示範。

6、下面學習添加文本。編輯「籃球資訊網」，下面屬性可以設置文本字體、添加超鏈接等等，點擊頁面屬性，可以詳細編輯文本屬性。

7、網頁基本就是文字和圖片的組合，添加視頻還需要學習者好好搜索Dreamweaver 的使用視頻加以學習。最後製作完一個網頁要記得保存。左上角文件——保存。

8、最後我們學習添加超鏈接。我用建立的第二個網頁來做示範。選中籃球資訊網文本，點擊頁面下方屬性——鏈接——點文件小按鈕——選中第一個網頁，這樣籃球資訊網文本變成藍色。這是網站內部鏈接，相反就有外部鏈接。添加如圖，一定要寫http://......就可以了。

9、最後我們瀏覽網頁。左上角文件——在瀏覽器中瀏覽網頁，點擊網頁中兩個鏈接都能到達指定網頁。

(4)網頁設計與製作教程教案擴展資料：

網頁設計

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

風格

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

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

色彩搭配

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

網頁配色小技巧：

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

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

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

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

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

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

5、《網頁設計與製作案例教程》的課後習題答案

d電驢上面有你去看嘛

6、機械工業出版社《網頁設計與製作教程》電子教案怎麼下載？

我也下載過.無法下載.騙人的.