版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
七章網(wǎng)站的設(shè)計(jì)與制作
計(jì)算機(jī)工程教研室
本章內(nèi)容
。概述
?……HTML簡(jiǎn)介
網(wǎng)站設(shè)計(jì)與制作
網(wǎng)站的測(cè)試與發(fā)布
2CivilAviationFlightUniversityofChina
7.1.1網(wǎng)站的規(guī)劃與設(shè)計(jì)
?:?創(chuàng)建一個(gè)完整的Web站點(diǎn)，大致上可以分為
5個(gè)階段
■1.分析階段
■創(chuàng)建站點(diǎn)之前需要耗費(fèi)一定的時(shí)間精力對(duì)站
點(diǎn)進(jìn)行規(guī)劃設(shè)計(jì)，確定站點(diǎn)的目標(biāo)、客戶群、
主題、規(guī)模、站點(diǎn)結(jié)構(gòu)、欄目和界面風(fēng)格等，
制定出詳細(xì)的計(jì)劃。
■2.設(shè)計(jì)階段
■制定主頁(yè)的結(jié)構(gòu)、連接方式和站點(diǎn)的模塊劃
分方式，并收集相關(guān)的素材，制作必要的組件。
如果網(wǎng)站中用到數(shù)據(jù)庫(kù)，則還要進(jìn)行數(shù)據(jù)庫(kù)的
選擇與數(shù)據(jù)庫(kù)的結(jié)構(gòu)設(shè)計(jì)。
3CivilAviationFlightUniversityofChina
7.L1網(wǎng)站的規(guī)劃與設(shè)計(jì)
■3.實(shí)現(xiàn)階段
■選擇適當(dāng)?shù)木W(wǎng)頁(yè)設(shè)計(jì)工具、網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言創(chuàng)
建網(wǎng)頁(yè)，編寫或制作出各個(gè)不同功能網(wǎng)頁(yè)的代
碼，確定網(wǎng)頁(yè)之間的關(guān)系，建立網(wǎng)頁(yè)之間的鏈
接。
■4.測(cè)試階段
■利用瀏覽器測(cè)試網(wǎng)頁(yè)文檔的正確性、可用性
和健壯性，及時(shí)糾正錯(cuò)誤，杜絕漏洞。
■5.維護(hù)階段
■在站點(diǎn)運(yùn)行過程中，需要經(jīng)常對(duì)制作好的網(wǎng)
頁(yè)文檔進(jìn)行更新和完善。
4CivilAviationFlightUniversityofChina
7.L2網(wǎng)頁(yè)設(shè)計(jì)的基本原則B
?1.速度優(yōu)先原則
?2.標(biāo)題設(shè)計(jì)原則
?3.內(nèi)容更新原則
?4.藝術(shù)處理原則
?5.操作簡(jiǎn)便原則
?6.易于維護(hù)原則
5CivilAviationFlightUniversityofChina
7.1.3網(wǎng)頁(yè)制作工具簡(jiǎn)介
?在WWW出現(xiàn)的初期，制作網(wǎng)頁(yè)都是在文本編輯
器中使用HTML編寫的，網(wǎng)頁(yè)制作人員要有一定的
編程基礎(chǔ)，并且需要記住HTML標(biāo)記的含義。后來(lái)
雖然又出現(xiàn)了類似HotDog的網(wǎng)頁(yè)編輯器，但還是
基于HTML標(biāo)記來(lái)編寫網(wǎng)頁(yè)。直到Dreamweaver等
“所見即所得”的網(wǎng)頁(yè)制作工具出現(xiàn)之后，不是
專業(yè)程序員的使用者們才開始能夠制作精美、漂
亮的網(wǎng)頁(yè)。如果用戶還需要制作交互式的或具有
某些特殊效果的網(wǎng)頁(yè)，還需要使用JavaSript、
CGI、JSP、ASP、PHP等來(lái)完成，但要求是使用它
們的開發(fā)人員必須具有一定的編程基礎(chǔ)
CivilAviationFlightUniversityofChina
Dreamweaver
菜單欄
插入欄面板組
文檔工具欄
“文件”面板
文檔窗口
標(biāo)簽選擇器
屬性檢查器
CivilAviationFlightUniversityofChina
Photoshop
P，AdobePhotoshopCS3Extended
菜單欄
j「
R
u
/
玄
夕
L，
工具欄a
I額色?I色板1樣式.
一文檔:3.52M/3,52M
口」Jj
8CivilAviationFlightUniversityofChina
FIash
菜單欄
時(shí)間軸
工具箱
工作區(qū)
浮動(dòng)
面板
“屬性二
面板
9CivilAviationFlightUniversityofChina
7.2HTML簡(jiǎn)介
?:*HTML文件一般是分層組織的，最外層是
<htmI></html>,在此標(biāo)記內(nèi)一般有兩層：
head層（文檔頭）和body層（文檔體）。
這兩部分內(nèi)容都包含在<htmI>和</htmI>之
間。文檔頭一般存儲(chǔ)網(wǎng)頁(yè)的信息，例如網(wǎng)
頁(yè)標(biāo)題和網(wǎng)頁(yè)關(guān)鍵字等。文檔體是網(wǎng)頁(yè)內(nèi)
容的顯示部分，主要由表格標(biāo)記、段落標(biāo)
記、圖像標(biāo)記等組成
10CivilAviationFlightUniversityofChina
7.2.1HTML的基本結(jié)構(gòu)
B典型HIIL文件結(jié)構(gòu).ht?-記事本同岡
文件①）編輯@）格式查看9幫助⑻展天就
<html>
<head>
文檔的頭部分
</head>
<body>
文檔的主體部分
</body>
</htnl>
CivilAviationFlightUniversityofChina
7.2.2HTML標(biāo)記H
?:?某個(gè)標(biāo)記的所有可用屬性稱為該標(biāo)記的屬
性集，不同的標(biāo)記所包含的屬性集也不
同?！礃?biāo)記屬性仁屬性值1屬性2二屬性值
2...>
12CivilAviationFlightUniversityofChina
部分常用標(biāo)記
?<pX/p>：創(chuàng)建一個(gè)段落，此標(biāo)記之間的文
本將按照段落的格式在瀏覽器中顯示；
?<h1>><h2>、……<h6>：是6種不同等級(jí)的
標(biāo)題標(biāo)記，<h1>字體最大，<h6>最小
臥標(biāo)總標(biāo)記示例.ht--記本本AF:\代碼'標(biāo)81標(biāo)記示例.htaliccoxoftInternetE...，一七|反］
文件9編輯通格式5查看9希勒文件????)查看9收蠹⑷工*9招助如獷
K/html〉■j回.ac/??e合'
<head></head>
<body>>ft-.色？'代碼'旗虺玩記南例*flwsi一
<h1>這是一級(jí)
。2〉這是二
<h3>法是三級(jí)這是一級(jí)標(biāo)題
<h4>這是四級(jí):
<h5>這是五級(jí)這是二級(jí)標(biāo)題
。6>這是六級(jí)
</body>
這是三縱標(biāo)題
這是四級(jí)標(biāo)題
這是五級(jí)標(biāo)箱
送■六■■■
如完學(xué)，癡汨6
(a)代碼(b)效果.
13CivilAviationFlightUniversityofChina
部分常用標(biāo)記（二）
文字格式
文字格式
文字格式
文字格式
文字格式
文字格式
交空格式
(a)代碼(b)效果“
14UIVIIavianonrngniumversixyOTunma
7.2.3超鏈接
(a)
(b)
15CivilAviationFlightUniversityofChina
7.2.4使用表格
屬性用途，
Width"表格的寬度a
現(xiàn)毀19尸表格的背景色~
(a)代碼」
Border41邊框的寬度P
C演詠w表格的單元格間距，默認(rèn)為2-
Hei曲"表格的高度口
Badegrounds表格的背景圖片,
邊框的顏色2
表格單元格的內(nèi)邊距，
(b)效果，
16CivilAviationFlightUniversityofChina
7.3網(wǎng)站設(shè)計(jì)與制作
?:?網(wǎng)站的主題體現(xiàn)了建立網(wǎng)站的目的。網(wǎng)站的設(shè)計(jì)
者首先應(yīng)明確建立網(wǎng)站的需求和目的，即為什么
要建立這個(gè)網(wǎng)站和建立的網(wǎng)站能做什么。任何一
個(gè)網(wǎng)站都不能涵蓋全部類型網(wǎng)站的特點(diǎn)，即一個(gè)
網(wǎng)站不可能同時(shí)是政府網(wǎng)站，又是商業(yè)網(wǎng)站，又
是個(gè)人網(wǎng)站。
?:?明確網(wǎng)站的目的是為了使網(wǎng)站主題突出，便于讀
者找出感興趣的內(nèi)容。不要讓網(wǎng)站主題過于分散,
因?yàn)榫W(wǎng)站主題越明確，后期的管理越容易，因此
所提供信息的質(zhì)量也會(huì)越高。
17CivilAviationFlightUniversityofChina
(b)樹型結(jié)構(gòu)(c)樹型結(jié)構(gòu)與線性結(jié)構(gòu)的結(jié)合
(d)網(wǎng)型結(jié)構(gòu)
18CivilAviationFlightUniversityofChina
7.3.3設(shè)計(jì)頁(yè)面
?:?有了網(wǎng)站結(jié)構(gòu)以后，就要在結(jié)構(gòu)上添加具
體的內(nèi)容。要決定頁(yè)面上分別要放置哪些
版塊，每個(gè)版塊上放置什么內(nèi)容以及內(nèi)容
的數(shù)量等，畫出主頁(yè)和子頁(yè)（即網(wǎng)站首頁(yè)
和它的二級(jí)頁(yè)面）的基本結(jié)構(gòu)草圖
19CivilAviationFlightUniversityofChina
網(wǎng)頁(yè)制作流程
?2.繪制網(wǎng)頁(yè)效果圖
?3.效果圖切割保存
為AdobePhotoshopCS3Extended-[gnanhui.JPG。90?(RGB/8t)]
曲文件也）潴捐⑥圖像包）圖層（L）選擇@潮SO：）工視圖9窗口?幫助包
沙，言丫'移'」-??」』」，匕：，二三二士葉川；」I隱藏自動(dòng)切片I火工褪▼
(HH""
323
RQ___1H1E0BrM-512.S?_-
R定近冠匯緋間資訊周黃r價(jià)格后總反話喝招聘
j
/
晶y
-
f-J
乳T
-
-u
z
A韓Iq-----□——q
■pI施?I色皎1樣蘇;—一
.■aO
￡~~G.Q
TB
」-_O
I齒甚,I通遒］解
關(guān)干我們產(chǎn)品供應(yīng)嬉電反饋0￡00SG7X33
司跑址廠州天河云封鎮(zhèn)時(shí)罰1號(hào)充家電話號(hào)促：U"Yfe”二33出反號(hào)碼UaFbfd
版權(quán)所自。-Hffi就:與車招賃順務(wù)有健去司備案號(hào).立信息及J8
_______闞
文檔⑵61M/2.31MI"
20CivilAviationFlightUniversityofChina
7.3.4創(chuàng)建本地網(wǎng)站
RAdobaDreasveaverCS3b??
文件但）編輯也）查看W）插入記錄夏）修改電）文本d）命令站點(diǎn)0）窗口電）幫助?I
?CSS
，應(yīng)用程序
I?標(biāo)簽檢查需
▼文件
ADOBE,DREAMWEAVER*CS3
文桂卜貨涯「代碼片概
W里面7管理站點(diǎn)
打開最近的項(xiàng)目新建從模板創(chuàng)建
sE3I￡C件IEZ3I
的站點(diǎn)定義為
guanhui
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 產(chǎn)品銷售許可合同范本
- 2025年度中文圖書銷售合同
- 湘潭大學(xué)興湘學(xué)院《密碼學(xué)進(jìn)展》2023-2024學(xué)年第二學(xué)期期末試卷
- 臨時(shí)活動(dòng)場(chǎng)所租賃協(xié)議2025
- 山東省諸城市市級(jí)名校2025屆初三第一次中考適應(yīng)性統(tǒng)考化學(xué)試題試卷含解析
- 山東省濟(jì)南市濟(jì)鋼高中2025年5月月考試卷語(yǔ)文試題試卷含解析
- 三亞學(xué)院《工程造價(jià)控制》2023-2024學(xué)年第二學(xué)期期末試卷
- 山西省孝義市九校2024-2025學(xué)年高三下學(xué)期定位考試（4月）英語(yǔ)試題含解析
- 遼寧省沈陽(yáng)市東北育才實(shí)驗(yàn)學(xué)校2025年三下數(shù)學(xué)期末質(zhì)量檢測(cè)試題含解析
- 四川汽車職業(yè)技術(shù)學(xué)院《數(shù)字圖像處理》2023-2024學(xué)年第二學(xué)期期末試卷
- 2024年11月-礦山隱蔽致災(zāi)因素普查
- 2025年由民政局策劃的離婚協(xié)議官方文本模板
- 新時(shí)代青年與中華傳統(tǒng)文化的現(xiàn)代表達(dá)：青春、創(chuàng)新與傳承
- 科技領(lǐng)域?qū)嶒?yàn)室質(zhì)量控制關(guān)鍵技術(shù)與方法
- 國(guó)土業(yè)務(wù)知識(shí)培訓(xùn)課件
- 《糖尿病與肥胖》課件
- 高考語(yǔ)文專題復(fù)習(xí)【高效課堂精研】小說(shuō)的敘述藝術(shù)
- 2024年05月湖南湖南湘江新區(qū)農(nóng)商行社會(huì)招考15人筆試歷年參考題庫(kù)附帶答案詳解
- 服裝設(shè)計(jì)與工藝基礎(chǔ)知識(shí)單選題100道及答案
- AI人工智能應(yīng)用開發(fā)合同
- 護(hù)理MDT多學(xué)科聯(lián)合查房
評(píng)論
0/150
提交評(píng)論