今天給各位分享網頁設計與制作大作業(yè)代碼的知識，其中也會對網頁設計與制作課程大作業(yè)進行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關注本站，現(xiàn)在開始吧！

本文目錄一覽：

• 1、網頁設計與制作
• 2、1、在網頁里顯示如下的表格，請寫出完整的GTML代碼，其中，高級語言程序設計和網頁設計與制作課程的詳細說
• 3、用代碼方式制作一個網站，內容自選； 至少包含3個網頁，網頁中包含必要的文字或圖像；
• 4、誰能幫我用HTML語言做一個簡單的網頁?代碼就行
• 5、跪求，網頁制作成品，用HTML和CSS制作的，要有源代碼，只為交作業(yè)，十萬火急?。?！

網頁設計與制作

1、你可以Dreamweaver的“設計視圖”中，直接選中做好的滾動文字，點擊屬性面板中的居中按鈕即可。或者復雜些的方法就是利用表格，滾動文字一般是用marquee標簽，你可以將marquee那整段代碼放在表格的單元格中（在代碼視圖中操作），表格你可以做1行1列，邊框為0（表示不用將表格顯示出來），借助表格的話，你可以很方便的將表格擺放在頁面的任何位置。當然借助圖層也可以實現(xiàn)。

2、關于登錄或搜索窗口的話，這個直接用Dreamweaver是做不到的，我們只能做個界面，將DW的工具欄切換至“表單”工具欄，你就可以插入各種表單元素，比如文本框、按鈕那些，但這只是靜態(tài)的界面，搜索或登錄功能是需要借助后臺程序的，比如用ASP那些程序，要會編程，程序中可以編寫語句登錄網站后臺數(shù)據庫，進行數(shù)據的檢索、修改刪除那些，如果是初級水平的話，建議你可以直接利用百度搜索的代碼，這個網址里面有免費的搜索代碼，將其加入頁面中，可以直接借助百度這個平臺實現(xiàn)搜索功能。

1、在網頁里顯示如下的表格，請寫出完整的GTML代碼，其中，高級語言程序設計和網頁設計與制作課程的詳細說

html

head

/head

body

pcenter課程表/center/p

table

tr

tdcenter課號/center/td

tdcenter課程名/center/td

tdcenter學分/center/td

/tr

tr

tdcenter1002201/center/td

tdcentera href="program.html" target="_new"高級語言程序設計/a/center/td

tdcenter6/center/td

/tr

tr

tdcenter1003302/center/td

tdcentera href="web.html" target="_new"網頁設計與制作/a/center/td

tdcenter5/center/td

/tr

/table

/body

/html

PS:這個貌似沒有什么很難理解的，有不懂再追問

用代碼方式制作一個網站，內容自選； 至少包含3個網頁，網頁中包含必要的文字或圖像；

一、文字處理技巧

在網頁制作中文字處理是最基本的技能，掌握了文字處理，就能領悟到網頁制作的根本方法。

1、如何把圖像安排在文字的旁邊？

選中需要安排位置的圖片。

選擇菜單中的“格式”→“屬性”，在彈出的“圖片屬性”窗口中選擇“外觀”項。

在“對齊方式”下拉菜單中，選擇需要的圖片、文字位置安排方式。

2、如何使用網頁在不同分辨率下的大小自動適應？

在640×480的分辨率下的大小設計網頁，對于文字不想換行的段落，可以用功能鍵“Shift + Enter”來設置控制長度。對于圖文混排的，如想在兩段文字之間插入圖片，可用“段落”中“段落屬性”，選擇“樣式”的選項“顏色”→“背景圖像”，這樣做會使本來不大的一張圖片鋪滿整段，在不同的分辨率就能自動適應。如果你只想在不滿一整行的文字添加背景，不想令這行余下空白位置整行鋪滿，方法是先定義這行，按鼠標右鍵選擇“字體屬性”中的“字體”選項“樣式”，在“顏色”項里放入圖片或者背景顏色就行了，這樣做的好處是靈活度大大高于用段落的形式控制文字的背景，即使使用了“Shift + Enter”來安排段落文字也無所謂。如果是幾個頁面在一個框架中，又想在其中一個頁面的圖片或文字處于中間位置，可以把頁面中的內容放在一個無邊界的框圖里，用“表格屬性”的選項“布局”→“對齊方式”，選擇“居中”，內容就會安排在指定的這個表格里，沒有邊界的表格可以把除了“漂浮”外余下的三個選項設為“0”。

3、如何在網頁圖片上添加文字方塊并將其設置為透明？

在FrontPage中選中圖片，點擊FrontPage左下角的工具，在圖片上拖動一定范圍插入文本框。

在文本框中輸入文字。右擊文本框，在鼠標右鍵快捷菜單中選擇“文本框格式”。

在“設置文本框格式”窗口中，將填充色設置為“無填充色”。此時，圖片上就有了透明文本框，就可以進一步調整文本顏色以搭配圖片色彩。

4、怎樣簡單有效地放大或縮小字體？

選中要改變大小的文字（將文字托黑），單擊格式欄中的“字體”，下拉列表框，直接在里面選擇不同的字號來縮放字體。

5、如何從打開的網站中獲取圖像？

打開的網站中的圖像通常有兩種：一種是網頁中普通的插入的圖像，另一種是背景圖片。如果只想保存其中一張圖片，可以將鼠標移到該圖片上方，右擊鼠標，在彈出的快捷菜單中選擇“將圖片另存為”，指定一個保存位置，保存即可。如果需要保存背景圖片，可以在不含圖片的空白位置右擊鼠標，在彈出的快捷菜單中選擇“將背景另存為”即可。另外，如果需要保存絕大部分的圖片，可以直接將網頁保存，保存的方式設置為“網頁，全部（*．htm、．html）”然后在保存圖片的文件夾中用ACDSee等看圖軟件查看所保存的圖片。

6、如何解決網頁內容不能頂格的問題？

如果左邊不能頂格，通常是由于在網頁源代碼中有空格標記“＆nbsp”出現(xiàn)在正文前面造成的。切換到源代碼的編輯方式，把正文前面的“＆nbsp”刪除就可以了。

如果內容不能向上頂格，檢查一下在FrontPage的網頁屬性中是否已經把網頁的頂邊設為“0”。如果這部分內容是在一個表格或者表格的單元格中，記得檢查一下單元格的垂直對齊方式為“頂端對齊”。

7、在以文字為主的網頁中，怎樣讓某段文字顯得更突出？

要以通過多種方法來實現(xiàn)，如：設置與眾不同的文字顏色；設置文字為粗體、斜體或者下劃線；設置不同的字號。還可以使用其中一種或者同時使用多種方法來達到目的。

8、如何在FrontPage中把文字大小設定為9磅？

不少人在制作網頁的過程中，為了追求頁面美觀，喜歡把網頁的字體設置成9磅字（9pt）?？稍贔rontPage XP中，并沒有預設這號字體，但是仍然有辦法做出9磅字。

將光標在“字號”框中點一下，使其反白。

輸入“9”，按回車鍵，再輸入字體時就是9磅字了。

9、怎樣在網頁中使用一些藝術字？

選擇FrontPage XP菜單的“插入”，在下拉菜單中依次選擇“圖片”→“藝術字”，在彈出的界面中選擇一種藝術字樣式。

在文字框中輸入文字，設置好字體和字號大小，點擊“確定”按鈕即可完成。此時在FrontPage中能立即查看制作的藝術字效果。如果還需要修改，可以雙擊藝術字繼續(xù)個性如果想調整整個藝術字的大小以及傾斜度，可以單擊藝術字，然后拖動藝術字周圍的幾個控制點做大小或角度變化。還可以在選中藝術字以后，在鼠標右鍵方式中選擇“設置藝術格式”，通過這里可以對藝術字的填充色以及大小等選項做非常精確的設置。

10、如何使用FrontPage的網頁過渡效果？

選擇菜單“格式”→“網頁過渡”，打開“網頁過渡”對話框，在“事件”下拉列表框里選擇效果出現(xiàn)的事件，有“進入網頁”、“離開網頁”，在周期內輸入效果顯示的時間，最后在右邊的選擇框中選擇過渡的效果。

11、如何在FrontPage里將網頁的樣式鏈接到樣式表文件？

選擇菜單“格式”→“樣式表鏈接”，在出現(xiàn)的鏈接樣式表窗口內，單擊“添加”按鈕，并選擇CSS的樣式文件即可。

12、在FrontPage中如何對文字換行？

普通的換行方法是敲回車鍵，這時上下兩行之間的距離會顯得過寬。有一種方法可以使行距變窄，即按住“Shift”鍵不放，再按回車鍵。這樣的換行方法在HTML代碼中表現(xiàn)為br。

13、如何在網頁中制作報表圖？

FrontPage XP富有魅力的地方之一就是它可以根據提供的數(shù)據生成一個形象生動的報表，它提供的電子表格功能甚至允許在表格中輸入自己的數(shù)據并具有電子表格的一些常用功能。

點擊菜單“插入”→“Web組件”。在彈出窗口的左欄中選擇“電子表格和圖表”，在右欄中選擇“Office圖表”。

如果是通過輸入數(shù)據建立圖表，選擇第一項“在一張數(shù)據表中輸入的數(shù)據”，然后按照提示輸入相應的數(shù)據，最后選擇一種圖表樣式。

如果已經有了一個包含數(shù)據的數(shù)據庫文件，則選擇張二項“一個數(shù)據庫的表或查詢”，然后選擇數(shù)據源，最好同樣也是選擇一種圖表樣式作為最終的顯示效果。圖表生成以后，可以通過雙擊它進行修改。

14、如何手工精確繪制表格？

在網頁視圖模式下，單擊“表格”菜單中的“手繪表格”。FrontPage會打開“表格”工具欄，并且“手繪表格”選項已經被取代了，使用鼠標從表格的左上角向右下角拖動，以繪制表格的外邊框。使用水平和垂直線繪制表格中的單元格。若要刪除任何不想要的線，單擊“表格”工具欄上的“清除”按鈕，用鼠標按住并拖動通過不要的線段，當此線段變?yōu)榧t色時，放開鼠標按鈕。當完成繪制表格后，單擊“表格”工具欄上的“手繪表格”按鈕，使這個按鈕不再被選取。

15、如何讓背景圖片顯示在表格中？

切換場面到網頁視圖模式下，選擇要顯示背景圖片的表格或單元格。

單擊鼠標右鍵。

單擊快捷菜單中的“單元格屬性”或“表格屬性”。

選擇“使用背景圖片”復選框，單擊“瀏覽”。

如果圖片為剪貼畫，按照以下步驟：

單擊“剪貼畫”顯示Microsoft剪貼庫。

選中要的圖片，單擊鼠標右鍵。

單擊快捷菜單中的“插入”。在插入圖片后，可以為此圖片設置屬性。

單擊快捷菜單中的“單元格屬性”或“表格屬性”。

16、如何在網頁上插入想要的文件？

可以在網頁中插入任何一種基于廣西的文件，包括．htm文件、．asp文件、．rtf文件和．txt文件，以及任何Microsoft Office文檔。

將插入點放置在要插入文件的位置。在“插入”菜單上，單擊“文件”。

在“文件類型”框中，單擊要插入的文件類型。

在“搜索”框中，單擊含有該文件的磁盤驅動器、文件夾或網絡位置。

在文件夾列表中，雙擊文件夾直到打開含有所需文件的文件夾。

選擇要插入的文件，然后單擊“打開”想要插入的文件即可。

17、怎樣在FrontPage XP里添加office電子表格組件？

若要為站點創(chuàng)建一個電子表格，可以添加Microsoft Office電子表格組件到網頁上。直接在網頁視圖模式下編輯與設置電子表格屬性，即使計算機中沒有安裝Microsoft Excel也可以。在“插入”菜單上，指向“組件”，然后單擊“Office電子表格”。

不過，當站點包含Office電子表格，站點的訪問必須在他的計算機上安裝Microsoft Office web組件控制才能查看電子表格。如果沒有安裝控件，站點訪問者將會看到水印。

18、怎樣修飾文本？

一個簡單的方法就是使用“格式”工具欄。字體設置：選上文字，打開格式工具欄的“字體”下拉列表框，在里面選擇相應字體就可以了。

字號設置：在“格式”工具欄“字號”下拉列表框中選擇相應字體。

字的顏色：單擊“格式”工具欄“字體顏色”按鈕旁的向下箭頭，選擇適當?shù)念伾?，字的顏色就改變了?/p>

“字符間距”選項卡：用來設置文字的間距。單擊“間距”下拉列表，選擇字符的間距是普通、擴充還是緊縮的。選擇擴充，預覽框的文字間距就變大。也可以調整間距大小改變間距，例如輸入10，文字的間距就更大了。

“定位”下拉列表：在FrontPage中每一行都有一個底線，定位就是指文字相對底線的距離。也就是把文字上下移動，選擇“上移”，文字就向上移動了。預覽框中的黑線就是行的底線。

19、如何在網頁中插入水平線？

在網頁中插入水平線可以使層次分明。把插入點調整到插入水平線的位置，選擇“插入”菜單的“水平線”命令。雙擊插入的線條，在彈出的“水平線屬性”對話框里單擊“顏色”下拉列表。

20、如何在網頁中插入時間標記？

時間標記是指在當前活動網頁被重新編輯或自動更新之后，會自動改變。設置起來很容易：把插入點調整到插入水平線的位置，選擇“插入”菜單的“日期與時間”命令，在“日期時間屬性”對話框中選擇“該網頁上次編輯日期”。如果要改變日期的格式，單擊“日期格式”下拉列表，選擇合適的格式。

21、如何用FrontPage做樣式表？

頁面鏈接一個外部的樣式表文件，這種方法可以使多個頁面使用同一個樣式表文件，方便保持頁面的主題。方法是：“文件”→“新建”→“網頁”，打開“新建”對話框，選擇“樣式表”選項。從FrontPage自帶的眾多樣式表中選擇合適的加以應用或修改。如果熟悉CSS，也可使用空白的樣式表，自己創(chuàng)建。還可以通過在FrontPage中創(chuàng)建一個樣式表單，此時的樣式表就是網頁的一部分，直接位于HTML文檔之間。把已經創(chuàng)建好的樣式表復制下來，選擇網頁編輯器的“html”視圖，粘貼到Head和/Head之間就可以了。

22、如何用FrontPage2000創(chuàng)建懸停按鈕？

在網頁視圖模式下，將插入點定位在要創(chuàng)建懸停按鈕的位置；

單擊“插入”/“組件”/“懸停按鈕”，F(xiàn)rontPage編輯器將打開“懸停按鈕”對話框。把動態(tài)按鈕默認標簽“按鈕文本”，改成所需的按鈕文字，單擊“字體”按鈕，在打開的“字體”（字體）對話框里設置您所需標簽的字體。

為動態(tài)按鈕創(chuàng)建超級鏈接，可直接在“鏈接到”框內鍵入要跳轉的URL，也可單擊“瀏覽”按鈕，從當前打開的網站、WWW、本地磁盤中指定跳轉目標。

可重新指定按鈕的前景顏色，不過如果按鈕顯示的是圖像，前景顏色無效。當用戶把鼠標移到動態(tài)按鈕上時，按鈕的顏色將自動發(fā)生變化，這是動態(tài)按鈕最大的特色，至于顏色是怎樣變化的，可通過“效果”和“效果顏色”框設定。還可改變按鈕的寬度和高度（以像素為單位）。

動態(tài)按鈕還有一些高級用法，單擊“自定義”按鈕，在“自定義”對話框可設置播放聲音或音樂和在動態(tài)按鈕上顯示圖像等。

23、如何在網頁中插入垂直線？

網頁中通常是用表格控制網頁的格式，所以在網頁中插入垂直線可以被認為是在表格中插入一條垂直線。方法有以下兩種：

一是在表格的單元格中插入一條水平線，然后設置水平線屬性，將其寬度設為1個像素，高度設為100個像素，這樣，就插入了一條高度設為100個像素、寬度設為1個像素的垂直線。

二是設置表格的一個單元格的寬度為1個像素，并指定單元格的背景顏色，這樣，就插入了一條寬度設為1個像素、高度與單元格高度相同的垂直線。

24、如何在網頁中插入特殊符號？

“插入”→“符號”（或“特殊符號”）。

25、如何在FrontPage XP中給指定的圖像或文字周圍加上框線？

先選中圖像或文字，選“格式”→“邊框與陰影”（FrontPage 中為“邊框與底紋”）。在彈出的對話框中選“邊框”標簽，選“方框”，選樣式等。

26、如何制作字幕？

把插入點調整到插入水平線的位置，單擊“插入”/“組件”/“字幕”命令，F(xiàn)rontPage編輯器將打開“字幕屬性”對話框。

在“文本”框內鍵入要顯示的字幕內容，設定文字游動“方向”、“速度”、“表現(xiàn)方式”、“文本對齊方式”等選項。在“表現(xiàn)方式”框內，可指定字幕游動的方式，默認是“滾動條”，如果選“幻燈片”，表示當?shù)谝粋€字符而不是最后一個字符觸及左邊界時就停止游動，如果選“交替”，表示像鐘擺那樣在左右邊界內擺來擺去。

可任意設置字幕的寬度和高度，字幕的寬度和高度既可以按像素的絕對值給出，也可以按Web瀏覽器窗口的百分比給出。

默認情況下，字幕周而復始,不停地游動，周而復始。您可讓字幕只游動若干次，方法是，不選中“連續(xù)”復選框，然后在“次數(shù)”框內選擇要游動的次數(shù)。此外，還可給整個字幕加上“背景顏色”。

誰能幫我用HTML語言做一個簡單的網頁?代碼就行

html

head

title第一個html網頁/title

metacharset="utf-8"

/head

body

/body

/html

html

head

title第一個html網頁/title

metacharset="utf-8"

/head

body

table

tr

td第一行第一列/td

td第一行第二列/td

/tr

tr

td第二行第一列/td

td第二行第二列/td

/tr

/table

/body

/html

擴展資料

HTML語言特點

1、HTML語法較弱。

在w3c制定的HTML5規(guī)范中，對于HTML5在語法結構上的規(guī)格限制是較松散的，如、或在瀏覽器中具有同樣的功能，是不區(qū)分大小寫的。另外，也沒有嚴格要求每個控制標記都要有相對應的結束控制標記。

2、HTML5編寫簡單。

即使用戶沒有任何編程經驗，也可以輕易使用HTML來設計網頁，HTML5的使用只需將文本加上一些標記(Tags)即可。

3、HTML標記數(shù)目有限。

在w3C所建議使用的HTML5規(guī)范中，所有控制標記都是固定的且數(shù)目是有限的。固定是指控制標記的名稱固定不變，且每個控制標記都已被定義過，其所提供的功能與相關屬性的設置都是固定的。

跪求，網頁制作成品，用HTML和CSS制作的，要有源代碼，只為交作業(yè)，十萬火急?。。?/h2>

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html

head

title新疆行知書/title

link href="20.css" rel="stylesheet" type="text/css"

/head

body

div id="container"

div id="banner"img src="banner.jpg"/div

div id="globallink"

ul

lia href="#"首頁/a/li

lia href="#"新疆簡介/a/li

lia href="#"風土人情/a/li

lia href="#"吃在新疆/a/li

lia href="#"路線選擇/a/li

lia href="#"自助行/a/li

lia href="#"攝影攝像/a/li

lia href="#"游記精選/a/li

lia href="#"資源下載/a/li

lia href="#"雁過留聲/a/li

/ul

br

/div

div id="left"

div id="weather"

h3span天氣查詢/span/h3

ul

li烏魯木齊???雷陣雨 20℃-31℃/li

li吐魯番???多云轉陰 20℃-28℃/li

li喀什???陣雨轉多云 25℃-32℃/li

li庫爾勒???陣雨轉陰 21℃-28℃/li

li克拉馬依???雷陣雨 26℃-30℃/li

/ul

br

/div

div id="today"

h3span今日推薦/span/h3

ul

lia href="#"img src="tuijian1.jpg"/a/li

lia href="#"喀納斯河/a/li

lia href="#"img src="tuijian2.jpg"/a/li

lia href="#"布爾津/a/li

lia href="#"img src="tuijian3.jpg"/a/li

lia href="#"天山之路/a/li

/ul

br

/div

/div

div id="middle"

div id="ghost"a href="#" title="魔鬼城探秘"img src="ghost.jpg" border="0"/a/div

div id="beauty"

h3span美景尋蹤/span/h3

ul

lia href="#"img src="beauty1.jpg"/a/li

lia href="#"img src="beauty2.jpg"/a/li

lia href="#"img src="beauty3.jpg"/a/li

lia href="#"img src="beauty4.jpg"/a/li

/ul

br

/div

div id="route"

h3span線路精選/span/h3

ul

lia href="#"吐魯番——庫爾勒——庫車——塔中——和田——喀什/a/li

lia href="#"烏魯木齊——天池——克拉馬依——烏倫古湖——喀納斯/a/li

lia href="#"烏魯木齊——奎屯——喬爾瑪——那拉提——巴音布魯克/a/li

lia href="#"烏魯木齊——五彩城——將軍隔壁——吉木薩爾/a/li

/ul

br

/div

/div

div id="right"

div id="map"

h3span新疆風光/span/h3

pa href="#" title="點擊看大圖"img src="map1.jpg"/a/p

pa href="#" title="點擊看大圖"img src="map2.jpg"/a/p

/div

div id="food"

h3span小吃推薦/span/h3

ul

lia href="#"17號抓飯/a/li

lia href="#"大盤雞/a/li

lia href="#"五一夜市/a/li

lia href="#"水果/a/li

/ul

br

/div

div id="life"

h3span賓館酒店/span/h3

ul

lia href="#"美麗華大飯店/a/li

lia href="#"海德大飯店/a/li

lia href="#"銀都大飯店/a/li

lia href="#"鴻福大飯店/a/li

lia href="#"友好大酒店/a/li

lia href="#"棉麻賓館/a/li

lia href="#"電信賓館/a/li

/ul

br

/div

/div

div id="footer"

p艾薩克 ?版權所有 a href="mailto:demo@demo.com"demo@demo.com/a/p

/div

/div

/body

/html

css為：

body{

background-color:#2286c6;

margin: 0px;

padding:0px;

text-align:center;

font-size:12px;

font-family:Arial, Helvetica, sans-serif;

}

#container{

position:relative;

margin:0px auto 0px auto;

width:780px;

text-align:left;

}

div br{

display:none;

}

#globallink{

margin:0px; padding:0px;

}

#globallink ul{

list-style:none;

padding:0px; margin:0px;

}

#globallink li{

float:left;

text-align:center;

width:78px;

}

#globallink a{

display:block;

padding:9px 6px 11px 6px;

background:url(button1.jpg) no-repeat;

margin:0px;

}

#globallink a:link, #globallink a:visited{

color:#004a87;

text-decoration:underline;

}

#globallink a:hover{

color:#FFFFFF;

text-decoration:underline;

background:url(button1_bg.jpg) no-repeat;

}

#left{

float:left;

width:200px;

background-color:#FFFFFF;

margin:0px;

padding:0px 0px 5px 0px;

color:#d8ecff;

}

#left div{

background-color:#5ea6eb;

margin:0px 5px 0px 5px;

}

#weather{

background:url(weather.jpg) no-repeat -5px 0px;

margin:0px 5px 0px 5px;

background-color:#5ea6eb;

}

div#left #weather h3{

font-size:12px;

padding:24px 0px 0px 74px;

color:#FFFFFF;

background:none;

margin:0px;

}

div#weather ul{

margin:8px 5px 0px 5px;

padding:10px 0px 8px 5px;

list-style:none;

}

#weather ul li{

background:url(icon1.gif) no-repeat 0px 6px;

padding:1px 0px 0px 10px;

}

#left div h3{

font-size:12px;

padding:4px 0px 2px 15px;

color:#003973;

margin:0px 0px 5px 0px;

background:#bbddff url(icon2.gif) no-repeat 5px 7px;

}

#today{

padding:0px 0px 10px 0px;

}

#today ul{

list-style:none;

margin:-5px 0px 0px 0px;

padding:0px;

}

#today ul li{

text-align:center;

}

#today ul li img{

border:1px solid #FFFFFF;

margin:8px 0px 0px 0px;

}

#today ul li a:link, #today ul li a:visited{

color:#d8ecff;

text-decoration:none;

}

#today ul li a:hover{

color:#FFFF00;

text-decoration:underline;

}

#middle{

background-color:#FFFFFF;

margin:0px 0px 0px 2px;

padding:5px 0px 0px 0px;

width:400px; float:left;

}

#middle div{

margin-left:5px;

margin-right:5px;

position:relative;

}

#middle h3{

margin:0px; padding:0px;

height:41px;

}

#middle h3 span{

display:none; /* 文字去掉，換成圖片 */

}

#beauty{

margin:15px 0px 0px 0px;

padding:0px;

}

#beauty h3{

background:url(picture_h1.gif) no-repeat;

}

#beauty ul, #route ul{

list-style:none;

margin:8px 1px 0px 1px;

padding:0px;

}

#beauty ul li{

float:left;

width:97px;

text-align:center;

}

#beauty ul li img{

border:1px solid #4ab0ff;

}

#route{

clear:both; margin:0px;

padding:5px 0px 15px 0px;

}

#route h3{

background:url(route_h1.gif) no-repeat;

}

#route ul li{

padding:3px 0px 0px 30px;

background:url(icon1.gif) no-repeat 20px 7px;

}

#route ul li a:link, #route ul li a:visited{

color:#004e8a;

text-decoration:none;

}

#route ul li a:hover{

color:#000000;

text-decoration:underline;

}

#right{

float:left;

margin:0px 0px 1px 2px;

width:176px;

background-color:#FFFFFF;

color:#d8ecff;

}

#right div{

position:relative;

margin-left:5px;

margin-right:5px;

background-color:#5ea6eb;

}

#right div h3{

font-size:12px;

padding:4px 0px 2px 15px;

color:#003973;

margin:0px 0px 5px 0px;

background:#bbddff url(icon2.gif) no-repeat 5px 7px;

}

#map{

margin-top:5px;

}

#map p{

text-align:center;

margin:0px;

padding:2px 0px 5px 0px;

}

#map p img{

border:1px solid #FFFFFF;

}

#food{

padding-top:10px;

}

#food ul, #life ul{

list-style:none;

padding:0px 0px 10px 0px;

margin:10px 10px 0px 10px;

}

#food ul li, #life ul li{

background:url(icon1.gif) no-repeat 3px 9px;

padding:3px 0px 3px 12px;

border-bottom:1px dashed #EEEEEE;

}

#food ul li a:link, #food ul li a:visited, #life ul li a:link, #life ul li a:visited{

color:#d8ecff;

text-decoration:none;

}

#food ul li a:hover, #life ul li a:hover{

color:#000000;

text-decoration:none;

}

#life{

padding-top:10px;

padding-bottom:5px;

margin-bottom:5px;

}

#footer{

background-color:#FFFFFF;

margin:1px 0px 0px 0px;

clear:both;

position:relative;

padding:1px 0px 1px 0px;

}

#footer p{

text-align:center;

padding:0px;

margin:4px 5px 4px 5px;

background-color:#5ea6eb;

}

#footer p a{

color:#FFFFFF;

text-decoration:none;

}

關于網頁設計與制作大作業(yè)代碼和網頁設計與制作課程大作業(yè)的介紹到此就結束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關注本站。