建站常識(shí)
網(wǎng)頁(yè)布局基本技能問(wèn)與答
2006-06-11 22:35:00
問(wèn):利用層進(jìn)行網(wǎng)頁(yè)布局好還是利用表格進(jìn)行布局設(shè)計(jì)好?
答:現(xiàn)在網(wǎng)絡(luò)上的大多數(shù)網(wǎng)頁(yè)都是用table寫(xiě)的,可以說(shuō)它是不標(biāo)準(zhǔn)的!table層層嵌套,缺點(diǎn)是很繁瑣,修改起來(lái)很麻煩,用w3c網(wǎng)頁(yè)標(biāo)準(zhǔn)來(lái)說(shuō),table真正的目的是用來(lái)顯示數(shù)據(jù)的,而不是用來(lái)布局的。div布局的好處是它符合了w3c網(wǎng)頁(yè)標(biāo)準(zhǔn),div是真正用來(lái)布局網(wǎng)頁(yè)的,以后維護(hù)時(shí)要是想改變布局的話修改起來(lái)很方便,現(xiàn)在sina,163等國(guó)內(nèi)網(wǎng)站以及國(guó)外的大多數(shù)網(wǎng)站都是用div布局的,如果你真的想當(dāng)一名網(wǎng)頁(yè)設(shè)計(jì)師,建議你走div這條路,但前提是要把CSS學(xué)好,并且要學(xué)精!
問(wèn):如何用css把整個(gè)網(wǎng)頁(yè)布局居中?
答:你可以設(shè)置body的CSS屬性,或者設(shè)置Body中元素的CSS屬性,例如P標(biāo)記、Table標(biāo)記、Div標(biāo)記等,他們都有text-align屬性,設(shè)置居中就可以了,另外需要注意的是,要讓整個(gè)網(wǎng)頁(yè)居中最好使用Table來(lái)定位內(nèi)容的位置,這樣操作起來(lái)最簡(jiǎn)單和最方便。
問(wèn):在動(dòng)態(tài)網(wǎng)頁(yè)布局中如何讓單元格不向兩邊無(wú)限撐,特別是在顯示數(shù)據(jù)庫(kù)內(nèi)容的時(shí)候!
答:先看看這段代碼:
以下是引用片段:
style="width: 550; word-wrap: break-word; word-break: break-all;"
再看看這段代碼:
以下是引用片段:
<table><tr><td style="word-break:break-all;width:200px;"> 表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容</td></tr></table>
顯示效果:
表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容表格內(nèi)容 |
自己去體會(huì)。
問(wèn):網(wǎng)頁(yè)布局如何用工具實(shí)現(xiàn)?
答:用fireworks或photoshop作圖,然后用切片工具劃分,在劃分時(shí)注意考慮,哪些地方在運(yùn)用時(shí)會(huì)拉長(zhǎng)什么的,考慮把連續(xù)的圖像做成背景顯示,然后導(dǎo)出切片和HTML文件,最好把切片放在一個(gè)文件中,然后用dW打開(kāi)把不用的東西去掉,把該在上面打字的地方的圖去換換成背景,然后填充內(nèi)容。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺(jué)觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁(yè)設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2015-02-22 23:44:41] IIS7下提示 HTTP 錯(cuò)誤 404.13 - Not Found 請(qǐng)求篩選模塊被配置為拒絕超過(guò)請(qǐng)求內(nèi)容長(zhǎng)度的請(qǐng)求
- [2009-06-07 23:02:00] 網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)發(fā)展歷程之2009下
- [2007-07-19 22:31:00] Banner設(shè)計(jì)手冊(cè)(譯)
- [2006-10-07 20:57:00] 網(wǎng)站優(yōu)化的15條重要體會(huì)
- [2009-11-12 08:31:00] 使用Title提升可訪問(wèn)性二
- [2012-01-10 15:48:52] 視頻門戶網(wǎng)站版權(quán)戰(zhàn)硝煙四起 優(yōu)酷已四面楚歌
- [2016-09-27 11:57:00] 蘋果谷歌微軟Adobe罕見(jiàn)聯(lián)手 就為解決字體問(wèn)題
- [2009-08-30 09:09:00] UE學(xué)習(xí)筆記:Tag Tag(下)
- [2007-03-26 09:48:00] 注冊(cè)/登錄方式
- [2008-02-13 11:31:00] Web內(nèi)容 不是一寫(xiě)就好
- [2010-06-27 21:51:00] UE學(xué)習(xí)筆記:原型對(duì)設(shè)計(jì)質(zhì)量的影響
- [2009-12-09 08:26:00] 網(wǎng)站后臺(tái)用戶體驗(yàn)一個(gè)容易被遺忘的策劃
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
SEO優(yōu)化 青島網(wǎng)站建設(shè)公司哪家好 H5專題頁(yè)面 空白和簡(jiǎn)潔的設(shè)計(jì) 微網(wǎng)站 青島SEO 微信開(kāi)發(fā) 網(wǎng)站設(shè)計(jì)資訊 企業(yè)網(wǎng)站 網(wǎng)站設(shè)計(jì)趨勢(shì) 集團(tuán)官網(wǎng) html和css 如何做網(wǎng)站優(yōu)化 青島好的網(wǎng)站優(yōu)化公司 用戶界面 青島網(wǎng)站設(shè)計(jì)哪家好 營(yíng)銷型網(wǎng)站建設(shè) 網(wǎng)站品牌 互聯(lián)網(wǎng) H5定制設(shè)計(jì) 青島網(wǎng)站案例 HTML5 青島黃島、紅島網(wǎng)站建設(shè)公司 青島網(wǎng)頁(yè)設(shè)計(jì) 平面設(shè)計(jì) 英文網(wǎng)站建設(shè) 色彩心理學(xué) 青島flash網(wǎng)站 網(wǎng)站交互設(shè)計(jì) 高端網(wǎng)站設(shè)計(jì)