為個人設計網頁版

1、怎樣才能設計屬於自己的網頁

使用DreamWaver這個軟體不錯，
初學者可以使用設計模式，
然後採用一款模板，
自己添加自己的東西就可以了。
不過我個人更傾向於從網上下載一些漂亮的網頁，
然後用DW分析結構，
將其優秀的素材歸為己用。

2、如何製作個人網頁？

製作主頁的過程和方法：

一、准備材料

你首先做一個小計劃,准備在主頁上告訴人家什麼？比如介紹三個方面：自我介紹,我的愛好,我的工作,那你就先起一個總目錄（文件夾,比如d:\html）,來放你的所有文件，然後再在這個目錄建立三個子目錄：myself,interest，job。文件名你可以任意，但最好全部小寫，因為有的主機要認大小寫。然後將你的材料copy進相應的子目錄。比如你要在你的主頁里展示你的靚照，那就將你的照片掃描成JPG格式的文件，放在myself的目錄下.

要注意,網上只能使用JPG和GIF兩種圖象格式，其他諸如BMP和TIF等很通用的格式都不能用在網上,因為它們太大了,但你可以用圖象軟體進行轉換，比如Office 97的照片編輯器。把你准備在你主頁上出現的圖象放進相應的目錄里後,你就可以開始製作了。

二、開始製作

你無須去記復雜的HTML語言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打開Netscape,在file菜單里選Edit Page,便可以製作了.文字的處理基本跟Word沒什麼兩樣,關鍵是插入圖片和產生鏈接.我們先做關於你自我介紹的一頁，你先寫上「大家好，我是superboy，下面是我的照片：」這時要放圖片了，只須點擊Insert菜單，選取Image,在Choosefile里選取你的圖象文件即可，然後把這個文件保存為myself.html文件，放在myself的目錄下。好，現在必須做封面了，你在封面寫：「歡迎來到superboy的主頁」以下是「自我介紹，我的愛好，我的工作」。你的自我介紹要鏈接到下一頁去，你只須用滑鼠選「自我介紹」後按滑鼠右鍵 ，再選create link，然後再選你myself目錄下的myself.html，就將「自我介紹」鏈接到下一頁了，以後在瀏覽器中一按，就可以跳到鑲有你靚照的頁面啦。

在你的封面做好了所有鏈接和圖片後，記住你必須將這一頁保存為index.htm(有的主機要求必須為index.html),因為網頁默認的主頁名稱是index.製作主頁其實很簡單，只要多實際製作，工多藝熟。還可以拿來主義，在網上看到什麼好的主頁，用另存為功能保存為.html格式的文件，細細研究人家是如何做的。還可以借用網頁模版來搞，我的就是~~~~~~

三、將你製作好的安放在網上

要在網上安你自己的家，你必須先申請一個主頁空間，即向某一個主機申請一快硬碟空間。現在有較多的主機提供免費主頁空間，具體見實用鏈接欄目。這些主機不僅提供免費個人主頁空間，並且還提供留言簿、計數器等很有用的功能。只要到有關站點申請即可，具體方法，參考相關題目。申請完成以後用FTP將你所有的主頁文件上傳至主機指定的目錄就可以了！

需要注意的是，一定要保持網頁的相對位置，否則會看不到網頁的，有很多朋友都問我:為什麼我的網頁傳上去了可是看不到,老是出現網頁錯誤呢？其實他們都是因為位置的問題，只要把位置改動一下就可以的了。

3、設計自己的網頁

初級前端

主要學習三個部分：HTML，CSS，JavaScript

一、html + css部分：這部分特別簡單，到網上搜資料，書籍視頻非常多。css中盒子模型，流動，block，inline，層疊，樣式優先順序等這些自學起來也是非常容易。最後再深入了解下瀏覽器差異性，ie9以下兼容簡單了解就行了，ie9以下瀏覽器被淘汰掉是趨勢，低版本沒必要浪費大量時間去學習兼容主流瀏覽器，google chrome瀏覽器、firefox瀏覽器、safari瀏覽器、opera瀏覽器即可。瀏覽器差異內容很多，建議在實踐中多多積累。

二、JavaScript部分。1.基礎學習：難點，也是重點，要學的內容實在很多，如果沒有其他編程語言的基礎的話，學起來可能要費些力，有很多比較抽象的概念，必須要深入理解，比如閉包、原型、面向對象、封裝等，要理解透徹。看書是必不可少的，找一本優秀的js書從頭到尾，反復研究學習，第一遍可以快速翻閱，大體知道了解概念即可，第二三遍就需要深入學習了。另外，js面向對象編程必須要學習，非常重要，個人推薦一本書， Stoyan Stefanov著，凌傑譯的《javascript面向對象指南》。邊學邊練，實踐出真知。

針對那些有條件的人來說，很多小夥伴更喜歡的是自學。但是一個人自學畢竟力量是有限的，為了讓想學習的人可以更好的學習，給大家推薦一個裙，前面是6 1 1，中間是肆 二 8，最後面就是壹 四 二，這里有很多想學習的人和你一起交流，也有大牛每天晚上免費教學，想要學習的人都可以加入我們，但是我們只歡迎想學習的人，不是來學習，隨便看看的就不要進了。

2.jQuery學習：這些基礎知識掌握好之後，還需要學jQuery，這是一個非常優秀的Javascript庫，大型開發必備。它簡化了Javascript的復雜操作，消除了Javascript跨平台兼容問題，提供了大量實用方法，有良好的文檔和幫助手冊，是一個非常成熟的Javascript庫。慕課網學習視頻幕課網。學習方法也很簡單，照著產品文檔做幾個頁面就行了，不用面面俱到，以後遇到問題查文檔就行了。

大概流程就是這樣，如下圖所示：3.進階學習：有了以上知識，對於大多數小型網站，你應該已經可以寫出能夠工作的代碼了。但要想成為更專業的前端，你還需繼續努力。更高的要求大概還有四方面：易維護，可測試，高性能，低流量（移動端）。

中高級前端

1.工具學習習：大型項目中，前端代碼構建已經不是簡單的壓縮一下了，依賴管理、模塊合並、各種編譯步步不可缺少，需要學會使用grunt、gulp等前端構建工具，要學習的還有：包管理器bower、npm，代碼優化CSS Lint、JSHint、JSLint，CSS預處理器less、sass,代碼管理及版本控制svn、Git，web框架/伺服器Node、Express，代碼規范、HTML模塊化、css模塊化。

2.布局框架學習如Bootstrap。

3.新技術html5學習。

4.js框架學習，requireJS、 AngularJS等，往前端架構師靠近。

5.nodejs學習。

到招聘網站，參考任聘要求，准沒錯，舉例如下：

1.精通html和css，能製作符合W3C標準的靜態頁面；2.精通JavaScript編程，對面向對象編程思想有深刻理解；3.精通主流Javascript庫/框架jQuery；4.理解並掌握JavaScript語言核心技術DOM、BOM有Javascript性能優化經驗；5.對瀏覽器兼容性有深入的研究，精通各種瀏覽器問題 ；6.了解Backbone.js、AngularJs等MVC框架並有實際項目開發經驗；7.了解http://asp.net等伺服器後台技術和擁有一定的C#編程能力者優先；8.對交互體驗、可用性、用戶體驗有一定程度的理解；9.有良好的責任心和團隊合作能力、能承受較大的壓力；

自己動手搜索下吧，確定目標和方向，以上是個人路線，僅供參考。

4、網頁設計，製作一個個人網站

找到你看好的一個網頁 然後 點擊文件 另存為 放到桌面就好 之後再稍微修改一下 很簡單

5、怎樣製作個人網頁，有教程，簡單點。

具體步驟如下：

1、打開伺服器中網站文件的目錄，假設為D:abcd。

2、新建一個txt文件，文件名改為index.htm。index.htm文件是網站首頁的鏈接，進入你的網站後第一個顯示的就是這個文件上的內容。然後右鍵index.htm—>打開方式—>記事本。

3、現在可以添加html代碼，使得網頁顯示文本。<p></p>是html中段落的標簽，<p>是開始符，</p>是結束符，兩個符號之間的字會顯示在網頁上。在index.htm中添加一行：<p>聲明：這是一個個人網站，網頁里的內容均為站主原創，請勿用於違法行為。</p>；下圖為效果截圖。

4、還可以為網頁添加圖片，圖片的標簽是<img>。假設圖片文件的路徑為D:abcdpic123.jpg，則在index.htm中添加一行：<img src=pic/123.jpg>。下圖為效果截圖。

5、添加鏈接的標簽是<a></a>。在index.htm中添加一行：<a href="https://www.baidu.com">百度，前面是鏈接，這里是顯示的字。</a>下圖為效果截圖，點開藍字，則會跳轉到"百度一下"。

6、完成上述步驟後，即可製作個人網頁。

6、個人網頁設計

1。用PS做出效果圖來後，切圖。也就是切割成小圖片，用來做網頁用的。有的地方是直接插入圖片，有的設為背景，視網頁的需求而定。這一步要搞好，我一般是用fireworks切圖，切完後→滑鼠右鍵→導出所選切片→選擇html和圖像。
PS也能切圖，這個看個人習慣！
2.用dreamweaver做網頁，把切好的圖放到一個文件夾里，一般命名為images，這個你應該知道。然後新建個網頁，表格布局這是最簡單的，改插入的地方插入，改設為背景的地方設為背景。
3.一般只要首頁做成網頁了，二級頁面就簡單了！
4.如果有開場flash動畫：如一樓 所說，建個按鈕，在動作里寫

on (release)
{
getURL("", "_blank");
}
這一句可直接寫你網頁的名字，比如說你的首頁叫index.html,直接改成找個就可以了。
5.如果是別的flash動畫，只需在你做的flash裡面新建一個按鈕，大小你可以自己定，用矩形框做一個就行！新建一個層，放在所有層的最上面，可以直接把該按鈕設為透明。按F9,輸入同樣代碼
on (release)
{
getURL("", "_blank");
}
說了這么多，就算文不對題，也該給點分吧！

7、如何製作個人網頁

■製作個人網頁的步驟

一、准備材料

你首先做一個小計劃,准備在主頁上告訴人家什麼？比如介紹三個方面：自我介紹,我的愛好,我的工作,那你就先起一個總目錄（文件夾,比如d:\html）,來放你的所有文件，然後再在這個目錄建立三個子目錄：myself,interest，job。文件名你可以任意，但最好全部小寫，因為有的主機要認大小寫。然後將你的材料copy進相應的子目錄。比如你要在你的主頁里展示你的靚照，那就將你的照片掃描成JPG格式的文件，放在myself的目錄下.

要注意,網上只能使用JPG和GIF兩種圖象格式，其他諸如BMP和TIF等很通用的格式都不能用在網上,因為它們太大了,但你可以用圖象軟體進行轉換，比如Office 97的照片編輯器。把你准備在你主頁上出現的圖象放進相應的目錄里後,你就可以開始製作了。

二、開始製作

你無須去記復雜的HTML語言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打開Netscape,在file菜單里選Edit Page,便可以製作了.文字的處理基本跟Word沒什麼兩樣,關鍵是插入圖片和產生鏈接.我們先做關於你自我介紹的一頁，你先寫上「大家好，我是superboy，下面是我的照片：」這時要放圖片了，只須點擊Insert菜單，選取Image,在Choosefile里選取你的圖象文件即可，然後把這個文件保存為myself.html文件，放在myself的目錄下。好，現在必須做封面了，你在封面寫：「歡迎來到superboy的主頁」以下是「自我介紹，我的愛好，我的工作」。你的自我介紹要鏈接到下一頁去，你只須用滑鼠選「自我介紹」後按滑鼠右鍵 ，再選create link，然後再選你myself目錄下的myself.html，就將「自我介紹」鏈接到下一頁了，以後在瀏覽器中一按，就可以跳到鑲有你靚照的頁面啦。

在你的封面做好了所有鏈接和圖片後，記住你必須將這一頁保存為index.htm(有的主機要求必須為index.html),因為網頁默認的主頁名稱是index.製作主頁其實很簡單，只要多實際製作，工多藝熟。還可以拿來主義，在網上看到什麼好的主頁，用另存為功能保存為.html格式的文件，細細研究人家是如何做的。還可以借用網頁模版來搞，我的就是~~~~~~

三、將你製作好的安放在網上

要在網上安你自己的家，你必須先申請一個主頁空間，即向某一個主機申請一快硬碟空間。現在有較多的主機提供免費主頁空間，具體見實用鏈接欄目。這些主機不僅提供免費個人主頁空間，並且還提供留言簿、計數器等很有用的功能。只要到有關站點申請即可，具體方法，參考相關題目。申請完成以後用FTP將你所有的主頁文件上傳至主機指定的目錄就可以了！

需要注意的是，一定要保持網頁的相對位置，否則會看不到網頁的，有很多朋友都問我:為什麼我的網頁傳上去了可是看不到,老是出現網頁錯誤呢？其實他們都是因為位置的問題，只要把位置改動一下就可以的了。
參考資料：http://www.nease.net/xhelp/

8、怎樣為自己創建網頁

一申請域名二是申請空間三是製作網頁四是上傳網頁

從最基礎的HTML語言開始，學會了這就可以自己弄靜態的網頁了，學會了後就可以學動態的

網站設計八步驟

由於目前所見即所得類型的工具越來越多，使用也越來越方便，所以製作網頁已經變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁，於是他們認為網頁製作非常簡單，就匆匆忙忙製作自己的網站，可是做出來之後與別人一比，才發現自己的網站非常粗糙，這是為什麼呢？常言道：「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。

一、確定網站主題

網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找准一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。

二、搜集材料

明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去偽存真，作為自己製作網頁的素材。

三、規劃網站

一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。 四、選擇合適的製作工具

盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。

五、製作網頁

材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後復雜，就是先設計出簡單的內容，然後再設計復雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。

六、上傳測試

網頁製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁製作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。

七、推廣宣傳

網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

八、維護更新

網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者