網頁設計教程自學網

1、51自學網網頁設計視頻教程完整

?

2、求 51自學網 中網頁設計的 Dreamweaver CS5網頁製作視頻教程~~

?

3、51自學網 Dreamweaver CS5網頁製作教程 素材 能幫我傳一份么 十分感謝 [email protected]

能幫我傳一份么 十分感謝 [email protected]

4、推薦幾本網頁製作的書籍。

僅僅是裝飾淘寶頁面，學習基本的html和css就可以了，你可以先找一本dreamweaver的書籍，用dreamweaver製作網頁在排版的時候很方便，基本不用寫代碼。現在dreamweaver、css的書籍很多，好的書也不少，你可以到當當網站查一下「dreamweaver」、「css」，當當上有評論圖書的功能，好的書自然是好評很多，參考這些評論買書的時候心裡就比較有底。

還是先學dreamweaver上手比較快一點，如果從未接觸過代碼，開始學習代碼的話，可能會覺得比較枯燥。學會了dreamweaver再學一下css網頁布局的知識，設計頁面會更方便，效果也會好得多。

向深層發展么，學的東西就很多了，但是對裝飾淘寶頁面就有些浪費了，比如製作網頁起碼要學習一下javascript，但是淘寶禁止了javascript代碼功能。學習它也就是出於喜好了。可以再學其它的一些語言，比如php等等。關於javascript和php等編程方面的書最好看國外的優秀的圖書，看不懂原文看翻譯的也可以了。

5、57自學網 中用photoshop軟體製作簡單網頁的小技巧怎麼找不到了?

原文內容如下：

教你一招製作簡單網頁的小技巧

一篇文章配上一個漂亮的版面，可以使人耳目一新或著是一種視覺享受。版面設計可以用photoshop軟體製作，用PS製作網頁版面可以很好的控制和調整網頁框架的布局或色彩的協調搭配，也便於整體的修改和局部的細致刻畫，使網頁更具個性化。

用PS製作網頁前，應對製作的網頁有個初步的構思，等把大的色塊做好後，再調整色塊間的明暗度、對比度、飽和度進行調整，而後再把小的插件放到網頁上，先整體後局部的製作過程。由於百度空間受文字字數（4000字）或圖片大小（500KB)的限制，所以在網頁框架的製作中盡量的簡化其結構，圖片的格式也盡量的選擇GIF格式。還要考慮空間文章區像素的大小，本人空間的文章區寬度是950像素，所以本人的網頁框架圖片一般設置為920像素。

讓我們先來了解一下版面布局的步驟：

一.草案 新建頁面就象一張白紙，沒有任何錶格，框架和約定俗成的東西，你可以盡可能的發揮你的想像力，將你想到的"景象"畫上去(我們建議您用一張白紙和一支鉛筆，當然用作圖軟體photoshop等也可以)。這屬於創造階段，不講究細膩工整，不必考慮細節功能，只以粗陋的線條勾畫出創意的輪廓即可。盡你的可能多畫幾張，最後選定一個滿意的作為繼續創作的腳本。

二.粗略布局 在草案的基礎上，將你確定需要放置的功能模塊安排到頁面上。(註：功能模塊我們在"首頁設計-引子"中提過，主要包含網站標志,主菜單,新聞,搜索,友情鏈接,廣告條,郵件列表,計數器,版權信息等)。注意，這里我們必須遵循突出重點、平衡諧調的原則，將網站標志，主菜單等最重要的模塊放在最顯眼，最突出的位置，然後在考慮次要模塊的排放。

三.定案將粗略布局精細化，具體化。（靠你的智慧和經驗，旁敲側擊多方聯想，才能作出具有創意的布局。）

網頁框架完成後，下一步就是做成適應網頁框架的背景圖，可以用PS將整圖切割成4部分（圖1）（這里你可以根據自己的構思，進行切割）背景圖1為LOGO區域，（LOGO製作）背景圖2為過渡區，也可以把1-2區域合並為一個區域，本人的意圖是為了減少LOGO區域背景圖的文件的大小，背景圖3為文章區，這里應注意圖片上下的銜接，因該區域的高度是根據文章內容而定的，背景圖4為網頁的底部。

  用PS完成框架的製作及切割後，就可以用FrontPage2003搭建我們的網頁了，該軟體可以在OFFICE安裝光碟里可以找到，你只要會word，相信這個也不難掌握。

1、打開FrontPage 2003-新建-文件

2、使用「插入表格」，插入1列4行表格（這里根據框架背景圖數而定），

3、選中表格，右鍵-表格屬性，將單元格襯距、單元格間距、邊框粗細設置為0，再選中「指定寬度」，選「像素」，把該值設為「920」（這里也是根據你的框架寬度的像素而定的）

4、選上第一行，右鍵-單元格屬性-選上「使用背景圖」，打開你上傳到空間里的圖片，將背景圖片的地址復制粘貼到地址欄里，再根據圖片的高度，點選「指定高度」輸入圖片的高度（像素）值。

5、以此類推，選中第二行，方法同上。

6、在設置第三行（文章區)時，可以不設定高度值，其高度是有文章內容而定的。

詳細方法看圖2

  完成總體框架的設定後，就該對每個單元格進行細部編輯了。第一行的LOGO區，有「文章索引」、「常用查詢」等各項的超級連接的編輯，處於對版面的美觀，文字使用的圖片形式，加入連接就不能用文字類型的超級連接，只能放入圖片製作超級連接，為不影響版面效果，這里使用的是「透明的圖片」，這在PS中很容易做到。

  （一）LOGO區的編輯

1.在第一行里右鍵-單元格屬性-設置「水平對齊方式」為「居中」，「垂直對齊方式」為「頂部對齊」，插入4列1行單元格。

2、調整總的寬度，與底圖設置相一致，選中各列，設置「平均分布各列」。

3、在各列復制粘貼上「透明的圖片」，使用」菜單上的「格式」-「段落」-「段落前間距」，調整「透明的圖片」高度，與圖片上文字相吻合。

4、調整吻合後，選中各「透明的圖片」-右鍵-「超連接...」，在「地址」欄里加入連接。這樣就完成了LOGO去的編輯。

5、第二行是過渡區，不用考慮。

（二）文章區的編輯

應該說這部分的製作比較費事，在這個區域中分為文章區和左側文章連接區，這樣可以使版面不至於太單調，即豐富了頁面的內容，又使版面更美觀。下面是具體的製作方法：

1、設置該單元格為「居中」「頂部對齊」，然後插入5列1行單元格，根據背景圖，可以手動調整各列的寬度，（見圖3）

  2、將文章區的對齊方式分別設置為「默認」、「頂部對齊」，可以使用「格式」-「段落」調整文字的邊距。

3、左側的文章連接區的對齊方式設置為「居中」「頂部對齊」，插入若干行單元格，將連接的文章放置該去。

6、求 51自學網的Dreamweaver CS5網頁製作視頻教程 謝謝咯!

你好，學習html5的話，免費教程也有挺多的。你白度下找到您喜歡的就好。