網(wǎng)頁布局設(shè)計(jì)代碼
提問問題
列表
-
網(wǎng)頁設(shè)計(jì)中如何解決瀏覽器兼容問題
查看答案>>
-
dw設(shè)計(jì)網(wǎng)頁時(shí),布局常用什么方法來布局呢???
查看答案>>
-
seo技術(shù)都有哪些???
查看答案>>
-
html網(wǎng)頁設(shè)計(jì)的排版布局
查看答案>>
-
網(wǎng)頁設(shè)計(jì)中如何解決瀏覽器兼容問題
查看答案>>
-
網(wǎng)頁設(shè)計(jì)問題,就是如何在css布局中設(shè)置邊框大小、顏色問題
查看答案>>
網(wǎng)頁設(shè)計(jì)中如何解決瀏覽器兼容問題
為了能讓網(wǎng)站設(shè)計(jì)正常的運(yùn)行于各種瀏覽器平臺(tái),網(wǎng)站設(shè)計(jì)師們不得不想盡辦法處理好網(wǎng)站建設(shè)中的瀏覽器兼容問題。正是因?yàn)榫W(wǎng)站設(shè)計(jì)當(dāng)中的這一需要產(chǎn)生了一項(xiàng)新技術(shù)— CSS Hack。 CSS Hack 就是針對(duì)不同瀏覽器寫出不同的 CSS code 的過程,主要用來解決目前各類瀏覽器無法標(biāo)準(zhǔn)解析CSS樣式,導(dǎo)致同一網(wǎng)站設(shè)計(jì)頁面在不同瀏覽器下出現(xiàn)顯示效果不一致的兼容問題。 針對(duì)不同瀏覽器,可以將CSS Hack 網(wǎng)站設(shè)計(jì)代碼整理如下: 1、針對(duì)I E 系列瀏覽器的網(wǎng)站設(shè)計(jì)代碼 針對(duì) IE 6 的專屬 CSS Hack 網(wǎng)站設(shè)計(jì)代碼 #id{ _display: block; } 也就是在網(wǎng)站設(shè)計(jì)CSS屬性前加一個(gè)小劃線就好。 針對(duì) IE 7 的專屬 CSS Hack 網(wǎng)站設(shè)計(jì)代碼 #id{ *display: block; } 即在網(wǎng)站設(shè)計(jì)CSS屬性前加上一個(gè)星號(hào)即可 針對(duì) IE 8 的專屬 CSS Hack 網(wǎng)站設(shè)計(jì)代碼 #id{ margin-top: 10px 9; /*IE8*/ } 如上所示,解決辦法為在網(wǎng)站設(shè)計(jì)CSS屬性后分號(hào)前加上空格與斜線并加入一個(gè)數(shù)字9即可 ?! ?、針對(duì)火狐的CSS Hack 網(wǎng)站設(shè)計(jì)代碼 火狐可謂是最標(biāo)準(zhǔn)的瀏覽器之一了,網(wǎng)站設(shè)計(jì)技術(shù)只要稍稍不到位就能體現(xiàn)得淋漓盡致,所以不少網(wǎng)站設(shè)計(jì)師也很頭痛,其實(shí)想要解決火狐的兼容性除了要把網(wǎng)站設(shè)計(jì)的基礎(chǔ)知識(shí)扎牢之外只要將CSS代碼寫入到下圖 @-moz-document url-prefix(){ } 里面就行了 @-moz-document url-prefix() { #id{ display: block; } } 。 3、針對(duì) Safari 的CSS Hack 網(wǎng)站設(shè)計(jì)代碼 Safari是蘋果計(jì)算機(jī)的最新作業(yè)系統(tǒng)Mac OS X中新的瀏覽器,用來取代之前的Internet Explorer for Mac,使用了KDE的KHTML作為瀏覽器的運(yùn)算核心。 @media screen and (-webkit-min-device-pixel-ratio:0) { #id { display: block; } } 兼容性做法和火狐相近?! ?、針對(duì) Opera 的CSS Hack 網(wǎng)站設(shè)計(jì)代碼 Opera即Opera Software ASA,是臺(tái)式機(jī)、各種設(shè)備和移動(dòng)網(wǎng)絡(luò)瀏覽器市場(chǎng)的商業(yè)領(lǐng)袖,因快速、小巧和比其他瀏覽器更佳的標(biāo)準(zhǔn)兼容性獲得了國際上的最終用戶和業(yè)界媒體的承認(rèn),并在網(wǎng)上受到很多人的推崇。 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body #id { display: block; } } 這個(gè)世界上必然不會(huì)存在絕對(duì)完美的事物,因此運(yùn)用以上方法讓我們的網(wǎng)站設(shè)計(jì)更好的與各種瀏覽器兼容的時(shí)候其實(shí)已經(jīng)違反了網(wǎng)站制作的W3C標(biāo)準(zhǔn)。
dw設(shè)計(jì)網(wǎng)頁時(shí),布局常用什么方法來布局呢???
1、嚴(yán)格意義來說dw并不能用來設(shè)計(jì)網(wǎng)頁,設(shè)計(jì)網(wǎng)頁都是在平面設(shè)計(jì)工具里完成的,比如在ps里面設(shè)計(jì)好網(wǎng)站的效果圖,在ps里面切圖。2、dw只是個(gè)網(wǎng)站代碼編寫工具,使用dw編寫代碼會(huì)比較方面,因?yàn)橛泻芏嗟目旖莨δ?。但是?duì)于高手來說,是用記事本都可以編輯網(wǎng)站的。3、dw的編輯面板主要有三種視圖,分為 “代碼”“拆分”“設(shè)計(jì)”,如下圖在制作網(wǎng)站的時(shí)候,能夠用到的主要是“代碼”視圖功能?!霸O(shè)計(jì)”和“拆分”視圖很少用到,只有當(dāng)網(wǎng)站代碼出現(xiàn)問題的的時(shí)候用來查找錯(cuò)誤,對(duì)于有一年多代碼編寫經(jīng)驗(yàn)的人來說,就已經(jīng)用不到了。4、在dw中編寫制作網(wǎng)站的代碼主要是div+css,也是就是html。網(wǎng)站布局也是通過html代碼來實(shí)現(xiàn)的,比如maigin 與padding position 都是來控制div的布局和位置的。所以,在dw里面設(shè)計(jì)網(wǎng)頁布局網(wǎng)站并不是dw的功能,還是通過代碼實(shí)現(xiàn)的。
seo技術(shù)都有哪些???
排名及目錄原理,F(xiàn)型眼球軌跡視覺原理,核心優(yōu)化內(nèi)容介紹,黑帽SEO、白帽SEO、灰帽SEO[實(shí)踐]還有許多,個(gè)人覺得按照百度規(guī)則原理來做正規(guī)優(yōu)化就好 這是長久性的
html網(wǎng)頁設(shè)計(jì)的排版布局
創(chuàng)新不是說出來的,是要靠自己做出來的。所用的知識(shí)都是那些。就看你怎么應(yīng)用罷了。
我知道,可是呢個(gè)網(wǎng)頁我可以做出來,就是沒有思路,怎么排版布局,做的呢不太一樣
布局是自己設(shè)計(jì),要完成這個(gè)設(shè)計(jì)還是很簡(jiǎn)單的。
可是現(xiàn)在沒有思路,不知道怎么設(shè)計(jì),你指導(dǎo)下啊,
可是現(xiàn)在沒有思路,不知道怎么設(shè)計(jì),你指導(dǎo)下啊,
要想有創(chuàng)新,別人指導(dǎo)不了。
好吧,我想想,呢你能不能告訴我卡姿蘭官網(wǎng)上的呢些小字是怎么弄的,需要什么代碼???
沒有發(fā)現(xiàn)什么小字。直接輸出就可以了。
右上角有小字的,呢要在哪里輸入?。??
代碼中
我知道,是那一行代碼??在html里,還是css里
html,哪一行不知道你是說什么小字
網(wǎng)頁設(shè)計(jì)中如何解決瀏覽器兼容問題
為了能讓網(wǎng)站設(shè)計(jì)正常的運(yùn)行于各種瀏覽器平臺(tái),網(wǎng)站設(shè)計(jì)師們不得不想盡辦法處理好網(wǎng)站建設(shè)中的瀏覽器兼容問題。正是因?yàn)榫W(wǎng)站設(shè)計(jì)當(dāng)中的這一需要產(chǎn)生了一項(xiàng)新技術(shù)— CSS Hack。 CSS Hack 就是針對(duì)不同瀏覽器寫出不同的 CSS code 的過程,主要用來解決目前各類瀏覽器無法標(biāo)準(zhǔn)解析CSS樣式,導(dǎo)致同一網(wǎng)站設(shè)計(jì)頁面在不同瀏覽器下出現(xiàn)顯示效果不一致的兼容問題。 針對(duì)不同瀏覽器,可以將CSS Hack 網(wǎng)站設(shè)計(jì)代碼整理如下: 1、針對(duì)I E 系列瀏覽器的網(wǎng)站設(shè)計(jì)代碼 針對(duì) IE 6 的專屬 CSS Hack 網(wǎng)站設(shè)計(jì)代碼 #id{ _display: block; } 也就是在網(wǎng)站設(shè)計(jì)CSS屬性前加一個(gè)小劃線就好。 針對(duì) IE 7 的專屬 CSS Hack 網(wǎng)站設(shè)計(jì)代碼 #id{ *display: block; } 即在網(wǎng)站設(shè)計(jì)CSS屬性前加上一個(gè)星號(hào)即可 針對(duì) IE 8 的專屬 CSS Hack 網(wǎng)站設(shè)計(jì)代碼 #id{ margin-top: 10px 9; /*IE8*/ } 如上所示,解決辦法為在網(wǎng)站設(shè)計(jì)CSS屬性后分號(hào)前加上空格與斜線并加入一個(gè)數(shù)字9即可 。 2、針對(duì)火狐的CSS Hack 網(wǎng)站設(shè)計(jì)代碼 火狐可謂是最標(biāo)準(zhǔn)的瀏覽器之一了,網(wǎng)站設(shè)計(jì)技術(shù)只要稍稍不到位就能體現(xiàn)得淋漓盡致,所以不少網(wǎng)站設(shè)計(jì)師也很頭痛,其實(shí)想要解決火狐的兼容性除了要把網(wǎng)站設(shè)計(jì)的基礎(chǔ)知識(shí)扎牢之外只要將CSS代碼寫入到下圖 @-moz-document url-prefix(){ } 里面就行了 @-moz-document url-prefix() { #id{ display: block; } } 。 3、針對(duì) Safari 的CSS Hack 網(wǎng)站設(shè)計(jì)代碼 Safari是蘋果計(jì)算機(jī)的最新作業(yè)系統(tǒng)Mac OS X中新的瀏覽器,用來取代之前的Internet Explorer for Mac,使用了KDE的KHTML作為瀏覽器的運(yùn)算核心。 @media screen and (-webkit-min-device-pixel-ratio:0) { #id { display: block; } } 兼容性做法和火狐相近?! ?、針對(duì) Opera 的CSS Hack 網(wǎng)站設(shè)計(jì)代碼 Opera即Opera Software ASA,是臺(tái)式機(jī)、各種設(shè)備和移動(dòng)網(wǎng)絡(luò)瀏覽器市場(chǎng)的商業(yè)領(lǐng)袖,因快速、小巧和比其他瀏覽器更佳的標(biāo)準(zhǔn)兼容性獲得了國際上的最終用戶和業(yè)界媒體的承認(rèn),并在網(wǎng)上受到很多人的推崇。 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body #id { display: block; } } 這個(gè)世界上必然不會(huì)存在絕對(duì)完美的事物,因此運(yùn)用以上方法讓我們的網(wǎng)站設(shè)計(jì)更好的與各種瀏覽器兼容的時(shí)候其實(shí)已經(jīng)違反了網(wǎng)站制作的W3C標(biāo)準(zhǔn)。
網(wǎng)頁設(shè)計(jì)問題,就是如何在css布局中設(shè)置邊框大小、顏色問題
我個(gè)人建議你應(yīng)該先學(xué)學(xué)基本的HTML和CSS知識(shí),可視化的網(wǎng)頁編輯工具對(duì)于新手來說是比較方便,但是這樣的結(jié)果是“知其然不知其所以然”,而且有的時(shí)候用軟件是達(dá)不到想要的效果的,還得直接修改HTML和CSS代碼。img {border:1px solid #666666;}
熱門問答
- 模版還是模板
- 免費(fèi)建站
- 淘寶網(wǎng)頁是哪個(gè)公司做的
- 免費(fèi)制作企業(yè)
- 簡(jiǎn)單個(gè)人網(wǎng)站模板
- 制作網(wǎng)站的的網(wǎng)站
- 怎么學(xué)網(wǎng)頁設(shè)計(jì)
- html模板文件
- 手機(jī)網(wǎng)站的優(yōu)化
- 什么是排版設(shè)計(jì)
- 廣告公司網(wǎng)站制作
- 網(wǎng)站優(yōu)化是什么
- 怎么用手機(jī)制作簡(jiǎn)歷
- 武漢建設(shè)網(wǎng)站
- 網(wǎng)站建設(shè)公司怎么樣
- seo優(yōu)化培訓(xùn)
- 網(wǎng)站的建設(shè)哪家好
- 制作簡(jiǎn)歷圖片
- 什么是網(wǎng)絡(luò)推廣優(yōu)化
- 網(wǎng)頁制作學(xué)那些