第一篇：網頁課程設計說明書
網頁設計說明書
網 站 設 計 說 明 書
一、 設計理念
本網站定位 本身是用于展示個人作品的一個平臺頁面系統。在展示之余也有推銷網站 建設之功效....頁面主要以 深紅色調風格為主,站點分為有 首頁簡介、關于我的作品、 經典作品展示、與我聯系方式等 各個方面子頁面. 本站頁面主要展示的是本人在暑假實習公司開發的一些 作品... 整體頁面使用到了 CSS 層樣式技術。
二、 設計流程
網站主要以自己喜愛的東西而制作， 并根據,相應要求 到網上尋找相應的 圖片素材 以及 應用到 PS 圖片設計結束. 最后 應用 HTML 網站設計技術 使用 DIV+CSS 進行頁面布局的定位設計.
三、 使用的工具與技術
網頁制作工具 : Dreamweaver CS5 多媒體設計制作工具:Photoshop 應用到的設計技術： HTML 、 CSS .
四、 網站設計說明
網站名稱: 夢幻部落 - 作品展示廳 整體形象設計包括標準字、Logo、標準色彩、廣告語等. 首頁作為網站的形象頁，作為網站的歡迎頁面，引入的元素大致有網站名稱、 LOGO、形象圖片、宣傳文字、欄目導航等要素,是彰顯網站整體風格的重要頁面, 并結合 FLASH 動畫來展示. 網站形象頁的設計突出.. 展示為主題，通過文字、形象、圖片的巧妙烘托，令頁面富有 層次感，達到賞心悅目的效果。
五、 頁面結構布局
(1)、首頁布局 、 網站 Logo 幻燈片展示切換 頁面鏈接 站點介紹 頁面介紹 在線聯系方式 頁面底部
(2)、站長個人簡介頁面 、 網站 Logo 幻燈片展示切換 頁面鏈接 個人簡介 內容 更多鏈接 頁面底部
(3)、作品展示頁面 、 網站 Logo 幻燈片展示切換 頁面鏈接 作品展示 欄 頁面底部
(4)、聯系方式頁面 、 網站 Logo 幻燈片展示切換 頁面鏈接 聯系 提交 表單 其他聯系方式 網站建設 套餐 頁面底部
第二篇：個人網頁設計說明書
個 人 頁
設 計
說 明書 網
目錄
一、網頁設計目的
1.1 網頁設計需求淺談„„„„„„„„„„„„„„„„„2 1.2 個人網頁設計理念„„„„„„„„„„„„„„„„„2 1.3 制作背景„„„„„„„„„„„„„„„„„„„„„2 1.4 術語定義„„„„„„„„„„„„„„„„„„„„„2
二、網頁設計以及瀏覽工具
2.1 網頁設計說明„„„„„„„„„„„„„„„„„„„3 2.2 色彩方案„„„„„„„„„„„„„„„„„„„„„3 2.3 工作環境„„„„„„„„„„„„„„„„„„„„„3 2.4 瀏覽工具„„„„„„„„„„„„„„„„„„„„„3
三、個人網頁功能模塊設計
3.1 空間動畫„„„„„„„„„„„„„„„„„„„„„4 3.2 主頁„„„„„„„„„„„„„„„„„„„„„„„5 3.3 日志„„„„„„„„„„„„„„„„„„„„„„„7 3.4 日志簡介„„„„„„„„„„„„„„„„„„„„„8 3.5 相冊界面„„„„„„„„„„„„„„„„„„„„„9 3.6 相冊展示„„„„„„„„„„„„„„„„„„„„„10 3.7 音樂„„„„„„„„„„„„„„„„„„„„„„„11 3.8 音樂列表„„„„„„„„„„„„„„„„„„„„„12 3.9 個人資料„„„„„„„„„„„„„„„„„„„„„13 3.10留言板„„„„„„„„„„„„„„„„„„„„„„14
四、總結
4.1 技術總結„„„„„„„„„„„„„„„„„„„„„15 4.2 個人心得總結„„„„„„„„„„„„„„„„„„„15
附加：第二種網頁設計圖
一、網頁設計目的
1.1 網頁設計需求淺談：
隨著網絡技術以及網頁制作技術方面的日臻成熟人們越來越關注網頁的美觀性，所以當下網頁制作的一個最主要的出發點就是網頁的美觀和可操作性。在表達一些理念方面東西的時候能更加的形象化與多樣化。就全球上網的人數來說，有很多的人正通過個人空間來改變他們的生活方式，同時學生也學習到了 各個方面不同的知識，人們通過自己的文字來傳遞著不同的信息。作為一個發展迅速的網絡空間,個人空間向我們透露著這個信息傳遞和情感的平臺將影響接下來的幾代人.
1.2 個人網頁設計理念：
本次畢業設計目的就是做一個屬于自己的主頁，通過一些信息來表達自己的一些思想與觀點，還有就是一些個人對于生活的一些心得體會，再其中加入個性化的元素能表現自己符合自己性格的色彩搭配與文字圖畫以及音頻，當然也是對過去的留戀，故空間名取名為流年，給人一種懷舊的感覺。
1.3 制作背景
a.網站項目的名稱：個人空間 b.用戶：普通的用戶
1.4術語定義
個人空間：就是一個網頁，它通常是由簡短且經常更新的信息所構成。這些張貼的文章都按照年份和日期倒序排列，也就是最新的放在最上面，最舊的在最下面。不同的內容和目的有很大的不同，從對網絡資源的整理與評論，到有關公司、個人的構想，從新聞、照片到日記、詩歌、散文，甚至科幻小說都應有盡有。
二、網頁設計說明以及瀏覽工具
2.1 網頁設計說明
(1)名稱：流年
(2)性質：個人空間
(3)主要內容：這是一個以個人空間為主題的網頁設計，所包括的頁面開場動畫、主頁、日志、相冊、音樂、資料、留言板等。
(4)版式：左邊為導航區，右邊為展示區。
(5)風格：主調請親而不失格調，色彩淡雅，版面活潑風趣。
2.2 字體、色彩方案
為了個人空間網頁設計能夠更好投入到實際操作中，特此準備了兩種方案。
(1) 一種為淡暖色系
黃綠色(C：9 M：0 Y：36 K：0)橙色調(C：0 M：30 Y：70 K：0) 朱紅色 (C:：32 M:：72 Y：85 K：29)
為主色調 為輔色調
為輔色調
字體均采用華康少女字體、華康采風字體、華康娃娃體。
(2)一種為清藍色系(備選方案)
淡藍色(C：9 M：0 Y：36 K：0)
粉紅色(C：7 M：33 Y： 0 K：0)
桔黃色 (C：0 M：36 Y：47 K：0)
為主色調 為輔色調
為輔色調
字體均采用楷體字體、仿宋字體、黑體. (3)整體色彩都采用代表憂傷的顏色，以便烘托出“流年”這個主題，達到更好的視覺上的享受。
2.3 工作環境：
操作系統：Windows XP以上系統 制作工具：Photoshop CS5
2.4 瀏覽工具：
IE瀏覽器
三、個人網頁功能模塊設計(第一種方案)
3.1 空間動畫
本頁采用貼圖的形式來展現整個動畫，主體上以書為主，以圖片為輔，書本上C’EST LA VIE(這就是生活)正在訴述著人生的種種，零零碎碎的照片，CRY，NEVER，LOST，BELONG，EVEN各種的心情，從不同角度展現生活的美，讓用空間那種獨特的方式向讀者娓娓道來我的生活。
文本區：文字都運用華康隸書體，給人一種親切感而又不失嚴肅。
色彩區：整頁運用灰色(C：4 M：4 Y：4 K：4)為主，
白
色(C：0 M：0 Y：0 K：0)
赤褐色(C:：20 M:：30 Y：45 K：0)
黑
色(C:：0 M:：0 Y：0 K：100)
朱紅色(C:：32 M:：72 Y：85 K：29)
為輔 3.2
主頁
主頁采用了左中下的框架結構，左上角的空間名稱“流年”讓人充分了解主題，字的旁邊添加一些線條花加以點綴，顯得生動活潑。在左側的導航欄中的選項界面運用圓形的方式將其逐一展現出，并且均在每一張頁面上能夠得到顯示，右側的圖片區放入一張小女孩對過去的懷念之情的手繪圖。下邊的導航欄中以新鮮事、相冊、聯系方式展現，相冊中運用到了時間軸，照片在一定時間內可以飄過，這樣增加了畫面的跳躍感。在所有頁面中都采用了簡潔的樣式，從而達到網頁表現與內容分離的目的，讓我能更好的設計網頁的顯示效果。
色彩區：
整體頁面以黃綠色(C：9 M：0 Y：36 K：0)色調
橙色調(C：0 M：30 Y：70 K：0)
“流年”采用了方正隸二簡體字體，48，嚴謹而不失大體，其色彩為朱紅色(C:：32 M:：72 Y：85 K：29)
“主頁、日志、相冊、音樂、資料、留言板”采用了華康少女文字，
簡單 14 以黃綠色(C：9 M：0 Y：36 K：0)
為已打開頁面， 。
為輔色調
為主
橙色調(C：0 M：30 Y：70 K：0)
為未打開頁面
“新鮮事、相冊”采用了華康流線體，流暢14，以(C：0 M：55 Y：74 K：0)
下方的日志排列采用了方正隸變簡體，9.5，以黑色(C：0 M：0 Y：0 K：100)，以及聯系方式采用了華康少女字體，10，以橙黃色(C：0 M：55 Y：74 K：0)，粉紅色(C：0 M：30 Y：37 K：0)
。 3.3
日志
個人日志中僅僅是一個日志列表的顯示，我所做的就是用傳統的樣式讓日志展現出來，按照日期來排列，并且標注一些日志是最新的，整個日志列表有日期、標題、瀏覽量以及橫線、翻頁欄來組成。同時將個人的聯系方式放到了左下角，以便訪客可以及時和我聯系。日志列表的最上角的運用了三張照片和一張信封、一杯咖啡，希望訪客能夠在品嘗咖啡的同時來享受這些所帶來的觸動。右上角的白色的SPING THE STORY粘貼在墨跡上，仿佛在訴說著這些故事的深遠，并且與右下角的山水圖對應。
色彩區：
黃綠色(C：9 M：0 Y：36 K：0)橙色調(C：0 M：30 Y：70 K：0)
為主色調 為輔色調
“日期、標題、瀏覽量”采用了Adobe 楷體std，12，黑色(C：0 M：0 Y：0 K：100)。
日志列表中的日期、瀏覽量，采用了Arialz字體，而日志名采用了方正隸變字體，統一大小9.5，灰色(C：57 M：49 Y：48 K：15)
3.4 日志簡介
在日志簡介中我采用了最簡潔的排版，文本區我插入了FATE/ZERO NIGHT這篇文章，緊跟其后就是創作的時間以及閱讀量。文章下方還有“贊、轉載、分享、評論、復制地址、舉報、更多等多種對文章的選項，到文章的右下角還有上一篇以及下一篇的提示。整體版面簡潔大方，讓人能夠一目了然。在整個頁面的右下角的插入圖片，主要目的是為了讓訪客能夠體會這個圖片對生活的期待。
色彩區：
黃綠色(C：9 M：0 Y：36 K：0)橙色調(C：0 M：30 Y：70 K：0)
為主色調 為輔色調
文章的標題以及時間日期均采用了Arial字體，18，正文部分采用了Arial字體，10，灰色(C：59 M：50 Y：50 K：18)
文本區的導航欄的文字采用了Arialz黑體std字體，10，淺灰色(C：29 M：24 Y：24 K：0)
3.5 相冊界面：
此頁面中采用了左右的排版，左側為導航欄包括左下角的聯系方式，當訪客打開電子相冊時，就會出現一個翻開的書，書上粘貼著一個關于尋找過去，珍惜現在所擁有的童話故事“小王子”，畫面色彩清晰分明，能在那么一瞬間走入訪客的心里，并且點擊進入這個淺藍色按鈕，繼續欣賞下去循環下去。整體畫面清新，主題明顯，色彩暖人心。
色彩區：
黃綠色(C：9 M：0 Y：36 K：0)橙色調(C：0 M：30 Y：70 K：0)
淺藍色 (C：20 M：6 Y：6 K：0)
灰藍色 (C：3 M：2 Y：4 K：0)
為主色調 為輔色調
為輔色調 為輔色調
“個人相冊”采用了楷體字體，能夠方便訪客進入界面，25，灰色 (C：67 M：60 Y：59 K：44).， “點擊進入”采用了黑體，8，白色((C：0 M：0 Y：0 K：0) 下方的相冊簡介采用了華康采風體，6，淺灰色(C：58 M：50 Y：49 K：17)，整體字體運用的合理到位，活潑而又不失單調。
3.6 相冊展示：
相冊展示中我采用的流動的方式來展示照片，在展示區運用了一個展示欄，有樹葉，有房子，帶給人一種清新的感覺，能夠充分的烘托出主題，圖片大都選用了色彩比較溫和而又不失風格，而且相冊名為清新，圖片與名稱相呼應。大圖片為一個小女孩正在望著天空，戴著一個貓咪的帽子，被風吹起的頭發，飄起的裙擺，就這樣，輕輕地走進人的心底。下方的小圖片采用的是流動展示的方式，點擊下方的指示欄就可以進入下一組圖片。整體版面干凈明了。
色彩區：
黃綠色(C：9 M：0 Y：36 K：0)橙色調(C：0 M：30 Y：70 K：0)
為主色調 為輔色調
上方的相冊名稱“清新、暖暖、唯美、意境、浪漫”采用了華康娃娃體，17，深橙色(C：19 M：57 Y：82 K：4)暗綠色(C：39 M：17 Y：96 K：1)
為未打開的相冊，
為已打開的相冊。
下方的流動相冊的“BACK、NEXT”采用了華康童童體，16，橘黃色(C：0 M：25 Y：64 K：0)
3.7 音樂：
音樂的界面采用了左右兩側的排版來向訪客展示，左側的導航欄沿襲一貫的風格，右側的展示區標題部分“ENJOY YOURSELF，SMILE(享受自己，笑一笑)”，希望訪客可以放松心態來享受聽覺上的心靈盛宴，旁邊插入了一張卡通風格的圖片，以此來襯托音樂這個主題。搜索欄上簡潔而方便訪客搜索音樂。對于每個人聽音樂的心情不同，所以我把不同心情時會聽的音樂分了一下類別，分為開心時，激動時，安靜時，憂傷時，思念時，甜蜜時，幸福時，想哭時等，分別對應上相應的圖片，以達到更好的效果。下方的翻頁欄依然還是沿用傳統的風格。整體感覺不單調，有種別致清新的感動。
色彩區：
黃綠色(C：9 M：0 Y：36 K：0)
橙色調(C：0 M：30 Y：70 K：0)
灰色調(C：0 M：30 Y：70 K：0)
為主色調 為輔色調
為輔色調
標題部分“ENJOY YOURSELF,SMILE”采用了華康童童體，30，標題下方的介紹文字采用了方正體，12，康體簡橙色調,橙色調(C：0 M：30 Y：70 K 0)0)
“搜索”以及各種心情時的文字采用了華康少女字體，10，白色(C：0 M：0 Y：0 K：0)橙色調(C：0 M：30 Y：70 K 0)
。淺灰色(C：34 M：30 Y：29 K：
3.8 音樂列表：
音樂的界面采用了左右兩側的排版來向訪客展示，左側的導航欄以及右側下角的翻頁欄沿襲一貫的風格，右側的音樂列表取用了思念時的一個界面，仍舊還有搜索欄，按照時間、歌手和歌名來搜索的搜索欄，簡單而又實用。五張整齊的圖片排列著，正在向訪客們輕輕地訴說著屬于他們的那一份單純的思念。圖片下方的文字介紹著思念時聽著音樂的故事。思念一個人的很安靜，所以歌曲全大多數選用輕緩節奏的九首歌曲，還有三個簡單的選項“播放、下載、評論”供訪客選擇，可以讓訪客沉醉在音樂的世界里。
色彩區：
黃綠色(C：9 M：0 Y：36 K：0)
橙色調(C：0 M：30 Y：70 K：0)
灰色調(C：0 M：30 Y：70 K：0)
為主色調 為輔色調
為輔色調
標題上方的“音樂”采用了華康少女文字，活潑可愛，18，灰色 “思念時”以及文字介紹均采用了楷體，8和6(C：51 M：43 Y 43 K：7)
，橙色調(C：0 M：30 Y：70 K：0)
。
音樂列表中的字體都是采用Adobe 楷體字體和迷你簡小隸書，字 體簡潔適合，7.5和8.5，(C：51 M：43 Y43 K：7)
3.9 個人資料：
此頁面采用左右排版，左側風格依舊，右側使用方框來展示內容，套用了騰訊空間的展示頁面，三個方框分別用來展示主人照片、空間等級、以及個人資料，用方框的方式來展現內容，可以具體化，也可以抽象化。在個人資料上有一部分的空間的簡介，充分顯示出流年-憶往昔，而且使用了不同顏色來敘說這個空間的真正意義。下方還有兩個興趣愛好、空間動態兩個藍色按鈕，使用了凹凸效果，能夠讓人眼前一亮，可以更好達到提到人氣，而且能交到志同道合的朋友。
色彩區：
黃綠色(C：9 M：0 Y：36 K：0)
橙色調(C：0 M：30 Y：70 K：0)
灰色調(C：0 M：30 Y：70 K：0)
為主色調 為輔色調
為輔色調
暗綠色(C：23 M：0 Y：63 K：0)為輔色調
空間資料上的文字采用了華康少女字體，11，淡粉(C：1 M：17
Y：40 K：0)
，以及空間名稱采用了華康娃娃體和迷你簡體柏青，
18，暗藍色(C：92 M：71 Y：30 K：13)
空間介紹上的文字采用了華康楷體字體，8，黑色(C：0 M：0 Y：0 K：0)。
3.10 留言板：
留言板的界面以簡潔來展示，依然是右側來展示留言板的內容，分為留言主頁，有話要說，留言管理三個部分，旁邊加上兩個紙飛機是為烘托留言這個主題。整體簡潔方便訪客暢所欲言，版式套用騰訊空間的模式，再加以修飾，組成了這一部分畫面，右下角的圖片，溫暖的氣氛，讓人不緊想休息一會，對整個頁面進行評價。
色彩區：
黃綠色(C：9 M：0 Y：36 K：0) 橙色調(C：0 M：30 Y：70 K：0)
為主色調 為輔色調
淡藍色(C：4
M：1 Y：5 K：0 ) 為輔色調
留言板的選項上采用了楷體字體，10，暗藍色(C：62 M：44 Y：22 K：1)
其他字體均為華康少女字體，12，粉紅色(C：0 M：19 Y：20
K：0)
四、總結
4.1 技術總結：
我在個人主頁的制作過程中唯一讓我感到通過自己學習所能應用的技術就是PSD，雖然不能完全的理解但是通過查閱資料還是將其運用到網頁制作中。當然還有在課堂中學習到的技術在網頁上的應用。 4.2 個人心得總結：
初看到網頁設計的時候心情十分焦躁，雖然老師在課上講了許多東西，但是沒有真正的應用過，所以在心理上產生了恐懼感，但是通過自己對課件的一個梳理以及在翻閱書籍中獲得了大量的知識，以及制作信心。尤其是在PS的應用中我深刻的體會到了自我學習的重要性，俗話說：“師父領進門，修行在個人。”通過此次作業真正讓我領悟了自我學習才是在今后學習以及生活中不斷提高自己的最重要的途徑。學習了一個學期的網頁制作，真正讓我收獲了一種學習態度，我感覺這是我最重要的收獲。當然還有專業知識方面的學習，雖然學習的不精深但還是收獲了，收獲了網頁的一些基礎知識，這就所謂的學海無涯吧。
第三篇：網頁課程設計格式
程設計說明書的格式
為了保證課程設計質量，特制定本規范。
設計說明書要求按統一格式打印，其版面要求：A4紙，頁邊距：上2cm，下2cm，左 2.5cm、右 2cm;字體：正文宋體、小四號;行距：固定值 20;頁碼：底部居中。
一份完整的設計說明書應包括以下幾個方面：
一、封面(包括題目、院系、學生班級、設計組號、學生組員姓名、指導 教師姓名等)(見附 1)。
二、目錄
居中打印目錄二字，(四號黑體，段后 1 行)，字間空一字符;章、節、小 節及其開始頁碼(字體均為小四號宋體)。節向右縮進兩個字符，小節及以后標 題均向右縮進四個字符。目錄中應包含正文及其后面部分的條目。目錄的最后一 項是無序號的“參考文獻資料”。
三、正文
正文應該包括以下幾個主要部分：
1、網站的主題說明;
2、網站的總體規劃與網站的結構框圖;
3、各級網頁設計說明(網站配色、導航設計、各級網頁風格統一);
4、典型網頁的設計過程、步驟與樣例;
5、資料來源。
(二)課程設計報告編寫基本要求
1、各小組由小組長統一組織協調并獨立完成課程設計報告;
2、課程設計報告書寫規范、文字通順、圖表清晰、數據完整、結論明確;
3、課程設計報告后附參考文獻;
正文部分的格式:
段落及層次要求： 每節標題以四號黑體左起打印 (段前段后各0.5行) ， 節下為小節，以小四號黑體左起打印(段前段后各 0.5 行)。換行后以小四號宋體打印正文。
四、參考文獻：
另起一頁， 居中打印參考文獻四字 (四號黑體， 段前段后1行)
網頁設計說明書
設計課題：度假村網站
組長：馮倩
組員：班級：10信息(2)班
院系：經信學院
學期：2011-9——2011-12
指導老師：劉志蘭
2011年 12 月16 日
第四篇：網頁美工課程設計報告
學 院： 商學院 專 業： 電子商務 學生姓名： 楊鳳君 學 號： 1200530215 指導教師：
2015年
月
日
一、設計內容及制作步驟
1.1網店頁面展示
1.1.1成品展示
1.2制作構思
1.2.1參考方向
參考大量用類網站，商業化的購物型型網站，都是采用中規中矩的結構，通過大小不一的方框分解整個頁面。
1.3.2顏色
為了提高瀏覽的舒適度，顏色應以柔和淡雅的色調為主，在作導航條等反差顏色采用也應以采用柔和淡雅的色調。
1.3制作流程
1.3.1背景
全局才用了
作為風格主色，與風格搭配的副色采用了比風格更深一點的系列色，整個色調體現的是素雅的感覺。
背景圖片采用與全局色相呼應的純色背景
1.3.2店招LOGO
基礎設計如上圖，中規中矩的模仿了一般淘寶店鋪的設置，“美美包屋”字體顏色用的是全局風格副色，因為全局基調淡雅為主，型號是方正喵嗚體
因為全局基調比較素雅，選用比較活潑生動的字體添加一點俏皮的感覺，主打小清新風。
1.3.3無縫全屏海報
在店招下面設置了無縫的全屏海報自動播放，每4s“淡入淡出”的輪播效果添加了靈動的效果。
1.3.4寶貝介紹
主頁的寶貝以店主推薦欄目為主。
鼠標滑過商品時，寶貝以“蝴蝶飛舞”效果劃過展示。
寶貝實拍詳情頁面：采用了淘寶模板，但是更注重產品實拍展示
2.1移動頁面展示
2.1.1成品展示
使用網上在線制作工具——應用公園制作，設計完成一鍵生成相應的Android與IOS APP。
2.2制作流程
啟動頁使用淺色與網店風格呼應。
首頁設計簡潔，底部兩個按鈕設置有相應鏈接，如點擊品牌故事會跳轉到相應的故事頁面。按鈕選擇條形的透明體，文字則是應用白色與風格保持一致。
品牌故事頁面采用墨綠色的背景，標題文字部分選取紅色形成撞色效果，突出要點。
美美包屋頁面做的較為詳細，中間一欄設有四個功能按鈕，分別是“分享”、“電話”瀏覽“記錄”、“收藏”夾等便利快捷鍵。
整個做好的商品頁面如下：底部有導航欄可以快速返回首頁
第五篇：網頁設計高級課程
網頁設計高級課程(5個月)
學習內容：使用Dreamweaver制作網頁、使用Photoshop處理圖像、網站配色與布局、制作Flash動畫、DIV+CSS、淘寶網店裝飾與推廣、網站架構與策劃、PHP+MySql網站開發、SEO網站優化與推廣。白云技師學院，最好的計算機培訓課程，電腦培訓課程，網頁設計高級課程。電話020-36093333 px.byxy.com byxy.com
網頁設計制作基本概述
理解網頁設計制作原理、基本手段、流程與制作要求。
1.互聯網、網頁、網站、超級連接、HTML語言等基礎網絡知識的概念及定義
2.網站設計制作的常用工具與基本流程
3.HTML語言的基本結構和語法
熟練掌握網頁設計制作的基礎操作。講解HTML代碼。主要包括：
1、如何建立站點
2、對于網站文字，圖片，超鏈接的設置
3、以及以上網頁元素所對應的html代碼
熟練掌握常用的頁面版式與布局控制技術。
1、表格的應用
2、表單的應用
3、框架的使用
熟練掌握css+div的模式進行網頁設計，并能夠使用css制作特殊的效果的樣式。講解css和div的相關知識，主要包括：
1.css的基本概念，基礎知識
2.css對于文字，圖片的設置
3.css對于網頁布局的控制，css的特殊效果等
使用JavaScript的相關行為進行網頁的一些特效以及驗證。
1、講解JavaScript的基礎知識
2、講解JavaScript的常用方法。
了解網頁設計色彩的搭配原則以及網站logo設計的基本原則。
1、網頁色彩的色調組合，網頁設計中色彩的基本原則
2、網站logo設計的原則以及基本創意
3、優秀網站作品賞析
掌握網站導航條的設計制作技巧以及網站banner的制作方法。
1、導航條設計的原則
2、導航條設計的創意
3、網站banner的表現手法
4、制作網站banner常用的技法
5、如何制作有創意且美觀的網站banner
白云技師學院，最好的計算機培訓課程，電腦培訓課程，網頁設計高級課程。電話020-36093333
px.byxy.com byxy.com 歡迎前來報讀