【怎樣設(shè)計(jì)網(wǎng)頁(yè)網(wǎng)站】如何制作自己的網(wǎng)頁(yè)很簡(jiǎn)單?如何使網(wǎng)頁(yè)適應(yīng)分辨率?下面就和小編一起來(lái)看看吧!

　　如何制作自己的網(wǎng)頁(yè)很簡(jiǎn)單?

　　一、使用像Dreamweaver、Fontpage一樣看到的網(wǎng)頁(yè)編輯軟件。Fontpage簡(jiǎn)單，操作Word使用。專(zhuān)家一般用Dreamweaver制作網(wǎng)頁(yè)，用flash、firework等美化網(wǎng)頁(yè)，可以下載網(wǎng)頁(yè)三劍客Dreamweaver、flash、firework。關(guān)于建網(wǎng)站，二、使用筆記本修改webHtml代碼，不推薦使用Fontpage等web編輯軟件修改的原因是，很多web格式用web編輯軟件打開(kāi)會(huì)變形，因此直接使用筆記本修改webHtml代碼是最簡(jiǎn)潔有效的方法。下載強(qiáng)化的HTML工具比如UltraEdit更好。首先，我們需要了解網(wǎng)站的頁(yè)面組成。網(wǎng)站一般包括以下部分:網(wǎng)站的門(mén)面，如公司形象，特別注重設(shè)計(jì)和規(guī)劃。下一頁(yè):網(wǎng)站的主要導(dǎo)航結(jié)構(gòu)頁(yè)面注重風(fēng)格的一致性，并與主頁(yè)呼應(yīng)。普通頁(yè)面:網(wǎng)站主要承載信息的頁(yè)面，設(shè)計(jì)要求不高，但鏈接正確，文字正確，文字齊全，要求網(wǎng)頁(yè)風(fēng)格。彈出頁(yè)面:一般用于廣告、新聞、新聞、其他站點(diǎn)的鏈接等，一般很少使用。各頁(yè)的設(shè)計(jì)技術(shù):一、首頁(yè)的設(shè)計(jì)技術(shù)，首頁(yè)是企業(yè)網(wǎng)上的虛擬門(mén)。一般來(lái)說(shuō)，網(wǎng)站主頁(yè)的形式不外乎兩種，一種是純形象展示型，這種類(lèi)型的文字信息少，形象信息多，通過(guò)藝術(shù)造型和設(shè)計(jì)布局，利用一系列與公司形象和產(chǎn)品、服務(wù)相關(guān)的形象、文字信息，形成生動(dòng)的畫(huà)面，向?yàn)g覽者展示形象這就需要設(shè)計(jì)師具備良好的設(shè)計(jì)基礎(chǔ)和審美能力，努力挖掘企業(yè)深層次的內(nèi)涵，展現(xiàn)企業(yè)文化。這種類(lèi)型的主頁(yè)在設(shè)計(jì)過(guò)程中必須以設(shè)計(jì)為主導(dǎo)，通過(guò)顏色和布局給訪問(wèn)者留下深刻的印象。另一種是信息列表類(lèi)型，一般的大、中型企業(yè)網(wǎng)站和門(mén)戶(hù)網(wǎng)站常用的方式，即在主頁(yè)上列出網(wǎng)站的主要內(nèi)容分類(lèi)、重點(diǎn)信息、網(wǎng)站導(dǎo)航、公司信息等，這種風(fēng)格適合網(wǎng)站信息量大、內(nèi)容豐富的網(wǎng)站，以展示信息為中心，這種設(shè)計(jì)在微小的地方體現(xiàn)企業(yè)形象，設(shè)計(jì)者仔細(xì)閱讀企業(yè)的CI手冊(cè)，熟悉企業(yè)標(biāo)志、吉祥物、字體和顏色標(biāo)準(zhǔn)設(shè)計(jì)者在設(shè)計(jì)過(guò)程中要注意使用這些語(yǔ)言符號(hào)來(lái)表達(dá)獨(dú)特的企業(yè)信息。網(wǎng)頁(yè)設(shè)計(jì)中的注意事項(xiàng):1.不要華麗。2.要有風(fēng)格，要突出行業(yè)特點(diǎn)。例如，娛樂(lè)業(yè)熱烈活躍，政府網(wǎng)站認(rèn)真收藏書(shū)畫(huà)業(yè)古樸典雅，規(guī)劃時(shí)尚業(yè)前衛(wèi)。3.一個(gè)網(wǎng)頁(yè)一般從兩個(gè)屏幕到三個(gè)屏幕都可以，不要太長(zhǎng)，會(huì)影響網(wǎng)頁(yè)打開(kāi)的速度。如果內(nèi)容實(shí)在太多，應(yīng)該分為幾個(gè)頁(yè)面或幾個(gè)二級(jí)欄目。

　　如何使網(wǎng)頁(yè)適應(yīng)分辨率?

　　在1024*768或800*600的清晰度下，可以自動(dòng)調(diào)整為適用于該客戶(hù)端清晰度的大小。第一種方法是制作網(wǎng)頁(yè)來(lái)解決問(wèn)題。如果瀏覽者只是改變了瀏覽器的設(shè)定，或者因?yàn)闉g覽器不兼容，所以自己精心制作的網(wǎng)頁(yè)變成了“臉完全不一樣”，關(guān)于網(wǎng)站模板，那就會(huì)很沮喪下面我們就以網(wǎng)頁(yè)愛(ài)好者常用工具Dreamweaver(以下簡(jiǎn)稱(chēng)DW)為例，列出幾個(gè)網(wǎng)頁(yè)制作新手比較常見(jiàn)的網(wǎng)頁(yè)布局問(wèn)題以及解決方法，希望對(duì)新手們有所幫助。另一方面，消除任意縮放瀏覽器的窗口對(duì)web頁(yè)面的影響，消除辛苦制作的web頁(yè)面，在全常。然而，在改變?yōu)g覽窗口的大小后，網(wǎng)頁(yè)變得“不堪入目”，這是一個(gè)非常值得注意的問(wèn)題。問(wèn)題的根源必須從網(wǎng)頁(yè)的布局開(kāi)始。在DW中，網(wǎng)頁(yè)內(nèi)容的定位一般通過(guò)表格實(shí)現(xiàn)，解決表格的問(wèn)題也成功了大半。請(qǐng)注意，DW中表屬性面板的長(zhǎng)寬設(shè)定提供了百分比和像素值兩種不同的類(lèi)型。百分比的使用會(huì)導(dǎo)致上述缺點(diǎn)。這里所說(shuō)的百分比是指表格的高度或?qū)挾仍O(shè)定為上層標(biāo)記所占區(qū)域的高度或?qū)挾鹊陌俜直?，例如表格單元的寬度?00，其中嵌入了另一個(gè)表格，表格的寬度占表格單元的50%，這個(gè)表格的寬度為300在IE瀏覽器中，隨意更改主頁(yè)窗口的大小時(shí)，表格的內(nèi)容也會(huì)錯(cuò)位、變形，表格的比例也會(huì)根據(jù)窗口的大小變成相應(yīng)的比例寬度。當(dāng)然，解決這個(gè)問(wèn)題的方法是將表寬設(shè)定為固定寬度(即像素值)。此外，如果外表已經(jīng)設(shè)定了固定寬度，內(nèi)表也可以適當(dāng)使用百分比設(shè)定。明確這個(gè)原則后，如果發(fā)生類(lèi)似的問(wèn)題，就知道如何解決。二、把網(wǎng)頁(yè)放在中間，說(shuō)到窗大小沿著道路考慮分辨率的問(wèn)題，800×600分辨率制作的網(wǎng)頁(yè)打開(kāi)在1024×768分辨率的機(jī)器上，網(wǎng)頁(yè)整體向左跑的1024×768分辨率的網(wǎng)頁(yè)在800×600分辨率的機(jī)器上有時(shí)會(huì)變成“無(wú)法忍受”。兩種分辨率各做一個(gè)吧做起來(lái)很費(fèi)時(shí)間，看起來(lái)也很辛苦。我該怎么辦?現(xiàn)在很多網(wǎng)民都使用800*600的分辨率，所以我們一般以這個(gè)分辨率為中心，為了使網(wǎng)頁(yè)在1024*768點(diǎn)居中，只要在網(wǎng)頁(yè)的原始代碼之后追加一句話就可以了。但是，有幾個(gè)問(wèn)題需要注意。第一個(gè)是上述百分比的問(wèn)題，表格、單元格的寬度單位最好不要使用像素單位。例如width=770。如果你的表寬設(shè)置了百分比，使用800×600以上的像素的話，網(wǎng)頁(yè)會(huì)變寬，網(wǎng)頁(yè)會(huì)變形。加入leftmargin=0，即800×600支持的表寬為780像素時(shí)不會(huì)出現(xiàn)滾動(dòng)條。另一個(gè)要注意的是，不能用DW中的層來(lái)定位。三、定義固定大小的文字，知道IE瀏覽器的功能設(shè)定有自由設(shè)定窗口內(nèi)容字體大小的功能，因訪問(wèn)者的設(shè)定習(xí)慣而異，出現(xiàn)在他們面前的網(wǎng)頁(yè)也有時(shí)不同。例如，本來(lái)設(shè)計(jì)的時(shí)候可能使用2號(hào)字體，但是因?yàn)橛脩?hù)對(duì)瀏覽器的追加設(shè)定變大了，所以你的網(wǎng)頁(yè)也可能變得“看不見(jiàn)”。雖然不是你的錯(cuò)，但客戶(hù)是上帝。如果使用了網(wǎng)頁(yè)中的CSS風(fēng)格表技術(shù)，就不會(huì)發(fā)生上述情況。使用快捷鍵“Shift+F11”打開(kāi)樣式表“CSSStyle”編輯器，在窗口點(diǎn)擊鼠標(biāo)右鍵執(zhí)行“NewCSSSStyle”命令新設(shè)樣式表，在給出的列表中選擇“類(lèi)型”選項(xiàng)，定義文字屬性參數(shù)(一般文字的大小選擇12px)。完成后，選擇網(wǎng)頁(yè)編輯窗中的文本，點(diǎn)擊新的樣式表名稱(chēng)，可以看到選擇的文本發(fā)生了變化。預(yù)覽時(shí)定義的文本字體大小不會(huì)根據(jù)瀏覽器的選擇字體大小而變化。