在網(wǎng)頁(yè)設(shè)計(jì)時(shí)，頁(yè)面中圓角的實(shí)現(xiàn)一直是個(gè)很難解決的問題，雖然現(xiàn)在有很多種實(shí)現(xiàn)方法，但都是比較麻煩的，這里想通過此例介紹一種CSS新技術(shù)，即CSS新的屬性border-radi
查看詳情在網(wǎng)頁(yè)設(shè)計(jì)中中插入圖片是再平常不過的事情了，有時(shí)為了美觀的需要，可以給圖片加上陰影，讓圖片有一種特殊的效果，CSS可以為圖片加上陰影嗎？答案是肯定的，在本例中將
查看詳情在網(wǎng)頁(yè)設(shè)計(jì)中，經(jīng)常能見到多張圖片排列的情況，在本例中，將介紹對(duì)于多圖排列的設(shè)置，并進(jìn)一步了解CSS設(shè)置圖片的方法。【操作步驟】第1步，啟動(dòng)Dreamweaver，新建文檔，
查看詳情本例模仿淘寶網(wǎng)上的圖片布局，進(jìn)一步展示了在網(wǎng)頁(yè)設(shè)計(jì)中圖片與文字之間混排和用圖片布局的方法。【操作步驟】第1步，啟動(dòng)Dreamweaver，新建文檔，保存為index.html.。
查看詳情本實(shí)例進(jìn)一步鞏固網(wǎng)頁(yè)設(shè)計(jì)中圖文混排方法的使用，并把該方法運(yùn)用到實(shí)際的網(wǎng)站制作中。示例介紹中國(guó)的傳統(tǒng)節(jié)日為題材，利用圖文混排的方法，實(shí)現(xiàn)頁(yè)面的圖文效果?！静?/p> 查看詳情
在網(wǎng)站建設(shè)時(shí)使用float屬性來(lái)實(shí)現(xiàn)圖片的文字環(huán)繞，另外，除了float屬性以外，再配合使用padding屬性和margin屬性，使圖片和文字達(dá)到一種最佳的效果。float屬性在網(wǎng)頁(yè)
查看詳情在網(wǎng)頁(yè)設(shè)計(jì)中，圖片的橫向?qū)R和文字的橫向?qū)R方法基本相同，分為左、中、右3種。不同的是圖片的對(duì)齊不能直接通過設(shè)置圖片的text-align屬性來(lái)定義，而是需要通過設(shè)
查看詳情在制作網(wǎng)頁(yè)時(shí)，CSS設(shè)置圖片大小只需設(shè)置圖片的寬度屬性width和高度屬性height即可，設(shè)置方法如下：img{width:數(shù)值;height:數(shù)值;}其中，寬度屬性width和高度屬性heigh
查看詳情在網(wǎng)頁(yè)設(shè)計(jì)時(shí)，圖片的效果很大程度上影響到網(wǎng)頁(yè)效果，要使網(wǎng)頁(yè)圖文并茂并且布局結(jié)構(gòu)合理，就要注意圖片的設(shè)置。通過CSS統(tǒng)一管理，不但可以更加精確地調(diào)整圖片的各種屬
查看詳情在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，有了豐富的圖像素材，就可以利用Dreamweaver把這些圖像組織在一起，設(shè)計(jì)出具有一定審美效果的網(wǎng)頁(yè)頁(yè)面。如何把所擁有的素材有機(jī)地組織在一起，在具體設(shè)
查看詳情在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，無(wú)論用戶是初學(xué)者還是圖像制作高手，在制作網(wǎng)頁(yè)圖像時(shí)，都應(yīng)掌握下面幾個(gè)要點(diǎn)。網(wǎng)絡(luò)圖像制作要小而精，忌大而濫網(wǎng)絡(luò)圖像不是在個(gè)人電腦上，在網(wǎng)絡(luò)上瀏覽
查看詳情在設(shè)計(jì)和制作網(wǎng)頁(yè)之前，首先要制作網(wǎng)頁(yè)圖像，這是不可缺少的前期工作。制作一個(gè)網(wǎng)頁(yè)大部分時(shí)間都花在版面安排和圖像設(shè)計(jì)上。如果一個(gè)網(wǎng)頁(yè)版面安排合理、整潔、圖形
查看詳情之前通過示例分析過網(wǎng)頁(yè)設(shè)計(jì)中圖文排版的處理技巧，那么對(duì)于圖文列表信息的處理其實(shí)大同小異，不同的是圖文列表信息的表現(xiàn)方式是將列表內(nèi)容以圖片的形式在頁(yè)面中體
查看詳情【操作步驟】第1步，啟動(dòng)Dreamweaver，新建一個(gè)網(wǎng)頁(yè)，保存為index.html。第2步，構(gòu)建網(wǎng)頁(yè)結(jié)構(gòu)。本例中首先用<div>標(biāo)簽設(shè)置container容器，然后通過<div>標(biāo)簽創(chuàng)建網(wǎng)頁(yè)的
查看詳情前面的示例展示了在設(shè)計(jì)網(wǎng)頁(yè)用列表制作新聞欄目、菜單等網(wǎng)頁(yè)元素，實(shí)際上，列表還能在網(wǎng)頁(yè)設(shè)計(jì)中進(jìn)行簡(jiǎn)單的排版，尤其是對(duì)圖文的排列，是網(wǎng)絡(luò)中經(jīng)常見到的形式，本例以
查看詳情多級(jí)下拉菜單在一些企業(yè)網(wǎng)站應(yīng)用非常廣泛，它存在使用方便、占用空間小等特點(diǎn)。本節(jié)將介紹橫網(wǎng)頁(yè)設(shè)計(jì)中向?qū)Ш讲藛蔚亩?jí)菜單的制作方法，從而進(jìn)一步說明列表在制作
查看詳情在網(wǎng)頁(yè)設(shè)計(jì)中，導(dǎo)航菜單隨處可見，大多都是通過設(shè)置CSS列表樣式創(chuàng)建的，本例以介紹網(wǎng)頁(yè)中常見的導(dǎo)航菜單制作方法，來(lái)說明列表網(wǎng)頁(yè)菜單在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用?！静僮鞑襟E
查看詳情前面詳細(xì)介紹了CSS可設(shè)置的列表樣式，本節(jié)通過在網(wǎng)頁(yè)設(shè)計(jì)中新聞欄目實(shí)例練習(xí)CSS設(shè)置列表的方法，以及列表在網(wǎng)頁(yè)中的應(yīng)用。【操作步驟】第1步，啟動(dòng)Dreamweaver，新建
查看詳情在網(wǎng)頁(yè)設(shè)計(jì)中，瀏覽器默認(rèn)列表項(xiàng)豎向顯示，有時(shí)需要列表項(xiàng)橫向顯示。通過CSS控制，可以輕松實(shí)現(xiàn)項(xiàng)目列表的橫豎轉(zhuǎn)換?！臼纠繂?dòng)Dreamweaver，新建一個(gè)網(wǎng)頁(yè)，保存為t
查看詳情在網(wǎng)頁(yè)設(shè)計(jì)中，CSS使用list-style-image屬性來(lái)定義項(xiàng)目的圖片符號(hào)樣式。用法如下：list-style-image:none|url(url)在網(wǎng)站建設(shè)時(shí)，其作用是給列表添加項(xiàng)目圖片，其中u
查看詳情設(shè)置項(xiàng)目符號(hào)在網(wǎng)站建設(shè)中，使用list-style-type屬性來(lái)定義列表的項(xiàng)目符號(hào)。具體用法如下：list-style-type:disc|circle|square|decimal|lower-roman|upper-roman|
查看詳情顧名思義，自定義列表就是以自定義形式定義的列表。在HTML中自定義列表用<dl>標(biāo)簽表示，在網(wǎng)頁(yè)設(shè)計(jì)中，<dl>標(biāo)簽中包含<dt>標(biāo)簽和<dd>標(biāo)簽，一個(gè)<dt>標(biāo)簽對(duì)應(yīng)多個(gè)或者
查看詳情成績(jī)單是大家比較熟悉的有序列表了，從第一名一直排到最后一名。在網(wǎng)頁(yè)設(shè)計(jì)中，有序列表，相對(duì)于無(wú)序列表而言，最大的區(qū)別就是有序列表是帶有排名性質(zhì)的列表。???張三
查看詳情在現(xiàn)實(shí)生活中每個(gè)人都會(huì)接觸到各式各樣的列表信息，去超市購(gòu)物前會(huì)羅列一張購(gòu)物清單，購(gòu)物完畢結(jié)賬時(shí)需要排隊(duì)等候，結(jié)賬完畢會(huì)收到結(jié)賬清單。諸如此類的情況出現(xiàn)，我
查看詳情網(wǎng)頁(yè)設(shè)計(jì)時(shí)，在網(wǎng)頁(yè)上隨處可見的燈箱廣告，有效地提高了視覺沖擊力，不斷變換的圖片和文字，給瀏覽者不同的感受，燈箱廣告的動(dòng)靜結(jié)合，引起人們的注意，從而吸引人眼球，
查看詳情在網(wǎng)頁(yè)設(shè)計(jì)中，圖片瀏覽的功能主要是展示相片，讓圖片以特定的方式展現(xiàn)在瀏覽者的面前。本示例利用純CSS設(shè)計(jì)，功能簡(jiǎn)單但很有趣味，其中應(yīng)用很多CSS技巧?！静僮鞑襟E
查看詳情選項(xiàng)卡，也稱之為標(biāo)簽頁(yè)，通過單擊相應(yīng)的標(biāo)簽名后將內(nèi)容顯示在固定的區(qū)域。而在網(wǎng)頁(yè)設(shè)計(jì)中，我們可以以多種不同的形式表現(xiàn)。一般通過JavaScript腳本輔助顯示需要瀏覽
查看詳情蘋果菜單風(fēng)格：簡(jiǎn)潔、優(yōu)雅、圓潤(rùn)。這種設(shè)計(jì)風(fēng)格比較流行，本示例模仿蘋果風(fēng)格設(shè)計(jì)導(dǎo)航菜單樣式。【操作步驟】第1步，構(gòu)建網(wǎng)頁(yè)基本結(jié)構(gòu)。在本示例中構(gòu)建了一個(gè)無(wú)序列
查看詳情在網(wǎng)頁(yè)設(shè)計(jì)時(shí)，很多鏈接放在一起，就可以組成菜單，菜單是網(wǎng)站的導(dǎo)航中心，在每個(gè)頁(yè)面都會(huì)看見它，因此設(shè)計(jì)鏈接樣式，以及導(dǎo)航菜單樣式就成為網(wǎng)頁(yè)設(shè)計(jì)中很重要的組成部
查看詳情