網頁設計與制作問題與解決方法
在使用編輯網頁時，經常需要插入一些圖像，如果要插入的圖像很多，按照常規方法來操作就顯得非常麻煩，可以利用拖動技巧來很好地解決這個問題。下面介紹網頁設計與制作問題與解決方法，希望對您有所幫助。
1. 如何使用3種類型的CSS樣式?
CSS樣式表在網頁制作中一般有3種方式的用法，那么具體在使用時該采用哪種用法呢?當有多個網頁要用到CSS，采用外聯CSS文件的方式，這樣網頁的代碼大大減少，修改起來非常方便;只在單個網頁中使用的CSS，采用文檔頭部方式;只在一個網頁一兩個地方才用到的CSS，采用行內插入方式。
2. 關于沖突的CSS樣式
將兩個或更多的CSS樣式應用于同一文本時，這些樣式可能發生沖突并產生意外的結果。瀏覽器根據以下規則應用樣式屬性;如果將兩種樣式應用于同一文本，瀏覽器顯示這兩種樣式的所有屬性除非特定的屬性發生沖突。如一種樣式可能將藍色指定為文本顏色，而另一種樣式可能指定紅色作為文本顏色。如果應用于同一文本的兩種樣式的屬性發生沖突，則瀏覽器顯示最里面的樣式(離文本本身最近的樣式)的屬性。因此網站程序 加縮略圖，如果外部樣式表和內聯CSS樣式同時影響文本元素，則內聯樣式為其中所應用的那一個。
如果有直接沖突，則CSS樣式(使用class屬性應用的樣式)中的屬性將取代HTML標簽樣式中的屬性。
例如，hl定義的樣式可以指定所有hl段落的字體、大小和顏色，但應用于該段落的自定義CSS樣式.Blue將取代hl樣式中的顏色設置;另一個自定義CSS樣式.Red將取代.Blue，因為它位于.Blue樣式的內部。
3. 文檔相對路徑的表示方法
對于文檔相對路徑省略對于當前文檔和所鏈接的文檔都相同的絕對URL部分。如果要鏈接的目標文件與當前文檔位于同一文件夾中，輸入文件名;如果位于子文件夾中，則提供子文件夾的名稱，后跟正斜杠“/”，然后輸入文件名;如果位于父文件夾中，則在文件名前添加“../”(其中“..”表示文件夾層次結構的上一級目錄)。
4. 解決跳轉菜單可能出現的問題
選擇跳轉菜單項后，如果再次導航回到該頁面，或者如果在【插入跳轉菜單】對話框的【打開URL于】文本框中指定了一個框架，則無法重新選擇此菜單項。解決此問題有兩個途徑：
● 使用菜單選擇提示(如類別)或用戶說明(如“選擇其中一項：”)。在選擇每個菜單之后將自動重新選擇菜單選擇提示。
● 使用【前往】按鈕，該按鈕允許重新訪問當前所選鏈接。
需要注意的是：由于這些選項應用于整個跳轉菜單，因此在【插入跳轉菜單】對話框中，每個跳轉菜單只能選擇這些選項中的一項。
5. 善用拖放
在使用編輯網頁時，經常需要插入一些圖像，如果要插入的圖像很多，按照常規方法來操作就顯得非常麻煩。可以利用拖動技巧來很好地解決這個問題。首先把的操作窗口變成活動窗口，找到要插入的圖像文件后，把它們一一用鼠標拖動到網頁的適當部位，將自動把這些圖像的URL添加到文件的HTML代碼中，這里要求被拖動的圖像文件必須是GIF、JPEG等Web圖像格式的文件。對于已經在網頁中的圖像也是一樣，直接拖過來即可，但如果被拖動的圖像上有超鏈接，就不可以再使用拖動技術了，因為那時拖過來的僅僅是超鏈接地址。
6. 怎樣為圖像添加指定顏色的邊框?
在的【圖像】屬性面板中，有一個【邊框】屬性，可以直接設置邊框的寬度。寬度設好了，可是沒有顏色，那么如何才能為圖像的邊框加上不同的顏色呢?可以利用CSS樣式表來實現。在【圖像】屬性面板中一個【類】選項，通過【類】列表框選擇【管理樣式】，創建一種新的樣式，打開【CSS樣式定義】窗口，選擇【邊框】項，為邊框設置所需要的顏色。只要把這種樣式應用到有邊框的圖像即可。
7. 利用圖像編輯中【重新取樣】功能制作縮略圖
一個很大的圖像，完全載入時要花很多時間，訪問網頁的速度是很慢的，而且網頁上顯示的所有圖像并非對每個人都有瀏覽價值。解決這個問題的好辦法是在網頁上制作圖像的縮略圖。縮略圖與圖像之間保持一種鏈接關系，當需要時，才由瀏覽者單擊觀看原圖。在圖像編輯中的【重新取樣】功能，極大地方便了人們制作尺寸可自由控制的縮略圖，如一副圖像原圖50KB，通過縮小重新取樣，可以達到1～5KB，這在保持圖像全貌的情況下，非常方便訪問者瀏覽，網頁下載速度也會明顯提高。
8. 我想把網頁中的Flash背景設置為透明，該如何解決?
使用可以在網頁中插入Flash動畫，利用在標記內插入代碼wmode=可以設置透明Flash背景。
9. 為什么改變不了表格的高度呢?
在使用制作網頁時往往需要改變表格的高度，然而有時拖動表格的邊框，無論怎樣拖動，等到放下鼠標，表格卻又恢復到原來的樣子。出現這種情況的原因在于已經為表格提供了一個固定的高度，當要改變表格的高度，尤其是壓縮表格的時候，表格的高度仍然保持原來的設定值，其直接表現就是無論怎樣拖動表格的邊框，表格的高度都不會變化。在這種情況下，只需要清除表格的高度，然后拖動表格的邊框即可。
那么應該如何去除表格的高度設置呢?首先需要選定表格。選定了表格以后，在【表格】屬性面板中單擊【清除行高】圖標，表格的高度設定值就被取消了。這時表格的高度會按照表格的內容自動匹配高度。當然，清除表格高度的方法不止上述一種方法，也可以選中表格，在表格的屬性框中直接刪除表格的高度值。同樣，該方法也適用于改變表格寬度的情況，不過，當選定了表格以后，刪除的不是行的高度，而是列的寬度。這樣，就可以輕松進行調整表格的高度與寬度了。
由此可以看出，清除行高與列寬的主要作用是創建規則的表格。可以用清除行高與列寬命令，將表格縮到最小，然后再通過屬性面板上的【高】選項，重新設置表格的高度，這時一個規則、均勻的表格就出現了。
10. 創建表格的技巧
創建表格時，如果開始不能確定它的屬性，可以使用默認值，然后再通過【表格】屬性面板進行修改。此外，關于表格寬度的設定，一般來說，大表格往往采用絕對尺寸，表格中所嵌套的表格采用相對尺寸，這樣定位出來的網頁才不會隨著顯示器分辨率的差異而引起混亂。
11. 表格的背景顏色
表格的背景顏色設置既可以是整個表格也可以是某個單元格。一般來說，大表格用一種顏色，某個或某些單元格用另外的顏色。靈活設置往往可以創建出別具一格的網頁配色。
12. 選擇不同的框架或框架集的技巧
要在當前選定內容的同一層次級別上選擇下一框架(框架集)或前一框架(框架集)，在按住【Alt】鍵的同時按下左箭頭或右箭頭鍵，使用這些鍵，可以按照框架和框架集在框架集文件中定義的順序依次選擇這些框架和框架集;要選擇父框架集(包含當前選定內容的框架集)在按住【Alt】鍵的同時按上箭頭鍵;要選擇當前選定框架集的第一個子框架或框架集(即按在框架集文件中定義順序中的第一個)，按住【Alt】鍵的同時按下箭頭鍵。
網頁設計與制作注意事項
當你在這個信息的海洋中盡情遨游時，會發現許許多多內容豐富、創意新穎、設計獨特的個人網頁，不知道你見到這樣漂亮可人的網頁是否有點心動。一旦你具備了上網的條件，又萌發了制作主頁的念頭，那么就應該注意網頁設計時應考慮哪些方面的問題，包括網站功能和以及訪問者需要什么。你的整個設計都應該圍繞這些方面來進行。下面筆者就自己在實踐操作中的使用體會來談談網頁設計時應該考慮哪些問題，希望能給初建網站的用戶帶來一定的作用。
1、頁面內容要新穎
網頁內容的選擇要不落俗套，要重點突出一個“新”字，這個原則要求我們在設計網站內容時不能照抄別人的內容，要結合自身的實際情況創作出一個獨一無二的網站。 放眼望去，網上的許多個人主頁簡直就是"雜貨店"，內容包羅萬象&def題材千篇一律，人人都是"軟件下載"&def個個都有"網絡導航"，從頭到尾找不出一絲“鮮”意。所以，我們在設計網頁時，要把功夫下在選材上。選材要盡量做到“少”而“精”&def又必須突出“新”，如能堅持天天更新的話&def我相信這樣的網頁一定會受到大家的歡迎。
2、命名要簡潔
由于一個網站不可能就是由一個網頁組成，它有許多子頁面，為了能使這些頁面有效地被連接起來，用戶最后能給這些頁面起一些有代表性的而且簡潔易記的網頁名稱。這樣既會有助于你以后方便管理網頁，在向搜索引擎提交你的網頁時更容易被別人索引到。在給網頁命名時，最好使用自己常用的或符合頁面內容的小寫英文字母，這直接關系到頁面上的連接。
3、要及時更新
網頁制作好后，不能說萬事大吉了，其實事后的工作量更大。因為網頁制作是一時的，而維護更新的工作是每天都要做的。要及時把網頁上已經作廢的連接應該立即刪除掉，比如用戶無意中點擊了頁面中的一個連接，在苦苦的等待之后，換來的是無法訪問的結果，那么他們會對你的網頁大失所望，可能以后再也不會光顧你的網頁了。若不能及時更新，也最好在主頁上發布信息，告訴前來訪問的朋友，因有特殊情況需要離開一段時間，未能及時更新主頁，希望各位見諒，這樣就能給人一種對別人負責的感覺，同時能得到網友的信任。
4、注意視覺效果
設計Web頁面時，一定要用640×480和800×600的分辨率來 分別觀察。許多瀏覽器使用640×480的分辨率，盡管在800×600高分辨率下一 些Web頁面看上去很具吸引力，但在640×480的模式下可能會黯然失色。作一點小小的努力，設計一個在不同分辨率下都能正常顯示的網頁。
5、注意網站升級
時刻注意網站的運行狀況。性能很好的主機隨著訪問人數的增加，可能會運行緩慢。但是，如果你不想失去訪問者的話，一定要仔細計劃好你的升級計劃。
6、內容要易讀
網站設計最重要的訣竅，恐怕就是你的網頁要易讀 。這就意味著&def你必須花點心思來規劃文字與背景顏色的搭配方案。 注意不要使背景的顏色沖淡了文字的視覺效果，別用花里胡哨的色彩組合，讓人看起來你的網頁來很費勁。一般來說，淺色背景下的深色文字為佳 。這個要點要求你最好別把文字的規格設得太小、也不能太大。文字太小，人家讀起來難受;文字太大，或者文字視覺效果變化頻繁，像是沖著人大喊大叫，看起來不舒服。另外，最好讓文本左對齊，而不是居中。按當代中文的閱讀習慣，文本大都居左的。當然，標題一般應該居中，因為這符合讀者的閱讀習慣。
7、善用表格布局
不要把一個網站的內容象作報告似的一二三四地羅列出來，要注意多用表格把網站內容的層次性和空間性突出顯示出來，使人一眼就能看出你的網站重點突出，結構分明。
8、少用特殊字體
雖然你可以在你的HTML中使用特殊的字體，但是，你不可能預測你的訪問者在他們的計算機上將看到什么。在你的計算機里看起來相當好的頁面，在另一個不同的平臺上看起來可能非常糟糕。一些網站設計員喜歡使用來定義特性，這雖然允許你使用特殊的字體，但是仍需要一些變通的方法，以免你所選擇的字體在訪問者的計算機上不能顯示。級聯風格表CSS有助于解決這些問題，但是只有最新版的瀏覽器才支持CSS。
9、多學習使用HTML
為了成功地設計網站，你必須理解HTML是如何工作的。大多數的網站設計者建議網絡新手應從有關HTML的書中去尋找答案，用制作網頁。因為用HTML設計網站，可以控制設計的整個過程。但是，如果你僅僅是網站設計的新手，你應該尋找一個允許修改HTML的軟件包。是一個很好的Web設計工具。在設計過程中，能幫助你學習HTML。它還允許你切換到所見即所得的模式，以便你在把網站發送到Web之前，預覽你的網站。
10、少用Java程序
不要使用大幅面的Java程序&def能夠用替代效果的則盡量不要使用java.因為目前來講java的運行速度實在慢的讓人無法忍受，往往使瀏覽者沒有耐心等頁面全部顯示出來，這樣你的精心設計便毫無效果啦。
11、 少放網站地圖
許多設計者把他們的網站地圖放在網站上，這種做法，卻是弊大于利。絕大部分的訪問者上網是尋找一些特別的信息，他們對于你的網站是如何工作的，并沒有興趣。如果你覺得你的網站需要地圖，那很可能是需要改進你的導航和工具條。
12、為圖片附加注釋文字
給每個圖形加上文字的說明，在出現之前就可以看到相關內容，尤其是導航按鈕和大圖片更應如此。這樣一來，用戶在訪問你的站點時就有一種親切感覺，認為你心細，比較善解人意，時時刻刻為他人著想，相信你的好心會有好報的。
傳統文化網頁設計編排重點是什么
當今網絡世界對人們生活的沖擊不亞于現實社會，人們通過網絡閱讀、購物、交友甚至工作等，各種各樣的網頁則是人們進入網絡的平臺。隨著網絡的發展，網站設計師們越來越注重網頁設計，網頁的風格可謂千差萬別，而充分體現中國傳統精神的中國風網站，則向全世界展示了它強大的文化魅力。
中國風是中國傳統文化的體現，是歷史文明積淀和傳承的產物，也是具有中國性格的標簽。中國風網頁多用于中國歷史古跡、民族文化等方面的網站，有著典雅而不失時尚、悠久而不乏現代氣息特點，其風格的形成依賴于設計元素的選取、編排和布局。這個設計過程不僅需要設計者有嚴謹的專業水平和畫面調度能力，還要具有一定的藝術修養，因此對網頁設計來說，這是融匯了藝術與技術的創造性活動。
一、中國元素的穿插
中國傳統的吉祥紋樣、民俗裝飾圖案、剪紙藝術、印章、水墨等藝術形式，都是被廣泛認同的中國元素，是中國傳統文化和藝術情感的深切體現。在網頁編排中，創意性地運用中國元素，更易表現地域文化的特色，這也是網頁風格定位的重要手段。如在“中國?烏鎮”的網站設計中(圖1)，網站的首頁以水墨透疊的方式體現出一個江南古鎮的風貌，書法體的網站名稱、縱向書寫的古文字式襯底、左下角的印章，使得整個頁面猶如一幅古典的風景畫，飽含東方意味。在點擊鏈接的各個頁面里，雕花的廊檐、黛瓦粉墻、石板小巷、小橋流水以及那導航欄上的傳統紋樣網站程序 加縮略圖，無一不透著濃郁的歷史和文化氣息。
二、標準色的運用
色彩是形成網站氣氛、特色的重要元素，是網站視覺形象的體現和延伸。將網站的LOGO、主菜單、底色等用整體統一的標準色，其他顏色只作為襯托點綴，形成主色調。這樣既利于網站主題的突出，又便于瀏覽者識別記憶。紅色是中國傳統吉祥、喜慶的民族色彩，素有“中國紅”一說，而泛黃的紙色則具有歷史悠久感和文化的書卷味。此外，青色、暗紅色等也都多用于中國風的網頁中。“漁”女裝網站(圖2)，運用大面積的紅色作為網頁底色，這種濃郁的東方色彩，樹立了“漁”的與眾不同的品牌特色，網頁中左右側邊的裝飾圖案，體現了時尚與經典結合的文化內涵。主菜單和鏈接的自由又另類的編排方式，隨意、時尚、現代感極強。傳統色彩與現代元素相互交融，強調了傳統與現代的碰撞，使品牌更具個性和滲透力。
三、對稱的構圖方式
對稱美在中國傳統美學中占有重要地位，中國古代的建筑格局、家居擺設、裝飾圖形等都廣泛的運用此設計理念。中國風網頁設計在圖文編排上整體也多為左右對稱結構，局部較為自由，視覺上莊重平衡，排列有序。打開“故宮博物院”網站(圖3)，整個頁面就像一幅懸掛的卷軸，鼠標的滾動如同使卷軸緩緩打開，世界上最大的歷史文化藝術博物館由此展現。網頁的布局左右對稱，莊重整齊。金色、淺黃、暗紅的色調有著皇家的氣派和悠久的歷史氣息。
四、留白的手法
網頁中編排的內容部分是實體，而實體之外的空間就是留白，它既可以是未放置任何圖形文字的空間，也可以是實體背后的一種顏色或圖形。在中國畫中，留白是一種十分重要的繪畫技巧，講求“密不透風，疏可跑馬”。留白能更好地襯托主題，使人產生豐富的遐想。網頁設計中的留白使頁面有透氣的空間，其設計風格清新流暢、主次分明。相比較信息量很大的網頁，留白會讓瀏覽者的閱讀舒適、放松，能達到更好的傳播效果。“漁”女裝網站的各個頁面都大量留白，視覺空間自由、靈動，疏密對比強烈、主題突出，整體風格高雅精致、形式感強。
如今，文化作為設計靈感的來源，越來越顯示出其強大的生命力和獨特的藝術價值。中國風網頁就是將其獨有的傳統美學精神融入到現代設計的理念中去，引導網站整體風格和文化氛圍，使瀏覽者充分感受到中國傳統文化的藝術魅力。
中國文化特性的網頁設計有哪些風格
每個網站都會因面向的受眾不同、定位不同，選擇不同的設計風格。近年來，具有中國風格的圖案、字體、音樂、動畫以及構圖方式、配色方法、表現技法都被大量應用到網頁設計中，使網站充滿了本土文化氣息，讓人印象深刻。
一、中國風格的構圖方式
中國人對于成雙成對的東西比較偏愛，認為這是一切美好事物的組成特征，體現在構圖上就是對稱美。對稱包括左右對稱、上下對稱、中心對稱等多種形式。網頁設計中用到最多的是左右對稱。如“石家大院”的首頁，通過展示宅院建筑的對稱美，將彌漫在大院里濃重的莊園歷史文化氣息表現得淋漓盡致。對稱的網頁設計比較符合中國傳統審美，具有平衡、穩定、和諧、莊重之美，缺點是缺少變化和動感。中國畫講究留白，留白不是簡單的空白，而是經過精心布局下的空白。通過文字與圖片、視頻等元素的穿插交錯，把留白巧妙地按照大小、面積、形狀應用在網頁設計中，可以突出頁面的動感、虛實和意境，便于網頁上下左右各部分的呼應。“何園”首頁將設計元素集中在網頁的中心，擴散開的墨跡、清麗的荷花，配以寥寥幾筆墨竹，在大面積留白襯托下格外醒目。幾縷縹緲的煙霧、幾條紅色的金魚游動在背景空白中，時隱時現，意境深遠。
二、中國漢字的應用
文字是網頁構成要素之一，在網頁設計中具有舉足輕重的作用。中國古代的文字是自上而下豎書成行，自右向左換行。這一豎排的布局方式可以使網頁呈現出濃濃的中國古典文化氣息。書法是中國本土文化中最有代表性的符號，以其古樸、蒼勁、靈動的風格區別于一般的美術字。在漫長的發展歷程中，已經成為一種具有高度文化個性、文化品位的藝術形式。設計師在網頁設計中應用書法飛白筆觸，可以傳達書法的意境，能使用戶感受到獨特的文化品位和民族風格。書法字體比較適合標題文字，大量的正文文字為了方便瀏覽者閱讀和快速下載網頁文本，應該盡量避免運用傳統豎排的方式，字體最好選用電腦里默認的標準字體。
三、中國傳統圖案的應用
中國傳統吉祥圖案是中國傳統文化重要的組成部分，以人物、動物、植物、自然現象、文字、神話故事等為題材，運用諧音、寓意、象征、比擬等手法繪成圖像，表達人們祈禱富貴、高升、長壽、避邪等美好愿望。傳統圖案的吉祥意味同樣適用于現代設計，適用于表達現代人的設計觀念，常應用于傳統文化、歷史人文景點、地產項目、各種展館、餐飲業等網站中。除了常見的吉祥圖案外，古建筑、青銅器、壁畫、扇面、卷軸、窗欞、龕楣等中國風格的圖案與現代設計方法結合，亦能營造出既現代又古樸的韻味。方勝、云紋、水紋、連枝、回紋、如意紋等裝飾紋樣內涵豐富，運用得當會很好地烘托整個畫面的氛圍。在頁面中，單獨的裝飾紋樣常作為邊角裝飾圖案;二方連續的裝飾紋樣常作為裝飾線用來劃分頁面，也可以用來引導用戶瀏覽的順序和方向;四方連續的裝飾紋樣常常作為背景圖案。中國畫寫意的花鳥、山水、人物的水墨效果配以書法、篆刻，能使網頁充滿詩情畫意。例如“聚春園”首頁將中國畫、書法、英文與攝影圖片自然地融合，頁面動靜結合，既傳統又現代，體現了百年老店“聚春園”悠久的歷史和現代化的經營模式。
四、色彩的應用
我國傳統藝術用色的基本準則是五色，即黑、白、赤、青、黃。這五種顏色搭配，效果十分強烈。通過傳統色彩搭配可以表現網頁的古樸與現代、大俗與大雅、清新與濃艷。除此之外，茶色也是常用來表現中國風的重要顏色。茶色很多情況下被用作網頁的主色調。如“南園茶社”采用了大面積茶色背景與舊城墻磚的結合，配以朱砂紅的文字、黑色的文字背景，充滿了古色古香的懷舊風格。傳統顏色的選擇和搭配要慎重，確保頁面的整體色調和諧統一。低飽和度的顏色運用不當就會使頁面格調顯得沉悶、壓抑。可以適當用一些高明度、高飽和度的色彩進行局部點綴，使畫面變得通透。
五、中國元素運用要點
1.切題。在網頁設計初期，我們首先要確定網站的內容是否適合運用中國元素，能否恰當地表達構想和準確地傳達信息，因為并不是所有類型的網站都適合中國風格。千萬不要為了形式而形式，一味地追求個人境界，最后偏離了網頁主題。
2.主次分明。從視覺角度來看，網站的中國風格是所有設計元素共同營造出來的，但這并不意味所有設計元素都要具有濃厚的中國特色，也不要把一些中國元素符號簡單地堆砌在畫面中，要比例適當、主次分明、突出資訊，利于引導用戶的瀏覽順序，做到簡潔、清晰。
3.傳統與現代融合。對中國傳統元素的應用，更深層次的是在于意境和內涵的傳承。因此不要完全照抄照搬固有圖案和符號的表現形式，避免頁面的過度本土化，要創新應用，使之充滿現代感和更加國際化，達到與傳統“神似”的目的。另外，中國風格的設計元素可以與視頻、音頻、動畫結合，發揮網頁表現形式立體化、層次化，傳播互動化的優勢，給用戶全方位的視聽享受。
結語
中國崇尚道家、儒家思想，有著深厚的文化底蘊和民族特色，我們有自己的價值觀和習慣，因此我國網頁設計在順應國際化的同時要不斷探索具有中國地域性特征的視覺語言，應該遵從中國用戶的在線習慣和審美，設計出既具有國際性、實用性、便利性又滲透著本民族文化和審美情趣的網頁。