導航:首頁 > 萬維百科 > 網頁設計怎麼規劃布局代碼

網頁設計怎麼規劃布局代碼

發布時間:2020-09-27 05:06:38

1、求一個html + css的網頁布局代碼

不知道你說的高度全屏什麼意思,給你寫了段代碼,自己在調試一下
<table width=100% border="1" cellspacing="1" cellpadding="1" style="text-align:center;">
<tr>
<td style="width:100%; height:30px;">第一部分</td>
</tr>
<tr>
<td><table style="width:100%;" border="1"cellspacing="1" cellpadding="1">
<tr>
<td style="width:200px;">第二部分</td>
<td>第三部分</td>
</tr>
</table>
</td>
</tr>
</table>

2、網頁設計:用DW怎麼布局網頁的樣式或框架,網頁設計常用的代碼有哪些?

使用css或者div都行,靜態網頁設計代碼主要就是一些表格,層,超鏈接,css這些,動態網頁就有Javascript腳本語言,還有Java語言

3、網站設計時頁面怎麼布局比較好

一、 TABLE方式

優點:

1、簡單易用:比較適合入門級的用戶操作,用戶可直接利用Dreamweaver(以下簡寫為「DW」)工具欄插入表格,設置長寬、對齊方式、屬性等就可以輕松製作出一個頁面了。

2、立見效果:當用戶插入一個TABLE的時候就可立即看到效果。

3、可讀性好:語句編寫較為簡便,主要代碼就是<TABLE></TABLE>、<TR></TR>、<TD></TD>等語句。

4、製作較快:新建網站時,從DW中直接拖入TABLE比編寫DIV要快速很多。

5、兼容性較強:TABLE設計由來已久,得到瀏覽器的廣泛支持,故而基本上沒什麼錯位現象。

缺點:

1、代碼繁多,<TABLE><TR><TD><TD></TR>< /TABLE>這是構成一個表格的最基本元素,相對<DIV></DIV>編寫來說,代碼繁多。

2、網頁打開速度較慢:後台代碼太多,導致網站打開速度慢。

二、 DIV+CSS方式

優點:

1、標准化的頁面結構:DIV+CSS是行業標准,是WEB發展的趨勢。

2、代碼簡潔:<DIV></DIV>較TABLE來說代碼精簡許多。

3、頁面瀏覽速度較快: 對於同一個頁面視覺效果,採用DIV+CSS重構的頁面容量要比TABLE編碼的頁面文件容量小得多,代碼相對而言是很少的,瀏覽器載入的不多,故而速度相對較快。

4、頁面布局靈活:DIV+CSS使得頁面布局方便操作靈活,改版時只需改CSS樣式即可實現頁面重新布局,而不用改動程序,從而降低了網站改版的成本。

缺點:

1、可觀性差:用戶在編輯的時候並不能立即看到編輯效果,需要預覽才可看到。

2、建站繁瑣:相對於新手來說,對代碼不是很了解,操作起來很是麻煩。

3、兼容性較差:DIV+CSS設計的網站在IE瀏覽器裡面正常顯示,到火狐瀏覽器中有可能面目全非,故設計時需要把不同瀏覽器樣式都考慮進去。

以上TABLE與DIV+CSS的對比中我可以得出,用DIV+CSS建設頁面要好的多,同時也是網站建設的發展趨勢。如果對html語言已經很了解,或者需要進行SEO優化,想做關鍵詞推廣,那最好是用DIV+CSS來實現,這樣網站的流量和頁面瀏覽速度會快一些。

4、網頁設計里怎麼布局和布局代碼怎麼寫?或者是直接在「設計」裡面實現

布局的話得要學習DIV+CSS,你看下10天快速學習DIV+CSS估計就可以了

5、html網頁設計的排版布局

為什麼每行都要獨立寫一個css呢?你每行都起相同的class名 ,統一寫樣式就好了 ,至於左右布局的方法很多,浮動,flex布局,都可以用 。

6、網頁製作,如何規劃頁面.

一、復雜方法

在手工製作個人網站的時代,我們可以總結出的網站製作步驟基本為:設計、切割、代碼生成、發布。而在此之前,應該規劃出網站的結構,包括頁面數、欄目設置等。

1.設計

進行頁面總體規劃,包括風格、布局等。網站製作要有整體風格,各部分要保持協調,整個頁面看起來才不顯得凌亂。然後用平面設計軟體製作整個頁面,常用的軟體有Adobe Photoshop、CorelDraw、Macromedia Fireworks等。Photoshop是平面設計的大拿,筆者也一直用它做頁面設計,它從6.0版開始特別增強了對網頁製作的支持,顯得非常方便。現在流行的Fireworks是Macromedia網頁製作三劍客的重劍手,由於它與Dreamweaver及Flash無縫集成,越來越受到網站製作人的歡迎。

2.切割

做完第1步,我們得到的只是一個圖片文件,還沒集成網頁上應該有的元素。接下來要將圖片按製作需求切割成小圖。切割功能前面提到的兩個設計軟體中已經集成了(如Photoshop中提供的切片工具),不需要專門的軟體來處理。

3.代碼生成

這是整個製作過程中最重要的一環。我們要用HTML語言將切割下來的組件按整體設計「拼裝」回去。眾所周知,HTML語言是一種標記型語言,不須要編譯就可以直接在瀏覽器中執行。所以理論上,我們可以用記事本等文本編輯工具來寫代碼。手寫代碼雖然被看作是一種很「酷」的行為,但是很耗時間,而且很難精確地控制格式。這時,便該專門的HTML編輯軟體出場了。

HTML編輯軟體大體上可分為兩類:一類是代碼型,典型代表為Homesite、Hotdog等;一類是所見即所得型,典型代表為Frontpage。也有兩者兼具的,就是大名鼎鼎的Macromedia Dreamweaver。代碼型實際上就是一個文本編輯器,不同的是,它可以有專門的代碼提示功能,用起來比較方便。所見即所得是目前大家最推崇的方式,因為可視化的編輯基本丟棄了代碼,方便快捷。

說到Dreamweaver,筆者就不多介紹了,我相信大部分的網站製作人都使用它在工作。Dreamweaver提供了代碼編寫模式和設計模式(即所見即所得),並且首次將「層」概念引入網頁製作。Dreamweaver幾乎可以滿足所有人的需求,甚至還提供了ASP、PHP等腳本語言的代碼提示。

4.發布

將製作好的頁面放到伺服器上,以便更多的人能瀏覽。發布通常採用FTP的方式,將文件上傳到伺服器。目前的網頁製作工具基本上都有發布工具,可以通過各種方式發布你的頁面,如Dreamweaver中的「站點管理器」。用戶亦可使用FTP客戶端軟體進行這步操作。

7、html製作網頁中如何規劃內容的布局

1.工具介紹:Dreamweaver
2.頁面設計效果
2.1 頁面組成分析
2.2 頁面實現
2.3 亮點分析
3.總結

8、一般網頁設計是用什麼布局的?代碼還是設計軟體呢

網頁設計也稱前端,是根據HTML和CSS布局完成簡單靜態頁面的一種設計,當然,這是需要用代碼來寫的。使用設計軟體把網頁設計出來的叫平面設計,不叫網頁設計。望採納

9、網頁設計右邊怎麼布局布局

1、嚴格意義來說dw並不能用來設計網頁,設計網頁都是在平面設計工具里完成的,比如在ps裡面設計好網站的效果圖,在ps裡面切圖。

2、dw只是個網站代碼編寫工具,使用dw編寫代碼會比較方面,因為有很多的快捷功能。但是對於高手來說,是用記事本都可以編輯網站的。

3、dw的編輯面板主要有三種視圖,分為 「代碼」「拆分」「設計」,如下圖

在製作網站的時候,能夠用到的主要是「代碼」視圖功能。「設計」和「拆分」視圖很少用到,只有當網站代碼出現問題的的時候用來查找錯誤,對於有一年多代碼編寫經驗的人來說,就已經用不到了。

4、在dw中編寫製作網站的代碼主要是div+css,也是就是html。網站布局也是通過html代碼來實現的,比如maigin 與padding position 都是來控制div的布局和位置的。

所以,在dw裡面設計網頁布局網站並不是dw的功能,還是通過代碼實現的。

與網頁設計怎麼規劃布局代碼相關的知識