網頁如何設計

1、如果樓主只是將其當做一張圖片顯示，可以通過css控制，如img{width:100%;height:100%;}.否則需要將其作為網頁背景的話可以試試如下方法：2、如果這張圖片為背景圖片由于背景圖片不具有伸縮性，只能通過別的方法繞著解決，在ie中可以用<bodystyle="filter:progid:dximagetransform.microsoft.alphaimageloader(src='1.jpg',sizingmethod='scale')">，實現背景拉伸鋪滿整個瀏覽器，但其它的瀏覽器不支持。這時可以拐個彎，設置兩層div，底層div當做背景使用，放置一張圖片即可。<div id="background" style="position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;"><img src="1.jpg" width="100%" height="100%"/></div>再將網頁內容放置到第二層上<div id="content">頁面內容</content>3、網頁背景圖片默認情況下是重復平鋪滿整個頁面。上面2方法是要求圖片不重復，但又得占滿瀏覽器所采用的方法。

給裝圖片的div一張背景圖，比如下面代碼：div{background:url(圖片路徑) no-repeat;background-size:100%;}背景圖片百分百顯示，no-repeat意思是不重復顯示

各行各業的公司，都需要網頁設計師，這其中更集中分布在以網站本身盈利的互聯網公司。因此網頁設計師的就業范圍是非常廣泛。市場對網頁設計師的需求一直是有增無減，各大網站、廣告公司、設計公司都在大量招聘網頁設計人員。網站首先作為一個網絡名片，像個人主頁、公司企業網、機構團體公益網站等等，都能夠通過這樣一個平臺去對外展示自己的形象，全面有效的傳達自己的意圖與信息，所以網站首先是個對外宣傳的窗口。越來越多的企業需要網站這樣的一個平臺，所以網站設計的專業人才也成為了各大企業爭搶的香餑餑。據不完全統計，截至到2012年，中國的網站數量已經超過600萬個，中國還有許多企業沒有企業網站，雖然不是每個企業都會建設網站，那么有一部分的企業創建網站，也是一個非常大的需求，此外已經有網站的企業還需要對網站進行改版、完善。而中國的專業網站設計師不是很多，網頁設計就業前景的就業前景非常好。特別是參加網頁設計培訓后成為專業技能很強的網站設計人才，將成為市場上的香饃饃。所以說，網站設計的市場規模是非常巨大的，網站設計師就成為非常具有發展潛力的新生勞動力量，社會需求量巨大的職業崗位。網頁設計需要具備的專業技能：網頁設計師的工作目標是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化，在功能限定的情況下，盡可能給予用戶完美的視覺體驗。高級的網頁設計甚至會考慮到通過聲光、交互等來實現更好的試聽感受。1，了解網頁的程序實現，作為網頁設計師，當然不必跟程序員一樣會書寫腳本代碼，但是必須要了解網頁的程序實現方式，因為現在互聯網90%以上的網站都是動態網頁，都是需要動態程序支持的，所以在做網頁設計的時候需要考慮頁面動態程序的實現;2，DIV+CSS，這是一種網頁前臺排版布局的技術，利用這種技術可以更好的使搜索引擎爬行網頁，加速用戶打開頁面的速度;3，.PHOTOSHOP，這是平面設計人員常用的工具，網頁設計其實也是平面設計的一種，但是因為網頁設計又要必須符合網頁制作的一些規范，所以又有別于平面設計了;4，DREAMWEAVER，這是一款專業的網頁制作工具，用PHOTOSHOP設計出網頁平面，那只是一張平面圖，而在互聯網上瀏覽的一張張網頁都是使用html網頁格式語言進行格式化排版布局的，所以專業的網頁設計人員是要掌握網頁制作的知識的;5，FLASH，我們經常在網頁上看到一些比較炫目的動畫效果，這些效果就是通過FLASH這個軟件實現，作為網頁設計師，不一定要能做出很酷很炫的效果，但是掌握這些動畫的基本原理，會一些小動畫的制作也是必要的。網頁設計就業前景分析：目前的網站設計師新手的薪資一般是在3000--4000元左右，隨著專業技能和工作經驗的積累，薪資也會隨之增長，一個有經驗的網站設計師，薪資可以達到5000--7000元，而如果有能力勝任更高的職位，比如說首席網站設計師，平均月薪是不會低于8000元以下的。而且在積累了豐富的經驗之后，還會有更高的發展方向，可以往程序開發或是架構設計師的方向發展，讓自己進入更高的職位，擁有更客觀的收入。總體來說，如果你真心熱愛這一行并為之努力的話，當個白領沒問題，運氣好遇到了好公司好平臺，發展不會錯的。就算將來不想上班打工了，也可以自己開公司或者做自由職業者。

　　由于目前所見即所得類型的工具越來越多，使用也越來越方便，所以制作網頁已經變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會制作網頁，于是他們認為網頁制作非常簡單，就匆匆忙忙制作自己的網站，可是做出來之后與別人一比，才發現自己的網站非常粗糙，這是為什么呢？常言道：“性急吃不了熱豆腐”。建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。一、確定網站主題網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對于個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找準一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。二、搜集材料明確了網站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯網上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網頁的素材。三、規劃網站一個網站設計得成功與否，很大程度上決定于設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。 四、選擇合適的制作工具盡管選擇什么樣的工具并不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網頁制作涉及的工具比較多，首先就是網頁制作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟件，你可以根據需要靈活運用。五、制作網頁材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小，就是說在制作網頁時，先把大的結構設計好，然后再逐步完善小的結構設計。所謂先簡單后復雜，就是先設計出簡單的內容，然后再設計復雜的內容，以便出現問題時好修改。在制作網頁時要多靈活運用模板，這樣可以大大提高制作效率。六、上傳測試網頁制作完畢，最后要發布到Web服務器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁制作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放服務器上。網站上傳以后，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然后再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。七、推廣宣傳網頁做好之后，還要不斷地進行宣傳，這樣才能讓的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。八、維護更新

一、申請空間 空間分為免費空間和收費空間。 免費空間的特點是空間小、穩定性差。適合沒有網站制作經驗的愛好者練習。 收費空間的特點是性能穩定，功能齊全。適合制作高水準的網站。 申請免費個人空間要注意的事項是:空間大小、上傳方式、是否限制上傳文件大小、是否要附帶廣告，是否是嵌入式空間(即頭尾是提供商的內容，中間是自己的內容)。一搬來說，空間50MB以上，ftp方式上傳，無廣告，性能穩定的免費空間就是不錯的空間了。 下面介紹我正在使用的免費空間的特點: ①中華網個人主頁空間:優點是有名氣(國內大型綜合網站之一)，無廣告。缺點空間小(10MB)，web上傳方式，關閉審核(即總算上傳了網頁，但審核前不能打開、不能瀏覽)、主機性能不穩定。 ②中聯網個人主頁空間:優點是ftp上傳，空間大(100MB)，無廣告，值得推薦。 ③壹號廣告免費空間:優點是ftp上傳，可以綁定一個域名(頂級域名)，缺點是必須申請成為聯盟才能申請免費空間，有廣告。 ④廣電互聯主頁空間:優點是ftp上傳、空間大(60MB)、支持asp文件(即動態網頁)，缺點是必須嵌入網站的廣告代碼。 目前提供免費空間的網站不少，只要到搜索網站輸入關鍵字搜索，然后選擇適合自己使用的空間進行注冊，就可以獲得免費主頁空間了。注冊時除了要了解網站的服務條款外，還要記下你的用戶名、密碼，因為有些網站不一定給你發確認信，所以不要把自己的用戶名和登錄密碼都忘了，另外還要記下網站的登錄地址、你的域名及ftp地址、密碼等。 申請收費空間才能真正保證你的網站正常運轉，現在收費空間價格不是很高，如果有條件的最好購買收費空間，低檔虛擬主機每年費用一般在200元左右，如果不購買域名，網站會送給你一個二級域名，例如西部數碼的域名是 http://www.west263.com ，送給你的二級域名就是: http://用戶名.west263.com，但建議你最好購買一個自己的域名，這樣才算真正意義上的屬于自己的網站。域名價格一般是每年幾十無。 選購虛擬主機(收費空間)時不要貪便宜，要選擇有實力、有影響的的提供商，這樣才能得到更好的服務。我選擇的是西部數碼，據說是雙線路虛擬主機，國內虛擬主機十強企業，使用一年多來感覺良好。 有了空間，就有了你的用武之地，你可以用你的域名登錄到你的網站，將會看到提供商放置的默認主頁。 二、上傳文件 網頁文件編寫、調試后就可以上傳到網站空間。文件上傳有web上傳和ftp上傳。web上傳需要登錄到網站的空間管理頁面按要求進行上傳，如中華網個人主頁，這種方式上傳比較麻煩;ftp上傳有三種方式，1、在IE地址欄輸入ftp地址，然后輸入用戶名和登錄密碼就可以登錄到自己ftp目錄，再把文件復制到相關的目錄下。2、利用Fontpage的“站點發布”命令。3、使用專用軟件，如FlashFXP，這是最常用也是最方便的上傳下載軟件，如果網站提供ftp上傳，推薦使用這個軟件上傳文件，該軟件只要在站點管理中建立站點，日后上傳就很方便了。 需要注意的是，不同網站提供商的ftp目錄是不同的，有的是根目錄，有的是web目錄，有的是wwwroot目錄,一定要上傳到相應的目錄，否則你的網站將不能訪問。

我是做網站的，我有一些建議，希望能給樓主以幫助網站顏色外觀介紹1、介紹你的網站設計所用的主體色（為什么用這幾種顏色搭配）2、文字的選擇和鏈接顏色的設計，為了讓瀏覽者最直接明白你的網站布局網站的內容和功能介紹1、首先介紹你的網站的大領域（產品企業站，設計公司站，社區交互站等等）；2、介紹你網站主要是哪些功能及欄目（如企業站的欄目是：企業文化介紹，企業產品介紹，企業聯系方式，企業團隊介紹等等）。

在html文檔中，連續的多個空格都會被認為是一個空格。例如輸入"a b"，最后只會顯示"a b"。為了在網頁中顯示多個空格，我們可以采取這樣的策略：方法1：輸入全角空格，也就是把輸入法中的月亮變為太陽，然后輸入空格(兩個字符寬度)。 方法2：使用空格的替代碼(★)： ★ 說明 //1個字符寬度，不換行空格(例如輸入一個一行的英文句子，在兩個單詞中輸入N個不換行空格，這個句子不會換行)?? //1個字符寬度?? //2個字符寬度?? //小于1個字符寬度a.在代碼視圖中，輸入"a★★★b"，如"a b"，最后會顯示"a b"，★表示上述替代碼。b.在Dreamweaver設計視圖中，選擇菜單插入→HTML→特殊字符→不換行空格符c.在需要輸入不換行空格的地方，按下組合鍵：Ctrl+Shift+空格鍵.

簡單制作網頁的方法：工具、原料：電腦Dreamweaver CS5方法步驟：下載Dreamweaver軟件。Dreamweaver是一款強大的網頁制作工具。下載好之后安裝，安裝后之后打開，會看到如下界面。會看到新建里有肯多選擇。html，css。這里選擇html，點擊之后會看到如下界面。和別的軟件布局沒有太大區別。如果想輸入文本。就直接可以在里面輸入。如果想插入圖片。可以選擇插入-常用-圖像。找到圖片目錄。就可以插入進去、如果想給文字添加鏈接。可以選中文字。在頁面右下角鏈接框里輸入網址。就可以了.按F12.預覽就會得到以下效果.

首先，可以告訴想學網頁制作的朋友。學習制作網頁和學習其它知識一樣，是要有基礎的。在基礎之上學習起來會比較輕松和快捷的。其次，要清楚學習它是用來做什么。 建議你要具備的條件：對電腦熟練操作，使用電腦最好在一年以上，對網頁設計感興趣，有較充足的學習時間，熟悉office辦公軟件。當然，這些不是一定必須的。下面介紹一下網頁制作學習過程。 第一階段：首先你不要一開始就做網頁，要知道和了解網頁的一些網頁基本知識和原理，這一點很重要，那樣你會避免在制作網頁的過程中的很多誤區。比如什么是超鏈接，絕對鏈鏈接與相對鏈接的區別;什么是動態網頁，什么是靜態網頁；還有IP與域名的關系等等。原理了解之后，就開始學些網頁編輯軟件，如：FrontPage、Dreamweaver.這樣可以使您更了解網頁制作與運營的原理。最好使拿書本教程來學學，結合教程邊學習邊制作。在學習編輯軟件的過程中，你就要逐步接觸html語言，然后是css，最后子解一下javascript，在這一學習過程你最好靜下心來學，不要到網上或論壇上問這問那，那只是浪費時間，因為你還不懂。。會用網頁制作軟件后，已會制作一個較完整的網站了。但是要知道你目前學習的還僅僅是靜態的網頁，當你能夠做出一個靜態網站，并會將其發布到網上與網友們分享的時候，你的第一個過程就算完成了第二階段：好了，靜態的網頁制作差不多的時候，你可以去網上與網友交流交流了，那時你會發現自己的水平還很有限。現在你需要由靜態向動態過渡了，主流的動態網頁編程語言有三種asp或asp.net、php、jsp.每種都有各自的特點，看你喜歡那種，要三種都精通那是比較不實際的吧，也是沒有必要的。這一個過程也是個很關鍵的過程，你要系統得學習一種語言，還要學會動態網頁動行環境的搭建，還有數據庫方面知識。記住要根據你自己的實踐情況慎重地選擇一種，不要學了一種又學那一種，結果一樣也沒有學會。我有切身體會，但是每一樣稍作了解是必要的，要不你怎么先擇啊，是吧？第三階段:結合你自己已掌握地知識來開發網站，可以開發出別人給你定義的目標網站。到了這個時候，你就成為真正的網站開發者了。這時你可以加入一個團隊了，接下來的知識的學習是靠實踐和交流了，你可以上論壇去，有些知識書本上是學不到的。這一個階段你可能是漫長的，你只能不斷得充實自己。 怎樣制作網頁，不是說一兩篇文章能夠說清楚的。以上介紹的是制作網頁的主要綱要，希望能夠給想要學習制作網頁的朋友一個參考。滿意請采納