1、如何將網頁劃分為3部分 如好123那樣 內容在中間 網頁製作
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=" http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>無標題 5</title> <style type="text/css"> body{width:960px; margin:0px auto;} #header{width:960px;height:150px;background-color:gray; margin-bottom:10px; margin-top:5px;} #divleft{float:left;width:200px;height:1000px; border:1px solid green;} #divright{float:left; margin-left:6px; width:750px;height:1000px;border:1px solid green;} #righttop{height:200px;} #rightcenter{height:20px;border-top:1px solid green;border-bottom:1px solid green;} #divbottom{width:960px;height:150px;border:1px solid green; margin-top:10px;margin-bottom:10px;} #footer{text-align:center;} </style> </head> <body> <div id="header"><!--頭部--> </div> <div id="container"><!--內容部分--> <div id="divleft"></div> <div id="divright"> <div id="righttop"></div> <div id="rightcenter"></div> <div id="rightbottom"></div> </div> </div> <div id="divbottom"></div> <div id="footer">關於hao123--一句話點評--挑錯有禮--寬屏版--百度版 京ICP證030173號</div> </body> </html> 我幫你搞了一個,你看看是不是這樣
2、網頁設計怎麼規劃的?我說的是怎麼把整個頁面分成一個個小的區域!
至少有兩個思路,一個是框架,一個是表格
看看css+div的方法
3、網頁設計製作一個主頁,該主頁上怎麼分為2個欄目
一.網頁設計軟體的選擇設計主頁首先要選擇合適的工具軟體,現在比較流行的網頁製作軟體是FrontPage和DreamWave。他們各有優缺點,FrontPage是微軟出品的網頁編輯軟體,也是Office系列軟體的組成部分。最新的FrontPage2000中文版在Office2000的軟體包中可以找到。如果對Office有一定的基礎,會用Word的人,很開就可以學會使用FrontPage,它的最大優點之一就是易學易用。另外FrontPage製作的網頁在IE瀏覽器中的效果也特別好。但是,如果你希望網頁在Netscape或其他瀏覽器上有良好表現,那麼使用FrontPage就有些麻煩。不是說不可以,只是很容易出錯。在這方面DreamWave就好很多,畢竟是第三方的軟體。DreamWave是由MacroMedia公司出品的網頁製作軟體,最新版本是3.0,功能也同樣很強大。不過學習起來要難一些,而且IE瀏覽器的一些高級功能就無法實現了。各有所長,只有自己權衡了。另外不要將兩個編輯軟體交替使用,否則會出現混亂。二.網路服務商的選擇現在提供免費主頁空間的網站非常多,當然也有收費的。選擇什麼好呢?千萬不要認為什麼「無限主頁空間」就是最好。這里的講究非常多的。首先要明確服務商提供的是什麼操作系統的伺服器,如果你使用FrontPage編寫主頁,最好選擇WindowsNT伺服器,這樣效果最好。另外還有Linux和Unix的伺服器也很多見,用這些伺服器的話要注意一個問題,就是文件名的大小寫一定要清楚。一般的Windows用戶會覺得這不是問題,因為微軟的習慣,文件名大小寫是不區分的。但是Linux和Unix不是這樣,比如你有一個top.jpg的圖片上傳,然後在HTML超連接寫成了top.JPG,擴展名寫成大寫了。在本地看這個HTML文件很正常,圖片顯示正確。但等你上傳到伺服器上,你會發現根本無法顯示文件。解決這個問題的最簡單法是所有的文件名和擴展名都用小寫英文字母,而且不要用長文件名。當然,如果是WindowsNT伺服器,就不用擔心這個問題。如果只是做簡單的主頁,那隻需要得到相應的主頁空間就可以了。但如果做高級一些到主頁,就牽涉到一些網路程序的執行,這就需要CGI許可權甚至資料庫許可權。一般的網路伺服器上是不會免費提供這些功能的,而且收費往往不低。對於一般的個人主頁完全沒必要苛求這些,不然維護費用會很大,除非確實想做出一個很好的站點。免費主頁空間的另外一個問題是服務商隨時有權關閉服務,因為不承擔任何承諾,這樣你的成果可能會白費,所以要找一些比較可靠的主頁空間,最好是已經提供較長時間服務,且有一定知名度的。另外,不同的服務商使用的網路伺服器和線路也不盡相同,訪問的更新速度差異也非常大。要選擇線路速度快一些的主頁空間,不然會大大影響來訪者的興趣。最好使用本地的網路伺服器,因為跨區域的網路線路往往比較擁擠。還有,網路服務商提供怎樣的主頁維護方式也很重要。如果提供FrontPage擴展的HTTP維護,那就最方便了。可以做到全自動維護。如果是傳統的FTP方式,也不錯。FrontPage2000同樣可以用FTP自動上傳,而且也可以用許多FTP管理軟體。但還有一種是基於WEB的主頁維護,這種主頁空間只能到服務商的網站上按它特定方式編輯維護主頁。這樣很不方便,最好不要使用。三.主頁內容的選擇評價一個主頁的優劣,主要不是看外觀而是看內容。選擇適當的內容很重要,最好是自己比較感興趣的內容,否則會沒有長期維護的熱情。另外不要做太多的主題,沒有重點的四面出擊往往一樣也不吸引人。很多著名的個人主頁都是靠一個優秀的欄目而大受歡迎的,飛翔鳥硬體就是個很好的例子。維護主頁貴在堅持,一定要不斷上傳新的內容來充實更新網站。不過同樣要注意不要隨便抄襲別人的內容,如果對方的內容是可以轉載的自然沒問題,但如果是版權所有的,可能會遇到糾紛,甚至會強制關閉你的個人主頁。知識產權還是需要尊重的,因此在轉在其他網站的內容時,最好徵求對方的同意。還有,主頁內容千萬不要有違法的成分,特別是不要有色情內容。四.主頁製作的技巧主頁製作是一門綜合性技術,也是一門藝術,它包括策劃、美工、設計等等。這里只是說一些應該注意的問題。很多商業網站都有「廣告條」,點擊廣告可以為網站賺錢,甚至像Yahoo這樣的網路公司也主要靠這些廣告的收入維持。但是一般的個人主頁,建設初期最好不要放廣告條,特別是不能放很多。在訪問量不是很大的時候,廣告是賺不到錢的。反而會讓訪問者覺得主頁很亂,全是無聊的廣告,給人的印象就很差了。還有些個人主頁因為訪問量很低沒面子,就修改網頁計數器,增加訪問量。這其實是自欺欺人,以後別人也不會相信你的主頁流量了。一個好的主頁,總會有越來越多的訪問者,如果沒質量的主頁,做手腳又有何用?還有,如果是免費主頁空間,一般速度都不太快,空間也不大。最好不要提供過多的軟體下載,這樣會嚴重影響訪問速度。到頭來會得不償失的。一般較好的軟體下載站點都提供獨立的FTP線路下載軟體,這樣才能保證網站的訪問速度不受影響。同樣的,主頁上也不要使用解析度太大的圖片,一般一張圖片盡量控制在20KB一下。個人主頁中也不要過多使用Javaclass的小程序和過於復雜的Java腳本,這些只起到點綴的作用就行了,用得太多了,瀏覽網頁的速度也會變得非常遲鈍。製作主頁時還要特別小心語言版本的問題,特別是中文。選用的內碼或字體錯誤的話,訪問時就會出現亂碼或字體扭曲等問題。五.域名和無形資產每個個人主頁都有自己的域名,就像人總有個名字。起名字也有很多講究。很多人會模仿著名網站的名字,在別人的拼寫上改一改字母之類的。其實這樣並不好,沒有了自己的個性,反而不容易給人留下深刻的印象。還是自己取個好名字吧。另外常看到有人寫著「永久域名xxx.yeah.net」之類的。其實這些都是二級域名,一些網路公司免費提供的而已。這些都稱不上永久域名,因為公司隨時可以停止服務的。最好是能擁有自己的國際頂級域名,這才是永遠屬於你自己的。其實這也並不是一筆非常昂貴的費用,但確是主頁長期發展的根本保障。當然,如果覺得沒必要,使用免費二級域名也不錯。請採納。
4、網頁製作怎麼分塊
一般都用層 也就是div 然後通過css美化,
就是所謂的div+css,不過剛一開始弄建議先用表格,表格容易上手。
5、設計網頁結構,給網頁劃分網格怎麼做
最基本的網格系統由一系列水平和垂直的、彼此交叉參考線構成,這些格線讓內容布局變得簡單起來,讓內容更具可讀性。
網格系統在紙媒中廣泛應用,有著悠長的歷史,引入到網頁設計後,出現了很多CSS網格框架,幾乎成了網頁設計的標准。
利用網格系統可以更好的駕馭內容,保持一致性。均勻化的布局,一致性自然就有了,這樣導航功能就能更易於使用,好的用戶體驗也有了。——當然你也可以打破網格系統,用更好的布局取而代之,也可從網格系統中衍生出自己的布局方式。
6、網頁設計應該如何布局
網頁布局類型
網頁布局大致可分為「國」字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型,下面分別論述。 1.
「國」字型:也可以稱為「同」字型,是一些大型網站所喜歡的類型,即最上面是網站的標題以及橫幅廣告條,接下來就是網站的主要內容,左右分列一些兩小條內
2. 拐角型:這種結構與上一種其實只是形式上的區別,其實是很相近的,上面是標題及廣告橫幅,接下來的左側是一窄列鏈接等,右列是很寬的正文,下面也是一些網站的輔助信息。在這種類型中,一種很常見的類型是最上面是標題及廣告,左側是導航鏈接。
3. 標題正文型:這種類型即最上面是標題或類似的一些東西,下面是正文,比如一些文章頁面或注冊頁面等就是這種類。
4. 左右框架型:這是一種左右為分別兩頁的框架結構,一般左面是導航鏈接,有時最上面會有一個小的標題或標致,右面是正文。我們見到的大部分的大型論壇都是這種結構的,有一些企業網站也喜歡採用。這種類型結構非常清晰,一目瞭然。
5. 上下框架型:與上面類似,區別僅僅在於是一種上下分為兩頁的框架。
6. 綜合框架型:上頁兩種結構的結合,相對復雜的一種框架結構,較為常見的是類似於「拐角型」結構的,只是採用了框架結構。 7.
封面型:這種類型基本上是出現在一些網站的首頁,大部分為一些精美的平面設計結合一些小的動畫,放上幾個簡單的鏈接或者僅是一個「進入」的鏈接甚至直接在
首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現在企業網站和個人主頁,如果說處理的好,會給人帶來賞心悅目的感覺。
8. Flash型:其實這與封面型結構是類似的,只是這種類型採用了目前非常游戲行的Flash,與封面型不同的是,由於Flash強大的功能,頁面所表達的信息更豐富,其視覺效果及聽覺效果如果處理得當,絕不差於傳統的多媒體。
9. 變化型:即上面幾種類型的結合與變化,比如本站在視覺上是很接近拐角型的,但所實現的功能的實質是那種上、左、右結構的綜合框架型。
7、網頁設計如何分組?
1.組織材料,也就是文字內容 1人 2.設計網頁模板 2人 3.把模板做成頁面 2人 4.組長大人嘛。。審核 1人 OK? 呵呵 分工明確撒
求採納