⑴ 高中信息技術課件：《網頁製作》
【 #課件# 導語】課件中對每個課題或每個課時的教學內容，教學步驟的安排，教學方法的選擇，板書設計，教具或現代化教學手段的應用，各個教學步驟教學環節的時間分配等等，下面是 考 網整理的高中信息技術課件：《網頁製作》，歡迎閱讀與借鑒。
【 篇一 】
【教學目標】：
1、知識與技能：進一步熟練掌握網頁文字、圖片的插入和格式設置，能根據創意製作內容較為豐富的個人網站首頁；進一步掌握網頁製作軟體的表格、字幕等功能。
2、過程與方法：任務驅動，讓學生根據自己的網站規劃，參考教科書，以探究的方式掌握知識與技能，實現網站其他頁面的製作。
3、情感、態度、價值觀：培養學生的審美能力和創造能力，在小組協作學習中，培養學生的團隊精神。
【教學重點】：
1、根據網站規劃，獨立設計網站的各子頁面；
2、學習FrontPage2000製作網頁的技巧：字幕、表格、圖片陰影。
【教學難點】：
1、字幕的設計和表格的使用；
2、文本和圖片格式的更多設置。
【教學准備】：
【教學過程】：
一、創設情景，引入課題：
同學們上節課已經在FrontPage中製作出了網站的首頁，但一個網站一般都有許多頁，（展示兩個例子）大家看，除首頁外，其它各頁面都有些什麼特點？
（有滾動字幕、有圖片，有排列整齊的表格等）
小學信息技術教案：《製作網站頁面》
個人主頁「小星之家」
小學信息技術教案：《製作網站頁面》
個人主頁「風采圖片社」
教師引入：在一個網站中，除首頁外，還應當有更多的子頁面詳細表達各欄目的具體內容，這些頁面一般比首頁內容簡練，但也可以加入一些滾動字幕，繪製表格以便排列圖片和數據等。這節課我們就在FrontPage中試試這些功能。
二、新課教學
任務一：製作第一個子頁面，並添上滾動字幕
1、學生探究：用以上節課學過的方法，根據自己的網站規劃，新建一個空白網頁，輸入標題正文，再添加圖片等使頁面內容豐富。
2、教師提示學生，在插入菜單中，有「組件」子菜單，請大家試用其中的「字幕」功能，看看它有什麼用途。
3、小組內交流試探結果，教師選兩名學生通過網路廣播（或大屏幕）示範插入滾動文字的步驟和效果。
4、保存網頁，提醒學生要用英文字為文件命名。
教師提醒學生要記住關閉已我並保存的網頁。
任務二：製作其他子網頁，根據需要插入表格
1、師：有時候，我們需要將文字或圖片按行列排整齊，的方法就是先插入一個表格（展示「卡通動物欣賞」網頁實例），然後在表格內輸入文字或者插入圖片，這樣就很容易排列整齊了。
小學信息技術教案：《製作網站頁面》
你的哪一個網頁需要使用表格呢？試試看，根據在word中學過的方法，參考課本「吃在四川」子網頁的設計方法，為自己的網頁也插入一個表格，再向單元格里添加文字或圖片。
2、學生上機操作，新建一個空白網頁，輸入本頁應有的標題及正文文字，然後插入一個表格，並在表格內插入圖片，將圖片大小調至沖簡汪合適大小。小組內交流：插入表格時，你是怎樣設置表格參數的，為什麼這樣做？能改變單元格的大小和背景效果嗎？你是怎樣找到動態圖片的？又是怎樣把它們的尺寸設置成一樣的呢？3、討論後，學生繼續操作，並保存新製作的網頁。然後製作自己所規劃網站的其他子網頁。
任務三：進一步美化各網頁。
師：為了使我們的網頁更漂亮，我們可採用改變背景、使用動畫或滾動字幕，改變文字或圖片的格式等方法美化網頁。多數功能都可以通過「格式」工具欄或「插入——組件」菜單來實現。
綜合實踐：
1、選擇漂亮的圖片作為子網頁的背景。
2、嘗試利用格式菜單，為網頁的文本加上邊框。
3、從網上找一些與網頁內容相關的gif動畫，插入到自己的網頁中。
4、為圖片加上凹凸或沖蝕效果。談談探究學習的收獲：以上效散仔果你實現了哪幾種？你是怎樣做的？四、拓展練習
運用所學的表格布局技巧，製作一個「可愛的卡通形象」網頁，要求網頁內有多個卡通形象，每個卡通的大小一致，並在頁面上方添加一行滾動文字「卡通樂園歡迎你！」。
【 篇二 】
教材分析
教學內容：高中信息技術第五章第二節《網頁的製作》。
教學重點：網頁文字處理、插入圖片、動畫、水平線以及設置背景的方法。
教學難點：通過網站自主學習，讓學生自己建立網頁。
學生分析
本課對象是高一學生，學生通過前面WORD和INTERNET的學習，對網頁內容我、結構和效果等設計有了一定的感性認識。
教學目標
熟悉網頁中的各種元素及其製作方法，初步了解網頁製作過程，培養學生的自學能力和創新探索精神。
教學環境
設計「網頁製作」網站，是學生通過網站在教師的引導下，實現自主學習，完成網站中每一知識點的學習，教師藉助投影儀及時反饋學生在完成目標時出現的問題。
教學方法
通過網站引導學生自主學習，解決教師提出的實際問題。
教學過程
（引入）邊講邊演示
展示一個簡單的網頁
你現在正在上網，一定去了不少站點吧！這些站點的頁面都設計得非常精美，讓你在瀏覽信息的同時，還可以得到美的享受。這么吸引人的頁面，是怎麼製作出來的呢？你想不想也做一個精美的個人主頁呢？如果你的回答是肯定的，那我們就一起學一下FrontPage的使用。FrontPage是優秀的專業化網頁設計軟體之一，使用FrontPage你只要幾分鍾就可以建立一個自己的網頁，這可是一件令人激動的事喲！
（新課）教師引導學生根據網站自學，完成教師提出具體操作要求
模塊一、教師引導學生自學「網頁製作知識准備」，提出問題：
1、啟動FRONTPAGE？
2、FRONTPAGE的三種顯示模式？
3、在e:下新建空站點，取名為abc站點文件夾。
模塊二、教師引導學生自學「新建網頁」，提出要求：
1、新建普通網頁。
4、打開e:網站製作素材可愛的家鄉高郵.htm網頁。
模塊三、教師引導學生自學「文字我」，提出要求：
1、把高郵.htm網頁中的標題設置為「5號」、綠色，「加粗」字體，「居中」對齊。
2、把高郵.htm網頁中的正文字體設置為「3號」，綠色。
模塊四、教師引導學生自學「圖片動畫」，提出要求：
1、在網頁中插入e:網站製作素材高郵風景高郵湖.jpg
2、在網頁中插入e:網站製作素材高郵風景welcome.gif
模塊五、教師引導學生自學「水平線」，提出要求：
1、在網頁中標題與正文之間插入水平線。
2、水平線寬度設置為100%，高度為3像素，水平居中，顏色改為綠色。
模塊六、教師引導學生自學「設置背景」，提出要求：
設置網頁背景為e:網頁製作網站製作素材高郵風景背景2文件
模塊七、教師引導學生自學「保存」，提出要求：
將當前網頁另存到e:abc高郵.htm,,並將圖片保存到images文件夾中。
模塊七、教師引導學生自學「小結」，提出要求把學生分為兩組，一組練習製作個人網頁，一組練習製作班級網頁。製作素材在e:網站製作素材練習素材中。對學生作品點評，小結。
⑵ 網頁設計與製作
一、認識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"，觀察其變化。
學生
練習 本節課涉及到的基本概念較多，考慮到前面已經有過文字小結，因此，這里改用選擇題的形式來幫助學生整理和鞏固。
學生完成「課堂在線——網站和網頁」中的「課堂練習」。 教師巡迴檢查，個別輔導有困難的學生。
學生操作練習，完成課堂練習。
「在線批改」可以讓學生及時糾錯，並據此判斷學生是否掌握本節課的內容。
交流與評價 每位同學學習完本課，並完成實踐過程之後對自己的學習情況進行自我評價，完成「課堂在線——網站和網頁」中的「交流評價」。指導學生進行自我評價，並根據反饋的結果適當點評。
學生自評，通過大屏幕實時顯示評價結果，教師可以及時地點評學生的學習情況。
本課
小結 本節課主要講了網站和網頁的基本內容，網頁的基本元素、構件及網頁製作工具等。
學生對本節課的內容知識進行回憶小結
根據本節課的學習內容，要求學生設計一幅個人網站的主頁。
思考、設計，為下面的課做准備
學習
拓展 拓展網頁構件的使用，讓學生根據表單的信息進行注冊，查詢，通過輸入、查詢等功能來激發學生的學習興趣，讓學生更能理解學過的資料庫管理有關知識。 學生注冊信息、查詢信息
【小結板書】
⑶ 製作網頁的實習心得
製作網頁的實習心得5篇
某些事情讓我們心裡有了一些心得後，將其記錄在心得體會里，讓自己銘記於心，如此就可以提升我們寫作能力了。但是心得體會有什麼要求呢?以下是我收集整理的製作網頁的實習心得5篇，歡迎閱讀與收藏。
楊老師下午講解的是網頁製作，他從網頁布局(三段式)講解，接著展示新浪、師院首頁給我們看，在這過程中，始終都以實例講解為主。接著講網頁布局的方法：
1、紙上布局法
許多網頁製作者不喜歡先畫出頁面布局的草圖，而是直接在網培隱頁設計器里邊設計布局邊加內容。這種不打草稿的方法不能讓你設計出優秀的網頁來。所以在開始製作網頁時，要先在紙上畫出你頁面的布局草圖來。
2、軟體布局法
如果你不喜歡用紙來畫出你的布局意圖，那麼你還可以利用軟體來完成這些工作。這個軟體就是Photoshop。Photoshop所具有的對圖像的編輯功能用到設計網頁布局上更顯得心應手。不像用紙來設計布局，利用Photoshop可以方便的使用顏色，使用圖形，並且可以利用層的功能設計出用紙張無法實現的布局意念。
最後重點講了布局的技術
1、層疊樣式表的應用
2、表格布局
3、框架布局
最後，楊老師就DIV+CSS給我們進行詳細介紹，我們按照他的進度，創建網站站點、創建文件夾、創建文件。然後在DIV容器中插入動畫，創建CSS文件，對不同的塊元素進行排版，主要是浮動—float。由於時間實在是太短了，很多知識都沒的講，比如我們常遇到的外邊距，內邊距，線條，以及一些基本的代碼知識。
哈哈，我就不多說了，對於網頁我也研究了好幾年了，問題還真多，學過網頁布局(table、DIV+CSS)，學過平面設計(PS、CDR)，學過編程(ASP、ASP。NET)，學過資料庫(AC、SQL)。可以說我現在完全可以獨當一面，接過學校、企業、武警等的網頁製作，評價都還不錯!目前就是缺一個團隊，從鄭小軍老師他們的成果看，不是一個人的努力能完成的，更多的是要一個志同道合的團隊，回去我也該好好想想這個問題了。
製作網頁的實習心得2
轉瞬之間，半個學期又接近尾聲，在李導師的精心輔導下，度過了這個富有生機，富有朝氣的學期。學到了很多做夢也不會遇到的如此奇特的有趣知識，對於我來講是一個很好的鍛煉和充實的機會。
俗話說的好「書山有路勤為徑，學海無涯苦作舟」。在這一絕世佳句的鼓動下，我把握了工作之餘的一切可利用的剩餘時間，全心全意投入到網頁世界，去不斷的學習，去不斷的收索;同時去不斷的充實，去不斷的完善自我，在網路的天空下逐漸的美化自己的人生!
在頁製作的過程中，我深深體會到一點「型中飢有付出，就終有回報」，你的付出與你的回報終究是成正比的。經過了多少漫漫長路，經過了多少忘我的投入，經過了多少波折，我的網頁與眾人見面了。當我第一眼在網路下一覽我的個人主頁，我是多麼的激動，多麼的興奮，就像多年未見的老同學，一種講不出道不明的感覺。
我在製作主頁中的心得體會：
做好主頁，並不是一件容易的事，它包括個人主頁的選題、內容採集整理、圖片的處理、頁面的排版設置、背景及其整套網頁的色調等很多東西。
1、標題
在個人主頁中標題起著很重要的作用，它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、簡短，有特色、容易記，還要符合自己主頁的主題和風格，決不要取一個名不符實的"好名字"，別人第一次上了當，下次再也不會光顧了。
2、內容的採集
選好標題後，開始採集內容，內容必須與標題相符，在採集內容的過程中，應注重特色，所謂特色應該是有一些自己的東西。個人主頁中的特色，應該突出自己的個性，把自己的興趣、愛好盡情地發揮出來，因為在網路上不受限制。主頁就是在網路上的一個小小家園，在那裡，可以放上自己喜歡的任何東西，包括你自己平時喜歡卜返一些文章，一些好聽的歌，一些好的動畫作品。把這些內容按類別進行分類，設置欄目，讓人一目瞭然，在欄目上不要設置太多，最好不要超過十個，層次上最好少於五層。
3、圖片
做個人主頁不能只用文字，必須在主頁上適當地加一些圖片，增加可看性，俗話說"一圖勝千言"，我想不無道理，一張處理得好的圖片不需要多做任何解釋，就能讓人一目瞭然，讓人去思考，去了解它。當然處理得不好的以及無關緊要的圖片最好不要放上去，否則讓人覺得是累贅，同時也影響網頁的傳輸速度。圖片不僅要好看，還要在保證圖片質量的情況下盡量縮小圖片的大小(即位元組數)，在目前網路傳輸速度不是很快的情況下，圖片的大小在很大程度上影響了網頁的傳輸速度。那麼如何精簡圖片的大小呢，一般來說，圖片顏色較少的及在256色以內的最好把它處理成gif圖像格式，如果是一些色彩比較豐富的圖片，最好把它處理成jpg圖像格式，因為gif和jpg各有各的壓縮優勢，應根據具體的圖片來選擇壓縮比。
4、網頁排版
網頁頁面整體的排版設計也是不可忽略的，要讓讀者在狹小的電腦屏幕上閱讀，很重要的一個原則是合理地運用空間，讓自己的網頁井井有條，留下必要的空白，人覺得很輕松。不要把整個網頁都填得密密實實的，沒有一點空隙，這樣會給人一種壓抑感。
5、背景
網頁的背景並不一定非要用白色，選用的背景應該和整套頁面的色調相協調。合理的應用色彩是非常關鍵的。
製作網頁的實習心得3
目前，互聯網是最快捷的信息傳播渠道之一，學習網頁製作成了學生必須掌握的一項技能。在幾年的教學實踐之中，我總結了《製作簡單網頁》教學中值得注意的幾個問題：
一、激發學生的學習興趣，喚醒求知慾望
現階段信息技術課程的主要任務之一是培養學生對信息技術的興趣和意識。興趣是學生基於自己的學習需要而表現出來的一種認識行為，它在學生的學習中具有重要的作用。我認為，教師激發學習興趣，挖掘學習需求是授課前必須解決的問題。從知識結構看，網頁製作是在學生掌握了一定的理論基礎和操作技能之後，對互聯網有了一定的了解、瀏覽過相當數量的網頁和站點之後引入的。在准備期中教師應該適當地引導學生，可以採取展示法、教學對話法等，也可以融合多種方法進行。
例如，在學習瀏覽網頁時，我有計劃地挑選一些專題網站和個人站點推薦給學生，他們在看過之後一定會有自己的想法，老師再給他們提些問題。我經常推薦給學生我校的學生及班級製作的站點與網頁。學生會把他們自己的見解說得頭頭是道。接下來就提出問題：如果由你來做這個站點，哪些地方需要修改?如果把你做一個站點該如何設計?在學生的頭腦中先有了一些模糊的認識，產生了做個站點的想法，再在老師的幫助下梳理成一個比較成型的站點框架，接下來就是：怎麼做網頁?用什麼工具?有了興趣，帶著這些問題，進入這一階段的學習，就比較主動，學習效果也會比較好。
二、合理調整教學順序和重點，理順理論與操作的關系
學習網頁製作，首先接觸的是概念和理論性的知識。回顧學習一些應用軟體的過程，肯定不是先把理論背熟，而是從操作使用開始的。我並不是說理論不重要，而是切入的時機要掌握好。對於這一部分的教學，可以根據教學實際，合理調整教學順序和重點。對涉及到的理論知識，可以盡量在教操作的時候滲透。一些純理論的知識，不妨一帶而過，教學取得階段成果後，再單獨強調。
三、注重培養學生知識遷移的能力
正在進行的新課程改革，提倡的是教給學生可遷移的知識。我體會，遷移是理論到實踐。很多應用軟體，模式基本上是統一的，在窗口組成、菜單內容和操作方法等方面是相通的。對這類內容，我認為可以採用比較法、示範法、啟發法等教學方法。例如，製作網頁和保存網頁兩個知識點：可以在介紹了工具軟體(如frontpage)窗口組成之後，就布置學生輸入並編輯一段文字，然後把該文件保存在指定位置。這些操作都是前面學過的，對學生來講既是學習也是復習。作為老師，我們在糾正學生錯誤的同時，還可以幫助學生比較這幾個軟體在使用中的異同。比如，輸入文字，在word和frontpage中可在編輯區中直接寫，而在powerpoint中必須寫在文本框里。通過比較，加深印象，達到學習和提高的目的。在這部分中，除文字處理外，像修飾網頁、插入表格等內容都可以這樣比較著講。
四、認識螺旋式上升的學習模式和探究式學習的方式，重視課前准備
學習是一個循序漸進、螺旋式提高的過程。在這個過程中，作為教學組織者和指導者，教師的教學設計和准備工作非常重要。例如，在學習網頁修飾時，可採用了示範法和演示法結合的教學方法，先設計幾個頁面，都是在上一節課作的、樣例頁面的基礎上改的。上課時，讓學生打開上節課製作的網頁，他一看，老師的頁面上比他多了個圖片，馬上問怎麼做的，我演示給他看，他也加上圖了……每次我演示出的頁面總比學生們做出來的多一點小修飾，他們就不斷地提問，不斷地學習新技巧，再不斷地付諸實踐。用這種示範加演示的方法教學，效果還不錯。但對老師來講，備課的工作量比較大，課堂上的輔導任務也重一些。
五、組織協作學習，培養學生自學能力和合作精神
信息技術劃分為精英技術和大眾技術。目前，信息技術基礎模塊中講授的均屬大眾技術，要求學生掌握的是可以廣泛遷移的知識。但是，大眾技術太簡單了，有些學生不用我們教，自己玩電腦就玩會了。這類學生，上課時通常不願再聽，還經常搞些小動作，或者做些小軟體來炫耀一下。小孩多半有這種心理，我們不妨給他創造這個條件，讓他充分發揮特長。有一次，剛開課不久，有個學生把他的個人主頁演給我看，當時我考慮了一下，讓他在全班同學面前作了演示，解說他的創作思想，並指出了他作品中的亮點。這個學生當然很自豪了，別的同學也都很佩服他的能力。在其他同學眼中，他就是高手了，以後的學習過程中有了問題，不問老師，先問他去，逐漸地他就成了我課堂上的一名小助教了。學生中的榜樣作用和傳、幫、帶作用不可低估，如果你班裡有幾個這樣有一定特長的學生，不妨考慮採取任務驅動、分組合作等方法進行教學，讓他們帶動全班的同學學習提高。學生之間相互學習、相互幫助、相互帶動比單純的老師教效果更好。
六、適當引入分層次教學，體現教學目標的差異性
學生的基礎差別很大和心智發展水平很大不同。在這種情況下，分層次教學是一種行之有效的辦法。一般的，我把學生分成三個a、b、c三個層次。a層次的學生是基礎好，特長明顯，自學能力強的一部分，對這部分學生，倡導自主學習，給他們布置任務或課題，學生獨立完成，只是在需要的時候向他們提供幫助;b層次的學生是基礎一般，能在老師的講解、示範和引導下學習，對這部分學生可採用靈活多樣的教學方法按步就班地學習，b層次的學生是學生群體中的大多數;c層次的學生是學習有一定困難的學生，我對他們的要求是掌握基礎，除了給他們進行特別輔導之外，還採取結對子的辦法，給每人配一個a層次的學生作為助理，幫助他們學習。但在分層次教學中要格外注意保護c層次學生的自尊心和學習積極性。
七、加強聯系實際，培養學生的創新能力
創新是素質教育的核心內容。鼓勵、指導學生大膽、靈活地運用已學知識，解決實際問題是培養學生創新精神和能力的有效方法。我認為在網頁製作這一部分的小結或復習階段可以適當採用主題型課或任務驅動式的方法，設計引導學生從頭至尾製作一個專題站點。當然，復習中也可以適當採取教學對話、教學討論、示範等教學方法。
製作網頁的實習心得4
一、網站規劃
本工作室主要用來做個人網站，主題是介紹自我，讓更多的朋友認識我，面向我的同學和朋友以及想結交我的朋友。
二、網站總體設計
本工作室只要包括我的主頁、我的簡介、我的日記、我的相冊、網站建議等五個板塊。通過我的主頁可以進入其他四個板塊，其他四個板塊也可以通過超鏈接回到我的主頁去。
三、網站設計與製作(包括網頁設計、圖形設計、動畫設計中的主要技術、方法和設計效果)
本網站的布局大多是運用CSS進行布局的，這也是老師一直強調我們的。為了增加視覺效果，個別網頁還特別添加了flash效果(我的相冊)，還用到了視頻和音樂等素材(如我的主頁)。個別網頁添加了表格，這樣顯得網頁更齊整。對於美化這部分，我還特別用Photoshop對一部分圖片進行了處理，讓圖片和網頁更好地搭配。在個別網頁添加表單，可以讓瀏覽者和網站更好地互動，交流信息。
四、學習體會
不知不覺，我已經學習《網頁設計與製作》這門課程一個學期了，雖然時間有點短，但這一個學期以後我卻受益匪淺，不僅讓我全面的、系統的學會了頁設計與製作的基礎知識，還讓我學會了自己動手去製作屬於自己的網頁，這對於我來說是很值得高興的，能讓我在以後的工作生活中更好的展現自己。
建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。首先，我們要確立網站主題。網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於像我這樣的個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。
然後，我們要找材料。明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去偽存真，作為自己製作網頁的素材。
找到材料後，我們還要規劃網站。一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。
做好以上三步之後，我們就要選擇合適的製作工具。盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，在這里，我們一般都是用有「網路三劍客」之稱的Dreamweaver、Fireworks、flash來製作網頁，對於圖片部分的處理，個人覺得Photoshop比較好用。
最後，我們就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後復雜，就是先設計出簡單的內容，然後再設計復雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。網頁做好之後，就要發布到Web伺服器上，才能夠讓全世界的朋友觀看，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它。這里推薦二個有免費空間和域名的網址給大家!
以上就是我對於網頁製作的一些個人心得，由於本人的技術還不是很成熟，還存在很多的不足(如：背景過於單調和網頁布置不合理)。選擇學習這門課是很正確的選擇，雖然在以後不會再有機會去上了，但我還是會通過各種方式繼續學習網頁設計和製作的，同時很感謝帶我入門的徐兵老師，讓我有機會去學習有關網頁的知識，謝謝!
製作網頁的實習心得5
在炎熱的夏季，又在悶熱的機房中，我們又一次的完成了網站建設的實習。在這實習期間，有太多的話想說，都是苦不堪言。但事後又想想，苦過了，才知道有甜。
在這實習當中，我知道了div是html(超文本語言)中的一個元素，div+cs是一種網頁的布局方法，div+css包括行內樣式、內嵌式、鏈接式、導入式、css選擇器、標記選擇器、類別選擇器、id選擇器、選擇器聲明、css繼承。還有id與class區別：id不允許重復使用，只能用一次，css規范和其他規范javascript控制方法一樣。
說實話，我對div+css一點兒都不懂，但起碼我知道了這是一種網頁的布局格式，總比不知道強。有句話說，不懂就要學。是的，既然學了了這個專業，就不能對這個專業模糊。所以，就要學習學習再學習。征服畏懼、建立自信的最快最確實的方法，就是去做你害怕的事，直到你獲得成功的經驗。
我們經過兩周的實訓，通過前期的合同洽談、簽訂，到後期的網站製作、網站發布，讓我受益匪淺。不僅讓我了解通過網路洽談商務的禮儀和細節，也讓我的網站製作知識及技能有了很大提高。
前期我們通過發送電子郵件，進行網上商務的接洽。由於沒有做好工作。了解商務郵件的格式，導致郵件發了很長一段時間，雙方還僅僅停留在認識階段，確實說來很失敗。
在擬定合同時，由於不能真正滿足客戶的需求，一些條款及報價不合理，因此要一次又一次反復的修改合同。這主要是因為我們不能正確解讀客戶的要求，並且我們不能拿出我們公司為大洋禮品公司網站建設的特色。
在網站製作的起初階段，由於不曾製作過網頁，雖然團隊確立了分工，但還是有些迷茫。公司沒有確立風格和大體的布局，並且搜集資料是一個漫長而又復雜的過程。通過瀏覽各類禮品網站，心裡大概有了一定的想法和設計。
我的主要任務有「誠聘英才」、「產品導航」、「展會禮品」、「廣告促銷禮品」。我最先做的是「誠聘英才」，我是參照中國電信誠聘英才首頁做的，它看似製作簡單，其實布局十分復雜、精緻。在處理圖片是我遇到了不少困難，最典型的就是有一次我想在圖片中插入文字，但始終插入不了，後來通過請教老師，總算知道了其中的奧妙。原來是圖層被鎖定了，要重新拷貝圖層，再考貝的圖層上就可以插入文字了，並且文字其實也是一個圖層，它是可以移動的。盡管我為誠聘英才網頁付出了很多，但並沒有被採納，並且此時我也設計了logo，也沒有被採納。
「產品導航」是一個困擾我一上午的問題(此刻公司首頁已經製作完畢，而它與合同上的「產品導航」頁面布局類似，於是這讓我一時間很難抉擇。我就一邊設計一邊思考，此時我為公司定的色彩風格是紅色，我為導航欄設計的是互動式按鈕，並且設計了初始字體、懸停、按下時字體顏色。可是這一切都是白費，由於後來我們將風格確定為藍色，並且導航欄確定都採用首頁中插入的圖片，但我覺得這樣有些不好：例如它不可以設置超鏈接的字體顏色，這是很不專業的體現。團隊由於缺乏及時的溝通，導致其他組員一些好的想法得不到實施，確實是我們團隊合作的一個問題所在。
展會禮品、廣告促銷禮品由於套用相同的布局，設計上沒有什麼難點，只是在這基礎上進行產品的進一步分類和圖片的搜集有些費神和花時間。我在製作這一系列網頁時，都特別注意修改網頁標題。網頁標題是十分重要的，它是每打開一張網頁的頭標。
前面這一階段的工作我還有一個小收獲，這就是圖片位置，其實在圖片屬性中圖片定位選擇絕對定位，再在下面輸入距左距上的距離即可，這是一個很不錯的方法。
後期我們進行每個人作的網頁整合時遇到了不少問題，原先我們認為超鏈接是可以整合的，其實不然，只能在一個文件內作。當時已經花了一天的工時，可後來在晚上才發現，不只這個問題，還有每個人做的網頁都是保存在網站文件夾下，而最後上傳到伺服器上只能有一個網站文件夾。所以後來我們組有三個人加班熬夜的。原本以為這樣已經差不多了，可是當我們把網站通過windows__iis默認web站點上傳進行本地調試時發現所有網頁導航欄的圖片都顯示不出來，一些超鏈接也無法連接，這下讓我們有些驚慌失措。通過向老師了解，知道可能是圖片命名的問題，web伺服器無法識別中文命名的圖片，此外網頁也需命名為英文。於是我們又忙於修改圖片和網頁的名稱。我的所製作的展會禮品將網頁都放在private文件夾下，導致所有需要連接到展會禮品首頁的都不能進行。我首先需要把private文件夾下的網頁全部剪切出來，並且檢查超鏈接，而這些只能在frontpage文件夾試圖下進行。同時還要在http上檢測，進行及時的修改。超鏈接檢測是我展會禮品網頁的一個主要問題。公司主頁上的「展會禮品」始終連接不到「展會禮品首頁」，反復的進行超鏈接都無法成功，其實是因為我所連接的超鏈接路徑不對，其實我應該根據瀏覽器上不能連接到的網頁路徑進行修改超鏈接。
經過這翻調試、測試，網站不存在圖片顯示不出來的問題，以及超鏈接無法連接的問題。
在互聯網越來越深入到生活中每一個角落的年代，網頁的表現形式就如同以前書本上的文字，傳達著的是網路語言，每一條線、每一個色塊、每一種版式、每一種組合都傳遞給閱讀者一種感覺。實際上網頁的表現形式已是互聯網至關重要的元素。它是一種創造性、有成就感的工作。
⑷ 六年級信息技術上冊教案三篇
1、要求學生綜合運用FrontPage中的各種工具製作網站。
2、充分發揮想像力和採集信息的能力，根據自己的興趣，合理安排網頁內容，採用文本、圖片、動畫等多種形式布局頁面，創作有自己特色的作品。
3、培養學生的創新意識和精神，要敢於突破、敢於想像。做出有個性的網頁。
4、學生根據自己的興趣，選擇合適的內容，確定美觀的格式。充分發揮自主性和相像力，創作有自己特色的作品。
教學重點：
學生綜合運用FrontPage中的各種工具製作網站。
教學時間：四課時
教學過程：
一、導入：
本課網頁主題屬於地理、自然方面的內容，實現了信息技術與其他學科的有機結合。哭泣的森林主要指的是我國的森林已經遭到了人們的嚴重破壞，人們為了自身的發展，大力開展工業，而嚴重破壞了自然環境的平衡。但自然條件一旦失衡，各種環境問題就會應運而生。所以我們要在人類前進的扒蠢同時，盡量保持自然的平衡，實行可持續發展的戰略，走可持續發展之路。
本課是綜合課。要求學生綜合運用FrontPage中的各種工具製作有關天氣的網站。教材提供了網站的內容、參址和網站布局，學本課主題屬於自然、氣象方面的內容。天氣是人們日常生活中都關心的一個問題，人們的生產生活，尤其是農業生產方面對天氣的依靠的更多。人們的生活、身體健康等都跟天氣有關春顫陪系。正確認識天氣的變化，也有助於培養學生科學看待問題的態度。
本課是綜合課。要求學生綜合運用FrontPage中的各種工具製作有關地球的網站。教材提供了網站的內容和參考布局，學生根據自己的興趣，選擇合適的內容和格式。充分發揮學生的自主性和相像力，創作有自己特色的作品。
本課主題是地理、天文方面的內容。地球是人類賴以生存的基礎，人們都生活在地球上。地球的起源、形成、內部構造、地球上的生物，地球這顆行星在太陽系中的位置等等，了解這些信息是製作該網站的基礎，根據信息的性質，確定合理的網站布局和色彩搭配，製作內容豐富、形式美觀的網站。
作品創作完畢，學生可以交流各自的心洞枝得，交流了解的地球的相關信息，互相取長補短，共同進步。
二十三保護大自然——保護我們的家園
本冊書的活動，安排製作網頁和網站的主題都是圍繞「大自然」進行的，大自然中的每一種生物我們都應該愛護，學生通過製作有關大自然的網站，了解有關植物、動物、生物等多方面信息，是為了更好的保護愛護我們的大自然，為我們的生活創造一個良好和諧的環境。
本課是製作「人與自然」專題網站的最後一課，通過製作「保護大自然——保護我們的家園」首頁，把每課製作的專題網站鏈接成一個「人與自然」的大專題網站，讓學生進一步體會網站的結構並學會網站發布的相關知識，能夠建立自己的個人網站。
1．製作首頁
首頁中的內容基本上都是以前專題的名稱，本課的特點就是將以前做的專題網站都組織到一個大的網站，在首頁點擊相應的標題就可以瀏覽需要的專題網站。整個網站首頁內容很全面，包含了多個層次的內容，中心都是圍繞大自然展開的。首頁中還增加了一些環保的欄目，充分體現了通過製作眾多關於大自然的網頁或網站來號召更多的人保護大自然的目的。
2．超鏈接
本課製作首頁與二級頁面鏈接的方法與以前有所不同，直接拖動到相應位置即可。「鏈接」將更多的相關信息結合在一起，方便瀏覽和使用，使網站具有了專業性和系統性。超鏈接是製作網站的橋梁，通過超鏈接的作用，使網站的信息更加豐富，具有系統性和層次性。本課首頁中更多鏈接的還是網站，體現了網站、網頁間的網路層次關系，體現了信息的網狀聯系。
3．發布網站
把製作的網頁或網站發布到互聯網上，讓更多的人瀏覽，需要伺服器的支持。本課在「鏈接」中講述了網站的發布方法和程序，教師可以嘗試在區域網中講學生的作品發布。本課網站內容非常豐富，有關大自然的多方面如自然界的植物、動物、水、土、環境等信息都有所涉及，相信通過製作該網站，學生肯定會受益匪淺，很有成就感。
篇二《可怕的白色污染》
教學目標：
1、學會利用「格式——行為」設置在瀏覽器中打開首頁時彈出另一窗口的效果。
2、學會正確處理塑料製品，減少環境污染。
教學重點：進行一步美化網頁
教學准備：課前教師可以讓學生調查，了解大家是怎樣看待「白色污染」的。了解到「白色污染」對環境的破壞嚴重性。
教學時間：三課時
教學過程：
1．問題導入
師：白色污染主要是指的塑料廢物。塑料是高分子聚合物，不易降解，需數百年才能分解，既污染環境，又危害人體健康。但是如果這些廢棄的塑料能正確處理的話，還能為人類所利用，成為再生利用的原料等。
課前我們一起調查有關「白色污染」的問題，下面把調查的結果向大家匯報一下。
二、網搜集資料，解決調查時遇到的困難。
三、設計製作網頁結構圖。
根據收集的信息進行整理，設計網頁結構圖。
四、製作網頁。
1．設計頁面
網站首頁多為圖片信息，給人一目瞭然的感覺。圖片盡量選擇一些具有視覺沖擊力強，能讓人體會到白色污染就在我們身邊，已經很嚴重的影響了我們的生存環境。我們可以從自己做起，減少白色污染。從自己身邊的小事做起，從自我做起，貢獻自己的一份力量。
頁面顏色的選擇也要盡量突出白色污染對環境的危害程度，形式要簡潔，不雜亂。讓人能從頁面形式和內容上體會到白色污染的嚴重性，進一步介紹解決這種情況的方法。
2．彈出新窗口
網上可以經常見到在打開一個窗口時，彈出另一窗口。另一窗口通常是一些特別提示、廣告宣傳等，用來提醒人們網站的變化或用來做廣告宣傳等。在本課中，像一些號召人們愛護環境，減少污染的宣傳語就可以採用彈出新窗口的形式呈現。
五、欣賞作品，共同提高
六、交流：保存網頁並在IE瀏覽器中瀏覽。
篇三《直面自然災害》
教學目標：
1、了解有關自然災害的知識；
2、學會利用「主題」模板對網頁進行修飾，增強網頁的視覺效果。
教學重點：
利用「主題」模板對網頁進行修飾，增強網頁的視覺效果。
教學過程：
一、談話導入：
師：近年來，我國的自然災害現象很多，洪水，台風等等，嚴重影響著人們的生產和生活。我們要正確地認識並積極採取有效的防禦措施，減少自然災害給我們造成的損失。
自然災害有很多種，表現也各有不同，發生的時間、地區等等都不一樣，造成的破壞程度也不一樣。我們要針對不同的災害的發生特點，採取積極的預防措施，將損失減小到最低。在自然災害來臨的時候，我們要知道怎樣做，了解一些臨災自救常識。
今天這節課，我們一起製作有關自然災害的網頁。
二、搜索信息
1、自然災害的概述
地震、海嘯、滑坡、泥石流、洪澇、乾旱、寒潮等。
三、設計網頁結構
根據P76—77進行設計製作。
四、製作網頁
1、根據網頁結構圖進行製作網頁。
A．頁面設計
頁面涉及內容比較多，介紹了多種自然災害。合理安排網頁中的元素，盡量使用通俗化的語言。自然災害給人一種很壓抑的感覺，因此頁面顏色建議採用灰色調。首頁欄目中的各個二級頁面都是採用框架製作的，二級頁面中欄目的具體內容都在一個窗口顯示。由於首頁中各個欄目，如：地震、乾旱等給人的感覺都是不一樣的，所以在頁面的形式和顏色等方面都要以不同的方式呈現。頁面的布局也可以各有不同，顯示不同的風格。
2．「主題」的使用
「主題」類似於樣式，還可以對其再我，形成新的主題，建立新模板。「主題」的我和使用很靈活，能達到很好的修飾網頁的效果。本課涉及到的內容比較多，頁面風格各有不同，學生可以我多個「主題」模板，形成有自己風格的主題，方便以後調用。
四、交流：主題與樣式有什麼不同？
「樣式」可以方便地為網頁中的各個元素設置背景顏色和圖片並進行精確的定位控制，只能應用到頁面，不能應用到整個站點；「主題」也可以方便地使頁面的背景、字體等頁面元素風格統一起來，它既可以應用到單一的頁面上，也可以應用到整個站點。
⑸ 網頁設計與製作要學些什麼
學設計不如學【視頻剪輯】。理由很簡單，容易學（不像其它行業學習成本高，難度大），適合短期3-4個月短期學習，而且行業缺口非常大，無論是找工作還是自己在家裡接私單，月收入輕松過萬，兩三萬也是稀鬆平常。【點擊進入】免費「短視頻剪輯後期」學習網址：
www.huixueba.net/web/AppWebClient/AllCourseAndResourcePage?type=1&tagid=313&zdhhr-11y17r-1308421821375457779
因為現在【短視頻】的崛起，任何企業，任何工作室或者個人都需要製作剪輯大量的短視頻來包裝品牌，發抖音，發朋友圈，發淘寶等自媒體渠道做展示。因為每天都要更新並發布新內容，所以剪輯師根本招不夠，，供需失衡就造成了剪輯師高薪水。
而且剪輯這個技術並不需要高超的電腦技術，也不需要美術音樂造詣，基本都是固定套路，要什麼風格的片要什麼節奏，經過三四個月的培訓都可以輕松掌握。但凡有點電腦基礎會用滑鼠拖拽，會點擊圖標，會保存除非自己不想學，沒有學不會的。但是要學好學精，就一定要找專業負責的培訓機構了，推薦這個領域的老大——【王氏教育】
在「短視頻剪輯/短視頻運營/視頻特效」處理這塊，【王氏教育】是國內的老大，每個城市都是總部直營校區。跟很多其它同類型大機構不一樣的是：王氏教育每個校區都是實體面授，老師是手把手教，而且有專門的班主任從早盯到晚，爆肝式的學習模式，提升會很快，特別適合0基礎的學生。王氏教育全國直營校區面授課程試聽【復制後面鏈接在瀏覽器也可打開】： www.huixueba.com.cn/school/yingshi?type=2&zdhhr-11y17r-1308421821375457779
大家可以先把【繪學霸】APP下載到自己手機，方便碎片時間學習——繪學霸APP下載： www.huixueba.com.cn/Scripts/download.html
⑹ 製作網頁詳細操作步驟
導讀：目前所見即所得類型的工具越來越多，使用也越來越方便，所以製作網頁已經變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。下面為大家帶來製作網頁詳細操作步驟，快來看看吧。
製作網頁主要有以下一些工具
Frontpage：office自帶的一個工具，操作簡單，實用，學起來比較輕松，功能不咋地，我不太喜歡。
Dreamweaver：這是網頁三劍客之一，專門製作網頁的工具，可以自動將網頁生成代碼，是普通網頁製作者的首選工具，界面簡單，實用功能比較強大。建議初學者選用。
另外一個工具就是代碼編輯工具，例如寫字本、EditPlus等，這些工具主要編輯asp等動態網頁。
此外還有一些網路編程工具，javascript、java編輯器等。
網頁製作也是一個比較吃香的行業，要真正做一個好的網站，還必須有良好的設計功底。所以還得學很多邊緣性的軟體，例如photoshop、flash等。
大型的網站往往還需要資料庫的支持，所以還得懂資料庫。sql、甲骨文等。
總之，掌握好網頁製作，能獨立完成一個網站的製作工作，那就不要考慮吃飯問題。隨便混就好了！
網站設計八步驟
由於目前所見即所得類型的工具越來越多，使用也越來越方便，所以製作網頁已經變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁，於是他們認為網頁製作非常簡單，就匆匆忙忙製作自己的網站，可是做出來之後與別人一比，才發現自己的網站非常粗糙，這是為什麼呢？常言道：「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。
一、確定網站主題
網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找准一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。
二、搜集材料
明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去偽存真，作為自己製作網頁的素材。
三、規劃網站
一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。 四、選擇合適的製作工具
盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。
五、製作網頁
材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後復雜，就是先設計出簡單的內容，然後再設計復雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。
六、上傳測試
網頁製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁製作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。
七、推廣宣傳
網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。
八、維護更新
網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者。
網頁製作教學設計
一、教材或教學內容分析
本章內容在本教材中的位置處於第五章，是在文字處理（Word2000）和網路基礎及網際網路應用兩章之後。學生所學的文字處理軟體Word和將要學習的網頁製作軟體Frontpage同是Microsoft公司的產品，在軟體的使用上有很多的共通之處，所以在學習frontpage的時候，很多內容可以讓學生自學，而不必面面俱到地在課上講授。而第四章網路基礎及網際網路的應用又為學生對網頁的理解奠定了基礎，學生對網頁中的基本元素——文字、圖片、動畫、聲音等都有所了解，而網頁的製作就是將這些元素重新組合到網頁上，學生要學的就是這種組合的方法。所以說，雖然大多數學生以前都未接觸過網頁的製作，但有了以上這些基礎，學起來就輕松多了。
本章內容按照學生已有的基礎，我對教學內容分了一下類，也為教學的組織工作打下一點基礎。本章內容主要由網頁基礎知識、網站的建立和管理、網頁的製作、創建超鏈接、圖片的處理、網頁框架。
重點是網頁的製作和創建超鏈接，學會了這些就可以開始簡單的網頁製作了。
難點是網頁框架，這部分相互之間關系比較復雜，必要時，老師在對各組個別輔導時，可以給予分別講解。 這個分類可以為組長安排各個組員的任務提供參考，使分工更加合理。
二、教學對象的分析
信息技術課雖然已經成為初中的必修科目，但是城鄉學生之間掌握情況的差異卻相當大，條件好一點的初中學生不僅已經熟練掌握了課本上的內容，還對一些常用軟體有所了解；而差一點的可以說是從高中開始才正式接觸到信息技術知識的學習，他們需要多鍛煉、多指導，所以協作學習對學生的學習幫助很大。
三、教學策略的選擇及媒體的使用
在教學策略的選擇上，我使用的是任務驅動和協作學習相結合的方法。
任務驅動就是要求本章內容學習完之後，每個小組都要完成自己班級網站的製作，並在全班進行評比，選擇最好的作為班級主頁掛到學校主頁上去，這有助於激發學生參與學習的積極性。
協作學習則是讓學生在學習過程中互幫互助，用較短的時間、教少的精力學到更多的東西，完成一個集體項目，讓他們在學習之後獲得成就感。因此在媒體的選擇上，我們使用的是TOP2000系統。TOP2000系統有利於教師進行分組教學和學生作品的點評及成果的展示。教學過程開始之前，教師把學生按座位分成四組，每個組都按學生對計算機的掌握程度平均分配，保證每個組都有計算機操作方面比較突出的，也有相對比較差的，使其形成能夠互幫互助的學習小組。並由他們自己選出組長各一名，然後由組長根據組員的情況，確定在班級主頁製作過程中主要完成什麼任務，也就是說起到一個組織者的作用。
做過網頁的人都知道，做網頁是一項比較費時的工作，而要學生在較短的時間內製作出像樣的網頁是比較困難的，而在這個過程中，網頁的設計佔去了相當多的一部分時間，組長把任務分到各組員頭上以後，組員就可根據自己要完成的任務相對集中的做某方面的工作，做完以後，組員之間進行經驗交流，告訴組員自己的網頁是如何製作出來的'，在完成自己的網頁後，再重復一遍製作過程花費的時間的不多的。這樣，其他組員就可在較短的時間之內掌握比較先進的網頁製作方法，而不必再花那麼多時間去探索。因為每位組員都必須自己完成一個任務，所以在這個過程中，也同樣有自己探索學習的機會和介紹自己經驗的機會，使組內的每個學生都在學習中獲得成就感。
四、教學過程
教學進程
教師活動
學生活動
1、課前准備
課前將本章內容的基本結構、內容的歸類、網頁基礎知識、網頁素材做成一個網站，供學生參考，網站上的內容可根據學生以後在學習中的要求添加。根據學生對已有的網頁製作的情況進行分組。
學生根據自己的分組情況選出組織能力較強、計算機水平較高的人做組長，協作小組形成。
2、教師布置任務，作必要講解
第一節課，教師簡單介紹網頁基礎知識，並給各小組布置任務——用下面的時間完成班級網頁的製作，並對組長進行本章基本內容及本章內容的分類的介紹，讓他們對本章內容有總體上的把握。
在教師對網頁基礎知識講解的基礎上，瀏覽教師製作的網站，繼續學習；
課後各組設計自己的班級主頁，組長根據網站上教師對本章內容的分類給學生布置任務。
3、教師指導分工情況，學生開始自主學習
第二節課教師對組長對全組的分工情況給予檢查，提出意見和建議。
學生根據分工製作網頁，學習可以跟著課本上自學，也可根據以前學習Word的經驗自己摸索製作過程，不懂之處可向會的同學請教，還可以相互之間討論，在網頁的設計方面也可以相互之間多商量，發揚互幫互助的精神。
4、學生自主學習，教師指導、監督
下面三節課，老師在每組各用10分鍾時間檢查他們上節課的網頁製作情況，並對他們碰到的問題給予提示或解決，起指導和監督作用。
學生繼續學習、製作網頁。
五、階段總結
四節課的製作以後，各組員所製作的網頁都初見雛形，所以教師組織一堂課，由各組展示自己的作品。教師在學生評講完後，給予總結。
各組分別展示自己的作品，其他組對他們可以提出意見或建議，也可從其他組的學到好的創意。由組長在課後寫一份階段總結，從而指導以後的工作。
六、學生自主學習，教師指導、監督
下面四節課，老師仍然對每組各花10分鍾時間輪流檢查他們上節課的網頁製作情況，並對他們碰到的問題給予提示或解決，起指導和監督作用。
學生繼續學習、製作網頁。
七、各組將內容匯總，形成班級主頁
教師對各組出現的問題提出建議或意見。
組長或組長安排人將各組的主頁進行匯總，形成一個完整的班級主頁，對欠缺的地方進行修補。
八、班級網站製作完成，展示與總結
老師請其他信息技術教師來做評委，對各組做的網站提出意見或建議，評出最佳網站、最佳創意等獎，讓大家的付出都有所收獲。
各組分別展示自己組所製作的班級主頁。
課後：
大家集中各組的優勢，將班級主頁完成，掛到學校主頁上。
⑺ 網頁設計與網站製作這門課程第六章CSS常用屬性的知識點有哪些
網頁設計與網站製作這門課第六章CSS常用屬性的知識點包含章節導引,第一節框世物模型,第二節背景屬性,第三節列表屬性,第四節顯示屬性,第五節內容溢出屬性,第六節應用實灶舉例：專搜辯液題頁製作。
⑻ 如何免費製作網頁
首先，可以告訴想學網頁製作的朋友。學習製作網頁和學習其它知識一樣，是要有基礎的。在基礎之上學習起來會帶帆比較輕松和快捷的。其次，要清楚學習它是用來做什麼。
建議你要具備的條件：對電腦熟練操作，使用電腦最好在一年以上，對網頁設計感興趣，有較充足的學習時間，熟悉office辦公軟體。當然，這些不是一定必須的。
第一階段：開始時最好是學些網頁編輯軟體，如：FrontPage、Dreamweaver.這樣可以使您更了解網頁製作與運營的原理。最好使拿本教程來學學，結合教程邊學習邊製作。
第二階段：會用網頁製作軟體後，已會製作一個較完整的網站了。但為了能使自己設計製作的網頁盡善盡美，還是學習網頁的核心技術吧！網頁編輯語言（包括:html、css、javascript、asp、xml等）。你可以選擇地學習。
第三階段:結合你自己已掌握地知識來開發網站，可以開發出別人給你定義的目標網站。到了這個時候，你就成為真正的網站開發者了。
怎樣製作網頁，不是說一兩篇文章能夠說清楚的。以上介紹的是製作網頁的主要綱要，希望能夠給想要學習製作網頁的朋友一個參考。
二
一、工具
1、空間
網頁做好了肯定是要發表上網的，所以必須先申請一個空間；免費的空間不是很穩定，容量又小，也不好漏弊申請，建議到大的網站如新浪、網易去先買一個個人空間，大概有個20M以上的就可以了。
2、軟體
推薦使用Dreamweaver6.0中文版，這個軟體最大的特點就是「所見即所得」，也即是製作過程中看到的，便是到時發布到網路上的。
二、教程
花點時間，找個比較通俗易懂的教程看一看是很有必要的。每個網頁的組成，不外是文字、表格、圖、動畫還有就是背景音樂等幾個大的元素，搞清楚如何將這些元素擺放進去，你也就算懂得如何製作網頁了。推薦一個教程地址，有空可以去看看，http://www.goeway.com/WEB/INDEX.ASP
三、製作
開始時建議去下載一個比較簡單的網頁，在製作軟體中將它打開，然後仔細觀察人家的網頁的構成，模仿它去填充各種元素，實踐中再配合著教城，進度會快很多，記得也牢一些。
其實做網頁並不難，但要做出有特色的網頁來，那就非一朝一夕之功了。
一點個人的粗淺體會，不妥之處敬請指正。
三
網站設計八步驟
由於目前所見即所得類型的工具越來越多，使用也越來越方便，所以製作網頁已經變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁，於是他們認為網頁製作非常簡單，就匆匆忙忙製作自己的網站，可是做出來之後與別人一比，才發現自己的網站非常粗糙，這是為什麼呢？常言道：「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。
一、確定網站主題
網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找准一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。
二、搜集材料
明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去偽存真，作為自己製作網頁的素材。
三、規劃網站
一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性蠢搜雹、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。四、選擇合適的製作工具
盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。
五、製作網頁
材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後復雜，就是先設計出簡單的內容，然後再設計復雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。
六、上傳測試
網頁製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁製作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。
七、推廣宣傳
網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。
八、維護更新
網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者 .
四
一、首先確定你要製作的網頁的主題，就是你建這個網站的內容是什麼（註：網站和網頁的關系與區別就好比一本書和其中的一個頁面的關系）；
二、確定你的網頁的閱讀對象，就是你的網頁是准備給那些人看的；
三、選擇製作網頁的工具軟體，常見的有dreamweaver和office組件裡面的frontpage，如果你是初學者，哪我建議你使用frongpage,因為這個軟體的入門比較簡單（當然功能也很強大），如果你會使用word的話，哪就可以很快作出網頁的，如何你想作專業的網頁製作人員，哪我建議你使用dreamweaver，目前的版本是XM，我現在就使用，很好用的，這個軟體的好處是不怎麼產生垃圾代碼，並且支持各種代碼的性能很好，基本上各種代碼可以直接編輯。
四、如果你作好了頁面，就需要考慮你的網頁放到什麼地方發表，也就是平常我們說的發表空間，我們學校的用戶網路中心已經申請好了空間，大家可以直接使用（有發布空間的標志是你有了FTP賬號，這個需要申請）。
五、找到發布空間以後，你需要把自己的網頁上傳到你的發布空間，這個需要一個上傳軟體，我推薦使用ACEFTP，這個軟體體積小，速度快，注意我發現這個軟體的2.0中文版不能夠正確使用，我建議使用1.31版。
六、製作網頁需要的其他相關軟體：ACDSEE,這個是查看圖片的最好軟體，也可以對圖片作簡單的處理，目前的版本是4.0，網上很多地方可以下載；另外如果你對圖片需要復雜處理的話，哪最好選擇使用PHOTOSHOP，目前的版本是7.0，也有中文補丁，使用起來很方便，當然，這個軟體的學習使用相對是比較難點的。
7、使用層的時候最好定義為div標簽而不是layer，因為前者在兩種主流瀏覽器都有很好的兼容性。
8、在用圖片製作熱區鏈接時，最好給熱區命名，防止有時只能在圖片上畫出直線。
9、當我們將框架結構建立好後，可以將此框架體文件和Site窗體並排放置，然後從Site中選擇網頁文件拖放到相應的框架中。這適用於框架比較復雜的頁面。
10、如果對一張圖片不滿意，想更換另一張，最簡單的方法雙擊此圖片，直接選擇要替換的圖片即可。
11、在預覽網頁之前最好先保存一下，有時候在不能正確預覽網頁，而存一下就可能會解決這個問題。
12、如果你的頁面中使用了CSS或是Java Applet，最好不要使用「file->convert->3.0 browser compatible」命令，因為這一選擇會把所有3.0 瀏覽器不認識的定義都抹去。最可怕的是我們不知道在這個過程中Dreamweaver 到底做了什麼，具體發生了那些變化。而且要提醒你，對一批頁面執行此操作時，一定要先備份，否則可沒地方買後悔葯。
五---資源
1. 水晶情緣--網頁特效專家 2006 情人節特別版
這個軟體是專為那些想在網上安家而苦於製作網頁特效源
www.skycn.com/soft/14150.html
2. 網建博士 1.01
不懂製作網頁的專門技術，不懂網頁編程技術，不需要任何專業背景知識，任何人只要會用
www.onlinedown.net/soft/7597.htm
3. 網頁背景選擇器 2.5.1
當您製作網頁時，您是否為了在大量素材中選一張背景，每每都要用看圖軟體查看--修改網
www.onlinedown.net/soft/11406.htm
4. Animagic GIF Animator 1.22
一個很好用的製作網頁動畫的軟體，它提供了六種特效，也支持拖曳功能，它不僅支持gif
www.onlinedown.net/soft/4904.htm
5. Animagic GIF Animator 1.22 漢化補丁
一個很好用的製作網頁動畫的軟體，它提供了六種特效，也支持拖曳功能，它不僅支持gif
www.onlinedown.net/soft/6612.htm
6. Macromedia Authorware V7.0
先進豐富的視音頻、可視媒體集成製作解決方案，可用於製作網頁和在線學習應用軟體
download.21cn.com/list.php?id=31900
7. Picture2Web 2.3.1
用來製作網頁電子相簿的好工具
download.pchome.net/design/homepage/9539.html
8. SCP Button Magic 4.0
專門製作網頁廣告橫幅和按鈕的軟體
download.pchome.net/design/webpic/2138.html
9. Animagic GIF Animator V1.22
一個很好用的製作網頁動畫的軟體，它提供了六種特效，
www.skycn.com/soft/2406.html
10. Magic Gallery 4.5
一款製作網頁照片集以及其縮略圖的軟體
download.pchome.net/design/homepage/17444.html
11. Animagic GIF Animator 1.22
一個很好用的製作網頁動畫的軟體
download.pchome.net/design/animation/633.html
12. Banner Maker Pro V4.0.0.1 漢化版
是一套製作網頁橫幅廣告及按鈕軟體。特點包含：可以調
www.skycn.com/soft/2507.html
13. Banner Maker Pro V6.0.6
是一套製作網頁橫幅廣告及按鈕軟體。特點包含：可以調
www.skycn.com/soft/2506.html
14. Animagic GIF Animator V1.22 漢化補丁
一個很好用的製作網頁動畫的軟體，它提供了六種特效，
www.skycn.com/soft/2407.html
15. Mapedit 3.16
製作網頁Image Maps的工具
download.pchome.net/development/html/13659.html
16. Banner Maker Pro 6.0.6
是一套製作網頁橫幅廣告及按鈕軟體。特點包含：可以調整看板及按鈕尺寸、選擇背景顏色
www.onlinedown.net/soft/9507.htm
17. GIF Dispenser 1.0
是一個快速製作網頁動態GIF圖片的好工具
download.pchome.net/design/animation/923.html
18. 自助建站專家 5.0
不懂製作網頁的專門技術，不懂網頁編程技術，不需要任何專業背景知識，任何人只要會用
www.onlinedown.net/soft/13044.htm
19. 酷網寶典(CoolWEB) 2.0
酷網寶典(coolweb)是用於製作網頁特效的軟體。能夠製作三大類效果：特殊層效果，動態
www.onlinedown.net/soft/6658.htm
20. 下雨天網頁特效王 RD2.0
製作網頁的好幫手,大量的特效代碼
download.pchome.net/development/html/17686.html
21. Macromedia Contribute 3.11
Macromedia出品的全新概念網頁設計工具，可以將網頁編寫程序化繁為簡,製作網頁,現在就
www.onlinedown.net/soft/20135.htm
22. 酷網寶典(CoolWEB) V2.0
酷網寶典(coolweb)是用於製作網頁特效的軟體。能夠製作
www.skycn.com/soft/10742.html
23. Button Magic V4.0
專門製作網頁廣告橫幅和按鈕的軟體，可存成 BMP、JPG
www.skycn.com/soft/2508.html
24. Liatro Button Maker V2.2
Liatro Button Maker 是一套專門製作網頁按鈕的繪圖軟
www.skycn.com/soft/8697.html
25. Mapedit V3.16
製作網頁Image Maps的工具，小巧、使用方便。
www.skycn.com/soft/7725.html
26. 網建博士 V1.01
不懂製作網頁的專門技術，不懂網頁編程技術，不需要任
www.skycn.com/soft/9476.html
27. GIF Dispenser 1.0
是一個快速製作網頁動態GIF圖片的好工具，使用者只要移動操作視窗上的浮標組，來調整
www.onlinedown.net/soft/14222.htm
28. Reptile V3.0
所視即所得的背景製作軟體，製作網頁背景再也不需要求
www.skycn.com/soft/2541.html
29. GIF Dispenser V1.0
是一個快速製作網頁動態 GIF 圖片的好工具，使用者只要
www.skycn.com/soft/2417.html
30. 網建博士 V1.01
不懂製作網頁的專門技術，不懂網頁編程技術，不需要任何專業背景知識，任何人只要
download.21cn.com/list.php?id=24329
31. MapEdit V3.05 漢化版
製作網頁Image Maps的工具，小巧、使用方便。 本
www.skycn.com/soft/16664.html
32. 網頁特效王 Beta 1
製作網頁特效的得力助手,正在進一步開發中
www.onlinedown.net/soft/24073.htm
33. MapEdit 3.16
小巧但是使用方便的製作網頁ImageMaps的工具!
www.onlinedown.net/soft/9690.htm
34. Picture2Web V2.3.1
Picture2Web 是一個用來製作網頁電子相簿的好工具。它
www.skycn.com/soft/6878.html
35. Banner Maker Pro V6.0.1
製作網頁橫幅廣告及按鈕軟體。特點包含：可以調整看板及按鈕尺寸、選擇背景顏色、
download.21cn.com/list.php?id=10850
36. Button Magic 4.0
專門製作網頁廣告橫幅和按鈕的軟體，可存成BMP、JPG和GIF格式。
www.onlinedown.net/soft/8830.htm
37. Magic Gallery 4.5.13
MagicGallery是一款製作網頁照片集以及其縮略圖的軟體，可以方便的調節圖片尺寸。
www.onlinedown.net/soft/22860.htm
38. Magic Gallery V4.5.13
Magic Gallery 是一款製作網頁照片集以及其縮略圖的軟
www.skycn.com/soft/16474.html
39. 下雨天網頁特效王 RD2.0
製作網頁和好幫手，該軟體包含了大量的javascript特效和vbscript特效。你只需簡單
download.21cn.com/list.php?id=42907
40. BSCOutline Tutorial V5.10
用來製作網頁上的Java applet導航條，類似於文件管理器
www.skycn.com/soft/494.html
⑼ 網頁設計與製作要學些什麼
1，網站前台:軟體PHOTOSHOP+FLASH+DREAWEAVER
要掌握。腳本語言JAVASCRIPT，HTML,CSS
要會修改和編輯。
2，如果是則慧考證的話，可以考電子商務師或軟考電子商務設計師。
3，如果從事網站後台:PHP,C,MYSQL必需掌握，有此語法和C++類似。
具體培訓要求如下:
NO.1
網頁設計基礎課
網站的發布條件,網站的CI形象設計,規劃網站的欄目與版塊,規劃網站的目錄結構和鏈接結構,製作頁面效果圖,製作Flash動畫,切圖,製作靜態Web頁面,添加程序,發布Web站點,推廣和維護
NO.2
photoshop圖形圖像處理軟體培訓
圖像處理基礎知識,顏色模式、色彩基本常識,色相對比、色彩搭配技巧,菜單欄,工具箱,工具選項欄,調板,畫面窗口
NO.3
FLASH動畫設計軟體培訓
舞台,時間軸,圖層,「屬性」面板,動畫設計原理與欣賞,「顏色」和「樣本」面板,「庫」面板,定義首選參數,新建和保存文檔,測試影片,發布和導出影片,動畫設計原理與欣賞
NO.4
Dreamweaver網頁製作軟體培訓
站點目錄的搭建,常用快捷鍵,插入動畫
插入圖片
插入視頻,表格布局,表單製作,DIV+CSS,html,網頁互動式特效
NO.5
畢業設計
結合之前所學習到的軟體知識，要求學員能獨立設計網頁，編寫前端網頁代碼;
網頁三劍客培訓課程詳解
第一階段:photoshop
圖形圖像處理-軟體入門與進階
軟體入門與御中進階
第一節
ps
cs3概論與工作界面
圖像處理基礎知識,顏色模式、色彩基本常識,色相對比、色彩搭配技巧,菜單欄,工具箱,工具選項欄,調板,畫面窗口
第二節
ps
cs3
基本操作入門
新建文件,打開文件,存儲文件,使用標尺、參考線和網格,字體安裝
第三節
ps
cs3
選取圖像
選區的基礎知識,使用選框工具,使用套索工具,使用魔棒工具,選區的相加、相減和交叉
第四節
ps
cs3
圖像處理
圖像的模式,圖像和畫布的大小,旋轉畫布和裁剪圖像,調整色階,調整曲線,調整色彩平衡,調整色相/飽和度,調整亮度/對比度,復制、粘貼、移動圖像
第五節
ps
cs3
使用繪圖與圖像編輯工具
畫筆工具,圖章工具,填充工具
第六節
ps
cs3
案例教學一
繪制卡通人物並上色,熟悉快捷鍵
第七節
ps
cs3
使用繪圖與圖像編輯工具
畫筆工具,圖章工具,填充工具
第八節
使用路徑
形狀工具,路徑面板,鋼筆工具,製作路徑文字
第九節
ps
cs3
使用繪圖與圖像編輯工具
畫筆工具,圖章工具,填充工具
第十節
ps
cs3
案例教學一
繪制卡通人物並上色,熟悉快捷鍵
第十一節
ps
cs3
使用繪圖與圖像編輯工具
畫筆工具,圖章工具,填充工具
第十二節
ps
cs3
案例教學一
繪制卡通人物並上色,熟悉快捷鍵
第二階段:photoshop
圖形圖像處理-軟體提高
軟體提高
第十三節
通道
通道使用原理,通道使用技巧
第十四節
通道綜合運用
扣婚紗圖片,扣復雜圖像
第十五節
濾鏡工具的操作
濾鏡工具的操作
第十六節
濾鏡的使用案例
濾鏡的使用案例
第十七節
案例教學四
濾鏡和通道的混合使用
第十八節
案例教學五
利用點陣圖和混合模式製作創意電腦桌面
第十九節
製作GIF動畫
Ⅰ
動畫面板,動畫製作原理,簡單的QQ表情圖片頭像製作
第二十節
製作GIF動畫
Ⅱ
製作創意廣告條,用廣告圖做GIF動畫
第二十一節
製作區域框和分隔線
製作區域框,製作分隔線,制孫拆答作虛線
第二十二節
製作復雜邊框
製作復雜邊框
第二十三節
製作文字為主的按鈕
製作背景,製作時尚漸變圖案,添加文本
第二十四節
製作圖文結合的按鈕
製作背景,繪制圖案,添加文本
第三階段:photoshop
圖形圖像處理-綜合實例
綜合實例
第二十五節
網頁設計布局規范與色彩平衡
網頁設計布局規范與色彩平衡
第二十六節
網頁設計草稿圖
規劃網站版面
網頁設計草稿圖
規劃網站版面
第二十七節
設計網站標志
和確定基準色
設計網站標志
和確定基準色
第二十八節
設計企業營銷型網站首頁
I
設計企業營銷型網站首頁
I
第二十九節
設計企業營銷型網站首頁
Ⅱ
設計企業營銷型網站首頁
Ⅱ
第三十節
設計企業營銷型網站首頁Ⅲ
設計企業營銷型網站首頁Ⅲ
第三十一節
設計企業營銷型網站內頁模版
設計企業營銷型網站內頁模版
第三十二節
設計企業營銷型網站末頁模版
設計企業營銷型網站末頁模版
第三十三節
設計企業營銷型網站新聞列表頁
設計企業營銷型網站新聞列表頁
第三十四節
設計企業營銷型網站產品列表頁
設計企業營銷型網站產品列表頁
第三十五節
設計企業營銷型網站表單登陸頁
設計企業營銷型網站表單登陸頁
第三十六節
設計企業營銷型網站水平廣告條
設計企業營銷型網站水平廣告條
第三十七節
設計企業營銷型網站對聯廣告
設計企業營銷型網站對聯廣告
第三十八節
課程結束，小結，提交設計作品
課程結束，小結，提交設計作品
第一階段:Flash
動畫設計-軟體入門與進階
軟體入門與進階
第一節
Flash
cs3界面介紹
舞台,時間軸,圖層,「屬性」面板,動畫設計原理與欣賞
第二節
Flash
cs3
工具入門
「顏色」和「樣本」面板,「庫」面板,定義首選參數,新建和保存文檔,測試影片,發布和導出影片,動畫設計原理與欣賞
第三節
工具箱
I
繪圖模型,使用鉛筆和刷子工具,使用線條和形狀工具
第四節
工具箱
Ⅱ
使用鋼筆工具,使用選取和選區工具,定義邊框和填充顏色
第五節
工具箱Ⅲ
定義漸變顏色,導入圖像,設置和編輯點陣圖,分離點陣圖和將點陣圖轉換為矢量圖,組合對象,處理對象
第六節
工具箱
Ⅳ
創建文本,定義文本的屬性,拼寫設置,分離文本
第七節
圖形元件與按鈕元件的實例
圖形元件與按鈕元件的實例
第八節
影片剪輯和影片剪輯實例
影片剪輯和影片剪輯實例
第九節
時間軸
幀
關鍵幀
空白關鍵幀
時間軸
幀
關鍵幀
空白關鍵幀
第十節
創建補間動畫
創建補間動畫
第十一節
創建形狀動畫
Ⅰ
創建形狀動畫
Ⅰ
第十二節
創建形狀動畫
Ⅱ
創建形狀動畫
Ⅱ
第二階段:Flash
動畫設計-軟體高級應用
軟體高級應用
第十三節
逐幀動畫和引導線動畫製作與實例
逐幀動畫和引導線動畫製作與實例
第十四節
使用聲音
添加聲音,控制聲音的播放,壓縮聲音,補充工具:cooledit
pro
第十五節
遮罩動畫
Ⅰ
遮罩動畫
Ⅰ
第十六節
遮罩動畫
Ⅱ
遮罩動畫
Ⅱ
第十七節
製作網頁Logo
製作殘影文字Logo,製作滾動文字Logo,補充工具
swish
mx
第十八節
製作Banner
製作舞台Banner,製作下雪Banner,製作產品Banner,文字特效swish
第十九節
製作導航條
製作垂直導航條,製作橫向導航欄,製作含有二級菜單的導航條
第二十節
製作Loading
Ⅰ
製作Loading的原理,製作百分比進度條的Loading
第二十一節
製作Loading
Ⅱ
製作逐漸顯示的Loading,製作顯示動畫的Loading
第二十二節
製作節日廣告
Ⅰ
製作背景動畫,製作燈籠動畫,製作爆竹動畫
第二十三節
製作節日廣告
Ⅱ
製作文本動畫,完成動畫
第二十四節
製作產品廣告
製作汽車動畫,製作遮罩動畫,完成動畫
第一階段:公共課
第一節
網頁概論
網頁概論
第二節
熟悉界面
站點目錄的搭建,常用快捷鍵,插入動畫
插入圖片
插入視頻
第三節
表格布局
表格布局,插入表格,表格美化,表格細邊框和網頁表格布局
第四節
表單
表單設計,插入文本框,插入文本域,下拉菜單,下拉列表
第五節
框架結構
用於做網站的利器,在網頁中嵌套框架頁面
第二階段:DREAMWEAVER網頁製作-HTML
HTML
第六節
介紹HTML
語法
結構
書寫標准
介紹HTML
語法
結構
書寫標准
第七節
介紹常用HTML標簽
介紹常用HTML標簽
第八節
介紹
div
ul
li
ol
li
介紹
div
ul
li
ol
li
第九節
介紹
DL
DT
DD
介紹
DL
DT
DD
第十節
綜合運用實例1
綜合運用實例1
第十一節
綜合運用實例2
綜合運用實例2
第三階段:DREAMWEAVER網頁製作-CSS
CSS
第十二節
介紹CSS
語法
結構
書寫標准
類,ID,標簽選擇器,使用規范
第十三節
介紹文本屬性
文本布局,文字鏈接
第十四節
介紹背景屬性
介紹背景屬性
第十五節
介紹區塊屬性、邊框屬性
介紹區塊屬性、邊框屬性
第十六節
介紹方框屬性
介紹方框屬性
第十七節
介紹列表屬性
1
介紹列表屬性
1
第十八節
介紹列表屬性
2
介紹列表屬性
2
第十九節
定位屬性
定位屬性
第二十節
HTML
CSS
布局範例1
段落排版,圖文混排
第二十一節
HTML
CSS
布局範例2
水平導航條,垂直導航條
第二十二節
HTML
CSS
布局範例3
一行一列布局,一行兩列布局
第二十三節
HTML
CSS
布局範例4
多行多列混合排版
第二十四節
綜合範例
1
綜合範例
1
第二十五節
綜合範例
2
綜合範例
2
第四階段:DREAMWEAVER網頁製作-JS
網頁特效
JS
網頁特效
第二十六節
介紹JS語法
介紹JS語法
第二十七節
介紹JS語法
介紹JS語法
第二十八節
介紹DW行為面板
1
介紹DW行為面板
1
第二十九節
介紹DW行為面板
2
表單的驗證
介紹DW行為面板
2
表單的驗證
第三十節
介紹下拉菜單
1
介紹下拉菜單
1
第三十一節
介紹下拉菜單
2
對聯和QQ咨詢
介紹下拉菜單
2,對聯和QQ咨詢
第三十二節
介紹焦點圖
1
介紹焦點圖
1
第三十三節
介紹焦點圖
2
介紹焦點圖
2
第三十四節
介紹滑動門
介紹滑動門
第三十五節
無縫循環滾動
站外下載JS修改
無縫循環滾動
站外下載JS修改
⑽ 如何製作網站
沒有計算機相關背景，如何低成本製作網站？
如果完全沒有程序開發基礎，可以直接在網上找些成熟的CMS(Content Management System)、鳴蟬自助建站系統製作，通俗的來講就是會直接給你生成一個完整的網站，你自己修修改改一些網站信息，板塊分類，並用一些設計好的主題來美化。
優點有專人發布漏洞補丁，一定程度上比新手自己寫的網站安全。缺點是比較刻板，很多地方對於新手來講不能隨心所欲。
舉些例子，做論壇可以用discuz ，做博客可以用wordpress，國內的有dedecms等，網上還有很多可以自己搜索試用，安裝也十分簡單。