-
當(dāng)前位置:首頁(yè) > 創(chuàng)意學(xué)院 > 技術(shù) > 專(zhuān)題列表 > 正文
3、常見(jiàn)的網(wǎng)站版面布局:T結(jié)構(gòu)布局,口型布局,對(duì)稱(chēng)對(duì)比布局,POP布局,國(guó)型布局,標(biāo)題正文型布局,變化
流動(dòng)布局
流動(dòng)布局是瀏覽器默認(rèn)的布局方式。他會(huì)按照你所寫(xiě)的標(biāo)簽特性,從上至下、從左到右的方式進(jìn)行排列
在HTML中我們按照標(biāo)簽的排列特性可以將它們分成三類(lèi):
1.行級(jí)元素:不獨(dú)占一行,不能設(shè)置元素的高度、寬度和底邊邊距,它的寬度和高度是由他的內(nèi)容撐起來(lái)的。
2.行內(nèi)塊元素:不獨(dú)占一行,可以設(shè)置元素的寬度、高度和底邊邊距。
3.塊級(jí)元素:獨(dú)占一行,元素的寬度、高度、上下邊的邊距都可以設(shè)置。
常用的行級(jí)元素有:<span> <a>
常用的行內(nèi)塊元素:<img><input> <textarea>
常用的塊級(jí)元素:<div> <h1> <p> <table> <tr><td><form> <ul> <ol> <li> <dl> <dt> <dd>
浮動(dòng)布局
在默認(rèn)情況下,塊級(jí)元素會(huì)獨(dú)占一行,但是當(dāng)我們想讓兩個(gè)塊級(jí)元素在同一行排列時(shí),我們就可以用到浮動(dòng)布局
層模型
設(shè)置層模型屬性會(huì)將標(biāo)簽從原來(lái)的文本流中上升到浮動(dòng)層中來(lái),然后調(diào)整他在浮動(dòng)層中的位置,文本層中的標(biāo)簽會(huì)覆蓋在下面文本層中的標(biāo)簽上面。有相對(duì)定位、絕對(duì)定位和固定定位三種屬性。
常見(jiàn)的布局類(lèi)型有哪三個(gè)(常見(jiàn)的布局類(lèi)型有哪三個(gè)方面)
大家好!今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于常見(jiàn)的布局類(lèi)型有哪三個(gè)的問(wèn)題,以下是小編對(duì)此問(wèn)題的歸納整理,讓我們一起來(lái)看看吧。
開(kāi)始之前先推薦一個(gè)非常厲害的Ai人工智能工具,一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對(duì)話答疑等等
只需要輸入關(guān)鍵詞,就能返回你想要的內(nèi)容,越精準(zhǔn),寫(xiě)出的就越詳細(xì),有微信小程序端、在線網(wǎng)頁(yè)版、PC客戶(hù)端
官網(wǎng):https://ai.de1919.com。
創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè),服務(wù)客戶(hù)遍布全球各地,如需了解SEO相關(guān)業(yè)務(wù)請(qǐng)撥打電話175-8598-2043,或添加微信:1454722008
本文目錄:
一、網(wǎng)頁(yè)布局有哪些類(lèi)型?
1、“國(guó)”字型
也可成為“同”字型,一般的大型網(wǎng)站都喜歡使用這種類(lèi)型的網(wǎng)頁(yè)布局,也是網(wǎng)上最常見(jiàn)的網(wǎng)頁(yè)布局結(jié)構(gòu)類(lèi)型。在網(wǎng)頁(yè)上方是網(wǎng)站標(biāo)題和橫幅廣告條;然后是網(wǎng)站主要內(nèi)容,左右各分列兩小條內(nèi)容,中間則是主要部分,一起羅列到底;最下方則是網(wǎng)站一些基本信息、聯(lián)系方式、版權(quán)聲明等。
2、拐角型
拐角型與國(guó)字型設(shè)計(jì)很相近,只是形式上的區(qū)別。在網(wǎng)頁(yè)上方是網(wǎng)站標(biāo)題和廣告橫幅;然后左側(cè)是一窄列鏈接或?qū)Ш芥溄?,右?cè)是網(wǎng)站正文;最下方也是一些網(wǎng)站輔助信息。
3、標(biāo)題正文型
標(biāo)題正文型在最上方是標(biāo)題或一些類(lèi)似信息;下方則是正文信息,即文章頁(yè)面或注冊(cè)頁(yè)面等。
4、左右框架型
左右框架型是一種左右為分別兩頁(yè)的框架結(jié)構(gòu)布局,這種類(lèi)型業(yè)非常清晰且一幕了然。一般左側(cè)是導(dǎo)航鏈接,在最上方有個(gè)小標(biāo)題或標(biāo)志;右側(cè)則是正文。
5、上下框架型
上下框架型是一種上下為分別兩頁(yè)的框架結(jié)構(gòu)布局。一般上方是導(dǎo)航鏈接,下方則是正文。
6、封面型
封面型基本上是一些網(wǎng)站首頁(yè)的設(shè)計(jì)布局,大部分出現(xiàn)在企業(yè)網(wǎng)站和個(gè)人主頁(yè)上。多數(shù)是一些精美平面設(shè)計(jì)結(jié)合一些小的動(dòng)畫(huà)設(shè)計(jì),再配上幾個(gè)簡(jiǎn)單的鏈接或是設(shè)計(jì)一個(gè)”進(jìn)入“鏈接,也可以直接再網(wǎng)站首頁(yè)圖片上做鏈接。
二、辦公室設(shè)計(jì)布局的常見(jiàn)種類(lèi)有哪些
第一、單間辦公室。
在走道的一面或者兩面布置房間,沿房間的周邊設(shè)置服務(wù)設(shè)施。這些房間以自然采光為主,輔以人工照明。這種辦公室優(yōu)點(diǎn)是:室內(nèi)環(huán)境安靜、干擾小,同室人員易于建立較為密切的人際關(guān)系。缺點(diǎn)是:空間不夠開(kāi)闊,
辦公人員與相關(guān)工作單元之間聯(lián)系不是很直接。單間辦公室適用于需要有小間辦公功能的機(jī)構(gòu),或規(guī)模不大的單位,或企業(yè)的辦公用房。根據(jù)使用需要,若機(jī)構(gòu)規(guī)模較大,也可以把若干小單間辦公室相組合,構(gòu)成辦公區(qū)域。
第二、成組式辦公室。
適用于容納20人以下工作人員的中等辦公室。除服務(wù)用房為公共使用之外,成組式辦公室具有相對(duì)獨(dú)立的辦公功能。通常辦公室內(nèi)部空間分隔為接待會(huì)客室、辦公(包括高級(jí)管理人員的辦公)等空間,根據(jù)功能需要和建筑設(shè)施的可能性,亦可設(shè)會(huì)議室、潔洗室等。
由于成組式辦公室既充分利用了大樓的各項(xiàng)公共服務(wù)設(shè)施,又具有相對(duì)獨(dú)立、分隔開(kāi)的辦公功能,因此,成組式辦公室是企業(yè)、單位出租辦公用房的最佳選擇,近年來(lái)興建高層出租樓的內(nèi)部空間設(shè)計(jì)與布局,有很大比例都采用成組式辦公形式。
第三、開(kāi)放式布局。
這是一種布置大進(jìn)深空間的方法,也稱(chēng)大空間辦公室或開(kāi)敞式辦公室。開(kāi)放式布局有利于辦公人員、辦公組團(tuán)之間的聯(lián)系,提高了辦公設(shè)施、設(shè)備的利用率,減少了公共交通擁擠和結(jié)構(gòu)面積,從而提高了辦公建筑的使用積率。
但是大空間辦公室需處理好空調(diào)的隔聲、吸聲,對(duì)辦公家具、隔斷等設(shè)施設(shè)備進(jìn)行優(yōu)化設(shè)計(jì),以克服開(kāi)放式布局容易出現(xiàn)的室內(nèi)嘈雜、混亂、相互干擾較大的缺點(diǎn)。
第四、公寓式辦公室。
公寓式辦公室布局特點(diǎn)是:該類(lèi)辦公用房同時(shí)具有類(lèi)似住宅、公寓的洗漱、就寢、用餐等使用功能。
第五、景觀辦公室。
景觀辦公室的布局特征是:具有隨機(jī)設(shè)計(jì)的性質(zhì),完全由人工控制環(huán)境,工作位置的設(shè)計(jì)反映了組織方式的結(jié)構(gòu)和工作方法。景觀辦公室內(nèi)家具與辦公設(shè)施的布置,以辦公組團(tuán)人際聯(lián)系方便、工作有效率為前提。景觀辦公室家具之間屏風(fēng)隔斷擋板的高度需考慮交流與分隔兩方面的因素。當(dāng)辦公人員采用坐姿時(shí),
擋板應(yīng)隔離相鄰人員之間的干擾;當(dāng)坐姿抬頭時(shí)可與同事進(jìn)行交流;站立時(shí)肘部的高度應(yīng)與擋板高度相適應(yīng),使辦公人員之間可由肘部支撐擋板與相鄰人員交流。景觀辦公室的布置應(yīng)注意照明、電話、電腦等管線的鋪設(shè)與連接插座的設(shè)置。可通過(guò)增加地面接線點(diǎn)或鋪設(shè)地毯覆蓋地面走線等措施來(lái)解決。
三、常見(jiàn)的網(wǎng)站版面布局:T結(jié)構(gòu)布局,口型布局,對(duì)稱(chēng)對(duì)比布局,POP布局,國(guó)型布局,標(biāo)題正文型布局,變化
(1)“T”結(jié)構(gòu)布局形式。所謂“T”結(jié)構(gòu),就是指頁(yè)面頂部為橫條網(wǎng)站標(biāo)志+廣告條,下方左面為主菜單,右面顯示內(nèi)容的布局,整體效果類(lèi)似英文字母“T”,所以稱(chēng)之為“T,形布局。這是網(wǎng)頁(yè)設(shè)計(jì)中用得最廣泛的一種布局方式。這種布局的優(yōu)點(diǎn)是頁(yè)面結(jié)構(gòu)清晰,主次分明,是初學(xué)者最容易上手的布局方法。缺點(diǎn)是規(guī)矩呆板,如果不注意細(xì)節(jié)色彩,很容易讓人”看之無(wú)味“
?。?)”口“型布局。這是一個(gè)象形的說(shuō)法,就是頁(yè)面一般上下各有一個(gè)廣告條,左面是主菜單,右面放友情鏈接等,中間是主要內(nèi)容。這種布局的優(yōu)點(diǎn)是充分利用版面,信息量大。缺點(diǎn)是頁(yè)面擁擠,不夠靈活
(3)對(duì)稱(chēng)對(duì)比布局。顧名思義,采取左右或者上下對(duì)稱(chēng)的布局,一半深色一半淺色,一般用于設(shè)計(jì)型站點(diǎn)。優(yōu)點(diǎn)是視覺(jué)沖擊力強(qiáng),缺點(diǎn)是很難將兩部分有機(jī)地結(jié)合起來(lái)
(4)POP布局。POP引自廣告術(shù)語(yǔ),就是指頁(yè)面布局像一張宣傳海報(bào),以一張精美圖片作為頁(yè)面的設(shè)計(jì)中心。常用于時(shí)尚類(lèi)站點(diǎn)。優(yōu)點(diǎn)顯而易見(jiàn):漂亮吸引人。缺點(diǎn)就是速度慢。作為版面布局,還是值得借鑒的。
(5)國(guó)型布局。國(guó)型布局也稱(chēng)為同型布局,是一些大型網(wǎng)站喜歡使用的布局類(lèi)型。最上面是網(wǎng)站的標(biāo)題以及橫幅廣告條,接下來(lái)是網(wǎng)站的主要內(nèi)寄,左右分列一些小條內(nèi)容,中問(wèn)是主要部分,與左右一起羅列到底,最下方是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等。這種布局通常用于主頁(yè)的設(shè)計(jì),其主要優(yōu)點(diǎn)是頁(yè)面容納內(nèi)容很多,信息量大。
6
(6)標(biāo)題正文型布局。這種布局的最上方是標(biāo)題或廣告等內(nèi)容,下面是正文。通常文章頁(yè)面或注冊(cè)頁(yè)面采用此種布局,其特點(diǎn)是簡(jiǎn)潔明快,干擾信息少,較為正規(guī)。
四、html常見(jiàn)的三種頁(yè)面布局方法
以上就是關(guān)于常見(jiàn)的布局類(lèi)型有哪三個(gè)相關(guān)問(wèn)題的回答。希望能幫到你,如有更多相關(guān)問(wèn)題,您也可以聯(lián)系我們的客服進(jìn)行咨詢(xún),客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。
推薦閱讀:
列舉常見(jiàn)的頁(yè)面結(jié)構(gòu)(列舉常見(jiàn)的頁(yè)面結(jié)構(gòu)有)
云計(jì)算常見(jiàn)的服務(wù)模式(云計(jì)算常見(jiàn)的服務(wù)模式有哪些)
跨境電商平臺(tái)app(常見(jiàn)的跨境電商平臺(tái))
動(dòng)漫視頻制作教程(快手動(dòng)漫視頻制作教程)
猜你喜歡
買(mǎi)百度開(kāi)戶(hù)資質(zhì)(百度開(kāi)戶(hù)資質(zhì)購(gòu)買(mǎi))
谷歌ceo桑達(dá)爾·皮查伊(谷歌ceo桑達(dá)爾·皮查伊演講)
谷歌adsense成負(fù)數(shù)(谷歌adsense點(diǎn)擊單價(jià))
以下對(duì)域名的選擇說(shuō)法正確的有(以下對(duì)域名的選擇說(shuō)法正確的有)
無(wú)錫教育電視臺(tái)在線直播入口(無(wú)錫教育電視臺(tái)在線節(jié)目觀看)
谷歌l4級(jí)薪酬(谷歌l4級(jí)薪酬 一畝三分地)