- DreamweaverCS6+HTML+CSS+DIV+JavaScript網(wǎng)站開發(fā)案例教程
- 崔英敏 張麗香
- 5962字
- 2021-03-05 18:34:08
1.2 準(zhǔn)備知識(shí):網(wǎng)頁的基礎(chǔ)知識(shí)
1.2.1 網(wǎng)頁元素
在當(dāng)今社會(huì),網(wǎng)站已經(jīng)成為必不可少的信息來源之一,用戶通過瀏覽網(wǎng)頁,獲取信息。網(wǎng)頁是網(wǎng)站中的任一頁面,通常是HTML(超文本標(biāo)記語言)格式(文件擴(kuò)展名為html、htm、asp、aspx、php、jsp 等)的文件。網(wǎng)頁與網(wǎng)頁之間、網(wǎng)頁與其他網(wǎng)頁元素之間可以通過超鏈接,實(shí)現(xiàn)頁面的跳轉(zhuǎn)。網(wǎng)頁的構(gòu)成元素主要包括文字、圖像、音頻、視頻、動(dòng)畫、樣式、各類腳本等。
1.文字
文字是網(wǎng)頁最基本的組成元素之一,其在網(wǎng)頁中的表現(xiàn)形式主要涉及字體、字號(hào)和編碼。字體指的是文字的風(fēng)格式樣,常見的中文字體有“宋體”“楷體”“仿宋”等,常見的英文字體有“Arial”“Times New Roman”等。相同內(nèi)容不同語言展現(xiàn)的網(wǎng)頁,會(huì)根據(jù)需要選擇對(duì)應(yīng)的字體,即中文選擇中文字體,英語選擇對(duì)應(yīng)的英文字體。字號(hào)是指文字的大小,在網(wǎng)頁中,常用來描述文字大小的單位是px(像素)和pt(點(diǎn))。px是Pixel的縮寫,是相對(duì)于顯示器屏幕分辨率而言的;pt全稱為point,大小為1/72英寸,是一個(gè)自然界標(biāo)準(zhǔn)的長(zhǎng)度單位,也稱為“絕對(duì)長(zhǎng)度”。字號(hào)還可以用其他的單位,如em(字高)、%(百分比)等。
2.圖像
圖像是網(wǎng)頁中最常見的元素之一,比文字描述所展現(xiàn)的效果更形象、生動(dòng),而且能包含文字所無法描述的信息。目前,在網(wǎng)頁中常用的圖像格式有jpg、gif和png等。
? jpg格式:jpg或jpeg格式的圖像文件是當(dāng)前最流行的圖像格式之一,其特點(diǎn)是擁有良好的圖片顯示效果及較大的圖像壓縮比。目前網(wǎng)頁上使用的圖像格式基本是jpg格式,也是數(shù)碼相機(jī)、掃描儀等設(shè)備常用的圖像文件格式。
? gif格式:gif格式的圖像支持透明背景,可以將多幅圖像保存為一個(gè)圖像文件,制作成小動(dòng)畫,是網(wǎng)絡(luò)上常用的圖像格式,但是只能顯示256色,是目前網(wǎng)絡(luò)流行的“動(dòng)圖”文件格式。
? png格式:png格式也是目前較為流行的網(wǎng)絡(luò)圖像格式,是Adobe公司推出的圖像處理工具Fireworks的默認(rèn)保存格式,支持透明背景,可以制作連續(xù)的多幀小動(dòng)畫圖片,存儲(chǔ)的色彩豐富。
在網(wǎng)頁中,目前只有g(shù)if和png兩種圖像格式支持透明背景的圖像,但是png格式需要在IE瀏覽器8.0或以上版本才能支持透明背景的效果。除了以上的圖像格式外,還有其他的圖像格式,如bmp、psd、tif等圖像格式也是目前常見的圖像格式,但是這些圖像格式壓縮率低或在瀏覽器中不能直接打開,故在網(wǎng)頁中基本不使用這幾種格式的圖像文件。
3.音頻
網(wǎng)頁中的音頻文件主要采用MP3和MIDI兩種格式。
? MP3格式:MP3是一種音頻壓縮技術(shù),其全稱是“動(dòng)態(tài)影像專家壓縮標(biāo)準(zhǔn)音頻層面3”(Moving Picture Experts Group Audio Layer III),簡(jiǎn)稱為MP3。目前網(wǎng)絡(luò)上的音樂格式大部分采用的是MP3格式,MP3格式的音頻文件具有較大的壓縮率,可將音頻文件壓縮成容量較小的文件,壓縮后的文件與未壓縮前相比音頻質(zhì)量沒有明顯的下降,所以MP3格式的文件在網(wǎng)絡(luò)中被大量使用。
? MIDI:MIDI是Musical Instrument Digital Interface的簡(jiǎn)稱,意為音樂設(shè)備數(shù)字接口。它是一種電子樂器之間以及電子樂器與電腦之間的統(tǒng)一交流協(xié)議。由于其對(duì)應(yīng)的文件小,故早期網(wǎng)頁上的背景音樂基本采用 MIDI 格式的音頻文件,由于網(wǎng)絡(luò)技術(shù)的發(fā)展,目前 MIDI 格式的音頻文件在網(wǎng)頁中較少使用,基本使用MP3格式的音頻文件。
4.視頻
在網(wǎng)頁中播放視頻文件需要視頻播放插件的支持,目前網(wǎng)頁上常用的視頻文件的格式為WMV、FLV、MPEG、RM等。
? WMV:WMV(Windows Media Video)是微軟推出的一種流媒體格式,可以邊下載邊播放,因此很適合在網(wǎng)上播放和傳輸。
? FLV:FLV是Flash VIDEO的簡(jiǎn)稱,F(xiàn)LV流媒體格式是隨著Flash的推出、發(fā)展而來的。由于它形成的文件較小、加載速度快,適合在網(wǎng)絡(luò)中在線觀看,有效地解決了視頻文件導(dǎo)入Flash后導(dǎo)出的SWF文件體積龐大,不能在網(wǎng)絡(luò)上流暢使用等缺點(diǎn)。目前網(wǎng)絡(luò)上的視頻網(wǎng)站,如優(yōu)酷、土豆等都采用FLV的文件格式播放視頻。
? MPEG:MPEG是一種視頻、音頻的壓縮技術(shù)標(biāo)準(zhǔn),目前使用較多的是MPEG-4標(biāo)準(zhǔn)的視頻壓縮文件。用MPEG-4的高壓縮率和高圖像還原技術(shù)可以把DVD里面的MPEG-2視頻文件轉(zhuǎn)換為體積更小的視頻文件。經(jīng)過這樣處理,圖像的視頻質(zhì)量損失少但文件大小卻縮小幾倍,可以很方便地用于保存DVD上面的視頻文件。MPEG-4也常用于視頻的攝影錄像、網(wǎng)絡(luò)實(shí)時(shí)影像播放。
5.動(dòng)畫
網(wǎng)頁動(dòng)畫主要是指swf文件。swf是Flash的專用格式,是一種支持矢量和點(diǎn)陣圖形的動(dòng)畫文件格式,被廣泛應(yīng)用于網(wǎng)頁設(shè)計(jì)、動(dòng)畫制作等領(lǐng)域,swf文件通常也被稱為Flash文件。
6.HTML
HTML是用來制作網(wǎng)頁的標(biāo)記語言,HTML是Hypertext Markup Language的英文縮寫,即超文本標(biāo)記語言,瀏覽器能直接執(zhí)行,例如段落標(biāo)簽為<p>,HTML對(duì)網(wǎng)頁元素有對(duì)應(yīng)的標(biāo)簽,可通過對(duì)標(biāo)簽的屬性的設(shè)置,美化網(wǎng)頁。
7.CSS
CSS層疊樣式表,使用CSS可以對(duì)網(wǎng)頁中元素的位置進(jìn)行像素級(jí)的精確控制,并且支持幾乎所有的字體字號(hào)樣式,擁有對(duì)網(wǎng)頁對(duì)象和模型樣式編輯的能力,還能夠進(jìn)行初步交互設(shè)計(jì),是目前基于文本展示最優(yōu)秀的表現(xiàn)設(shè)計(jì)語言。
8.JavaScript
JavaScript是一種基于對(duì)象和事件驅(qū)動(dòng)并具有相對(duì)安全性的客戶端腳本語言,同時(shí)也是一種廣泛用于客戶端Web開發(fā)的腳本語言。在HTML網(wǎng)頁中加入JavaScript,能增加網(wǎng)頁客戶端的交互效果,常用來給HTML網(wǎng)頁添加動(dòng)態(tài)功能。
1.2.2 網(wǎng)頁的分類
按表現(xiàn)形式,網(wǎng)頁主要分為靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁兩種類型。
1.靜態(tài)網(wǎng)頁
靜態(tài)網(wǎng)頁通常指的是文件后綴名為“.html”“.htm”和“.shtml”等形式呈現(xiàn)的網(wǎng)頁。這類網(wǎng)頁的特點(diǎn)是瀏覽器端不與服務(wù)器端發(fā)生交互。在制作與發(fā)布靜態(tài)網(wǎng)頁的站點(diǎn)時(shí),不需要安裝Web 服務(wù)器,不連接數(shù)據(jù)庫(kù),使用瀏覽器打開網(wǎng)頁可以直接預(yù)覽到網(wǎng)頁的效果。本教材所涉及的網(wǎng)頁均為靜態(tài)網(wǎng)頁。
2.動(dòng)態(tài)網(wǎng)頁
動(dòng)態(tài)網(wǎng)頁是指網(wǎng)頁文件里包含了程序代碼,通過后臺(tái)數(shù)據(jù)庫(kù)與Web服務(wù)器的信息交互,由后臺(tái)數(shù)據(jù)庫(kù)提供實(shí)時(shí)數(shù)據(jù)更新和數(shù)據(jù)查詢服務(wù)。這種網(wǎng)頁的后綴名稱一般根據(jù)程序設(shè)計(jì)語言的不同而不同,如常見的有“.asp”“.aspx”“.jsp”“.php”等形式。動(dòng)態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁是相對(duì)應(yīng)的,動(dòng)態(tài)網(wǎng)頁的內(nèi)容可以根據(jù)某種條件的改變而自動(dòng)改變,如留言本,用戶可以通過網(wǎng)頁實(shí)現(xiàn)注冊(cè)、登錄、留言、修改留言等操作;再如新聞發(fā)布網(wǎng)站,網(wǎng)站管理員通過網(wǎng)站后臺(tái)就可發(fā)布新聞、上傳產(chǎn)品信息、發(fā)布最新動(dòng)態(tài)等操作,還可以對(duì)發(fā)布的信息進(jìn)行修改、刪除等。用戶通過瀏覽網(wǎng)頁,對(duì)新聞、產(chǎn)品等實(shí)現(xiàn)留言和評(píng)論等。制作動(dòng)態(tài)網(wǎng)頁時(shí),預(yù)覽網(wǎng)頁效果需要Web服務(wù)器,常常與數(shù)據(jù)庫(kù)搭配使用。
注意:動(dòng)態(tài)網(wǎng)頁不是網(wǎng)頁動(dòng)畫,與網(wǎng)頁上的各種Flash動(dòng)畫、滾動(dòng)字幕、JavaScript網(wǎng)頁特效的視覺上的動(dòng)態(tài)效果是不同的概念。動(dòng)態(tài)網(wǎng)頁是與服務(wù)器發(fā)生交互,如用戶注冊(cè)時(shí),在客戶端將注冊(cè)的信息通過網(wǎng)絡(luò)寫入遠(yuǎn)程的數(shù)據(jù)庫(kù)中,再返回信息到客戶端的過程。
1.2.3 常用的術(shù)語
1.WWW
WWW是環(huán)球信息網(wǎng)(World Wide Web)的縮寫,中文名字為“萬維網(wǎng)”“環(huán)球網(wǎng)”等,常簡(jiǎn)稱為Web,分為Web客戶端和Web服務(wù)器程序。WWW可以讓W(xué)eb客戶端(常用瀏覽器)訪問瀏覽Web服務(wù)器上的頁面。WWW提供豐富的文本和圖形、音頻、視頻等多媒體信息,將這些內(nèi)容集合在一起,并提供導(dǎo)航功能,使用戶可以方便地在各個(gè)頁面之間進(jìn)行瀏覽。由于WWW內(nèi)容豐富,瀏覽方便,已經(jīng)成為互聯(lián)網(wǎng)最重要的服務(wù)。
2.URL
URL即統(tǒng)一資源定位符(Uniform Resource Locator),是對(duì)從互聯(lián)網(wǎng)上得到的資源的位置和訪問方法的一種簡(jiǎn)潔的表示,是互聯(lián)網(wǎng)上標(biāo)準(zhǔn)資源的地址。互聯(lián)網(wǎng)上的每個(gè)文件都有一個(gè)唯一的URL,URL用統(tǒng)一的格式來描述信息資源,包括文件、服務(wù)器的地址和目錄等。
3.Web服務(wù)器
Web 服務(wù)器一般是指網(wǎng)站的服務(wù)器,主要功能是提供網(wǎng)上信息瀏覽服務(wù)。網(wǎng)頁完成后需要在網(wǎng)絡(luò)上實(shí)現(xiàn)發(fā)布,其他人才能通過互聯(lián)網(wǎng)查看到網(wǎng)頁,Web服務(wù)器就是提供網(wǎng)站發(fā)布功能的。常見的Web服務(wù)器有IIS(Internet Information Services)、Apache、Tomcat等。
4.域名
域名(Domain Name),俗稱“網(wǎng)址”。互聯(lián)網(wǎng)上的域名必須經(jīng)過注冊(cè)才能使用,而且域名是唯一的,例如,輸入“www.163.com”打開的網(wǎng)址就是網(wǎng)易。域名是由一串用點(diǎn)分隔的名字組成的Internet上某一臺(tái)計(jì)算機(jī)或計(jì)算機(jī)組的名稱,用于在數(shù)據(jù)傳輸時(shí)標(biāo)識(shí)計(jì)算機(jī)的電子方位(有時(shí)也指地理位置,地理上的域名指有行政自主權(quán)的一個(gè)地方區(qū)域)。域名的注冊(cè)是租用模式,需要交納費(fèi)用并有使用時(shí)間限制,到期不及時(shí)續(xù)費(fèi),域名可以被其他人或機(jī)構(gòu)申請(qǐng)使用。
5.網(wǎng)站發(fā)布
網(wǎng)站發(fā)布是指完成一個(gè)網(wǎng)站的制作后,將網(wǎng)站上傳到網(wǎng)絡(luò)中供用戶訪問的過程。
6.超鏈接
超鏈接是指網(wǎng)頁間、網(wǎng)頁元素間的連接關(guān)系,從一個(gè)網(wǎng)頁通過單擊文字、圖片或其他元素打開一個(gè)網(wǎng)頁對(duì)象的關(guān)系,這個(gè)目標(biāo)可以是一個(gè)網(wǎng)頁,也可以是相同網(wǎng)頁上的不同位置,還可以是一個(gè)圖片,一個(gè)電子郵件地址,一個(gè)文件,甚至是一個(gè)應(yīng)用程序。
7.本地站點(diǎn)和遠(yuǎn)程站點(diǎn)
網(wǎng)站的站點(diǎn)可以看作是網(wǎng)站中所有文件的集合,使用瀏覽器工具,可以從一個(gè)文檔跳轉(zhuǎn)到另一個(gè)文檔,實(shí)現(xiàn)對(duì)整個(gè)網(wǎng)站的瀏覽。站點(diǎn)分為本地站點(diǎn)和遠(yuǎn)程站點(diǎn),本地站點(diǎn)通常是指本地計(jì)算機(jī)的一個(gè)文件夾地址,如“C:\web”。遠(yuǎn)程站點(diǎn)是指通過Internet實(shí)現(xiàn)對(duì)網(wǎng)站文件的瀏覽,網(wǎng)站文件存儲(chǔ)在 Internet服務(wù)器上的位置。存儲(chǔ)于 Internet服務(wù)器上的網(wǎng)站文檔的集合稱作遠(yuǎn)程站點(diǎn)。
1.2.4 常用的網(wǎng)頁制作工具軟件
常用的網(wǎng)頁編輯工具有Dreamweaver、FrontPage、記事本等,與網(wǎng)頁相關(guān)的其他工具主要是Adode公司開發(fā)的工具Flash、Photoshop、各種瀏覽器工具、FTP上傳工具、瀏覽器測(cè)試工具等。
1.Dreamweaver

Adobe Dreamweaver,簡(jiǎn)稱“DW”,中文名稱“夢(mèng)想編織者”,是Adobe公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的“所見即所得”網(wǎng)頁編輯器。它是第一套針對(duì)專業(yè)網(wǎng)頁設(shè)計(jì)師開發(fā)的視覺化網(wǎng)頁制作工具,能產(chǎn)生所見即所得的網(wǎng)頁,是大多數(shù)網(wǎng)頁設(shè)計(jì)師使用的網(wǎng)頁編輯工具。本書主要使用Dreamweaver工具實(shí)現(xiàn)網(wǎng)頁的制作和網(wǎng)站的開發(fā)。
2.Flash

Flash是由Adobe公司推出的交互式矢量圖和Web動(dòng)畫的標(biāo)準(zhǔn)。網(wǎng)頁設(shè)計(jì)者使用Flash創(chuàng)作出既漂亮又可改變尺寸的導(dǎo)航界面以及其他奇特的效果,是商用的二維矢量動(dòng)畫軟件,用于設(shè)計(jì)和編輯Flash文檔。在網(wǎng)頁中動(dòng)畫多采用由Flash工具生成的swf文件。
3.Photoshop

Photoshop 簡(jiǎn)稱“PS”,是由 Adobe 公司開發(fā)和發(fā)行的圖像處理軟件。Photoshop主要處理以像素所構(gòu)成的數(shù)字圖像,具有眾多的圖像編輯與繪圖工具,可以有效地進(jìn)行圖像的編輯工作。Photoshop功能強(qiáng)大,是目前最流行的圖像編輯工具,除了可以處理圖像,還能直接生成網(wǎng)頁文件,是網(wǎng)頁設(shè)計(jì)中常常用到的工具軟件。
4.記事本
記事本是Windows系統(tǒng)自帶的簡(jiǎn)單的文本編輯工具,但由于大部分的網(wǎng)頁源代碼都是純文本,可以使用記事本直接編寫或修改網(wǎng)頁的源文檔。不過對(duì)于制作稍大型的網(wǎng)頁,需要編輯大量代碼時(shí),使用記事本就不合適了,但對(duì)于初學(xué)者來說,記事本是較好的練習(xí)工具,在學(xué)習(xí)HTML標(biāo)記語言時(shí),使用記事本來編寫,可以提高代碼的編寫能力。
5.瀏覽器
上網(wǎng)時(shí)用來打開網(wǎng)頁的工具軟件就是瀏覽器,瀏覽器可以顯示網(wǎng)頁服務(wù)器或者文件系統(tǒng)的HTML文件內(nèi)容,并讓用戶與這些文件交互的一種工具軟件。一個(gè)網(wǎng)頁中可以包括多個(gè)文檔,每個(gè)文檔都是分別從服務(wù)器獲取的。大部分的瀏覽器本身支持除了HTML之外,還能夠擴(kuò)展支持眾多的插件(plug-ins),如 Flash 插件等。常見的網(wǎng)頁瀏覽器主要有微軟公司的Internet Explorer(簡(jiǎn)稱IE瀏覽器)、Mozilla的Firefox(火狐瀏覽器)、Google Chrome、360安全瀏覽器、搜狗高速瀏覽器、QQ 瀏覽器、傲游瀏覽器、百度瀏覽器等。瀏覽器是最經(jīng)常使用到的客戶端程序,不同的瀏覽器工具及其不同的版本對(duì)同一頁面的效果有可能會(huì)有不同的顯示效果,這是由于瀏覽器工具對(duì)網(wǎng)頁元素的支持度不相同,尤其是對(duì)CSS和JavaScript的解析會(huì)有所不同。所以在制作網(wǎng)頁的同時(shí),必須采用多種瀏覽器及多個(gè)版本來進(jìn)行測(cè)試,也可以采用瀏覽器測(cè)試工具如IETest等工具軟件,保證制作出來的網(wǎng)頁在不同的環(huán)境下均能正常顯示。
6.IETester
IETester是一個(gè)免費(fèi)的IE瀏覽器測(cè)試工具,用來測(cè)試網(wǎng)頁在不同IE版本下兼容性的效果,是網(wǎng)頁設(shè)計(jì)者常用的網(wǎng)頁測(cè)試工具。
7.FTP上傳工具
網(wǎng)站制作完成后,當(dāng)需要將本地文件上傳到遠(yuǎn)程站點(diǎn)時(shí),往往采用FTP工具實(shí)現(xiàn)文件上傳,常用的FTP上傳工具有CuteFTP、FlashFTP等。
1.2.5 網(wǎng)站的開發(fā)流程
在制作網(wǎng)站之前需要進(jìn)行建站前的準(zhǔn)備工作,分別是網(wǎng)站的需求分析、網(wǎng)站資料收集、網(wǎng)站規(guī)劃等;網(wǎng)站制作完成后,進(jìn)行網(wǎng)站測(cè)試和發(fā)布工作;網(wǎng)站交付用戶使用后,還需對(duì)網(wǎng)站進(jìn)行定期的維護(hù)和更新。
1.需求分析
在制作網(wǎng)站前,要明確制作網(wǎng)站的目標(biāo),定義網(wǎng)站的類型,網(wǎng)站對(duì)應(yīng)的用戶群信息,撰寫網(wǎng)站的需求分析報(bào)告,明確網(wǎng)站的定位、風(fēng)格、內(nèi)容。目前根據(jù)網(wǎng)站的內(nèi)容將網(wǎng)站劃分為企業(yè)類網(wǎng)站、門戶類網(wǎng)站、專業(yè)類網(wǎng)站、個(gè)人類網(wǎng)站、主題類網(wǎng)站等,根據(jù)不同類型網(wǎng)站的需求來制作對(duì)應(yīng)類型的網(wǎng)頁。
2.網(wǎng)站規(guī)劃
網(wǎng)站規(guī)劃主要內(nèi)容為網(wǎng)站風(fēng)格、頁面布局、網(wǎng)站內(nèi)容。網(wǎng)站的風(fēng)格是指網(wǎng)站給瀏覽者的整體形象,主要由網(wǎng)站的色彩、標(biāo)志、字體等綜合構(gòu)成。例如,制作一個(gè)企業(yè)網(wǎng)站,其目的是通過網(wǎng)站展現(xiàn)企業(yè)文化、經(jīng)營(yíng)理念和產(chǎn)品,同時(shí)提供用戶溝通的渠道,如留言區(qū)、郵箱、在線客服等,在色彩上需要選擇能體現(xiàn)企業(yè)形象的色系,背景、文字、圖片三者要有機(jī)地融合在一起,也要將主要內(nèi)容鮮明獨(dú)特地展現(xiàn)出來。網(wǎng)站的標(biāo)志也是企業(yè)的標(biāo)志,往往是企業(yè)注冊(cè)的商標(biāo)或相關(guān)標(biāo)志,是具有版權(quán)的信息。網(wǎng)站的內(nèi)容是網(wǎng)站的核心,在制作網(wǎng)頁之前,要確定網(wǎng)站的主要內(nèi)容,根據(jù)內(nèi)容的重要性分配在網(wǎng)頁的不同位置顯示。
3.網(wǎng)站制作
在完成站點(diǎn)規(guī)劃后,就開始具體的制作頁面。首頁與二級(jí)頁面之間的布局要定義好,網(wǎng)頁的布局要考慮頁面寬度、結(jié)構(gòu)等問題。網(wǎng)頁的布局傳統(tǒng)為采用表格布局,現(xiàn)在主流的布局模式是DIV+CSS 模式。首頁是一個(gè)網(wǎng)站中最重要的頁面,是整個(gè)網(wǎng)站的索引,其他頁面可以采用模板的方式快速完成,完成后要確定頁面之間都進(jìn)行了超鏈接。
4.網(wǎng)站測(cè)試
完成網(wǎng)站的制作后,必須先進(jìn)行測(cè)試,測(cè)試的目的是為了找出網(wǎng)站存在的問題,例如進(jìn)行多個(gè)瀏覽器的兼容測(cè)試,網(wǎng)頁間的超鏈接測(cè)試,檢驗(yàn)網(wǎng)頁元素是否可以正常顯示和運(yùn)行等。網(wǎng)站在發(fā)布前必須多次測(cè)試,早發(fā)現(xiàn)問題早解決,避免上傳后重復(fù)出錯(cuò)而提高后期的更新維護(hù)的難度。
5.網(wǎng)站發(fā)布
網(wǎng)站發(fā)布是需要空間與域名的,可在網(wǎng)上租用一個(gè)空間和域名,采用 FTP 上傳工具進(jìn)行本地站點(diǎn)文件的上傳,使用瀏覽器對(duì)域名進(jìn)行訪問,完成網(wǎng)站的發(fā)布。
6.更新維護(hù)
網(wǎng)站發(fā)布后,在運(yùn)行的過程中,往往還需要更新網(wǎng)站信息,保持網(wǎng)站的內(nèi)容能隨時(shí)反映最新的信息,所以后期還需要定期的打開網(wǎng)站檢查頁面是否正常,以及上傳新的信息或修改頁面后重新上傳等工作。
圖1-2-1是網(wǎng)站開發(fā)的流程圖。
網(wǎng)頁制作的基本要求:網(wǎng)頁制作并不是簡(jiǎn)單的內(nèi)容上的堆積,是有具體的目標(biāo)、要達(dá)到一定的效果,在制作網(wǎng)頁的時(shí)候,必須遵循網(wǎng)頁制作的原則。
? 網(wǎng)站中的文件和文件夾的名稱采用的字符為字母、數(shù)字和下劃線,不采用中文字符或韓文、法文等字符,數(shù)字和字母也不采用中文全角下的字符。

圖1-2-1 網(wǎng)站開發(fā)流程圖
? 網(wǎng)站的首頁的名稱一般為“index.html”或“index.htm”,首頁存儲(chǔ)在站點(diǎn)的根目錄下,合理規(guī)劃網(wǎng)站中文件儲(chǔ)存的位置,做到整齊有條理。
? 網(wǎng)頁的寬度不要定義得太大或太小,要根據(jù)當(dāng)前的主流顯示器的分辨率來定義。目前采用1 000~1 200像素的寬度比較適合,全屏百分百的顯示也是常用的寬度值設(shè)置,網(wǎng)頁的內(nèi)容一般顯示在網(wǎng)頁的中間位置(居中效果)。
? 網(wǎng)頁的字體不宜采用特殊字體,由于瀏覽網(wǎng)頁是在用戶的電腦中,如果瀏覽者的操作系統(tǒng)中缺乏這些特殊字體,將采用系統(tǒng)的默認(rèn)字體,所以網(wǎng)頁字體要選擇大眾化的字體或直接采用默認(rèn)字體。
? 除了制作音頻或視頻類的網(wǎng)站,一個(gè)網(wǎng)頁中不要過多地使用網(wǎng)頁特效、動(dòng)畫、視頻、音頻等效果。
? 圖像文件大小要控制在100K以內(nèi),除了以圖像為主題的網(wǎng)站外,一般不使用單張大小超過500K的圖像文件。
? 除首頁外,網(wǎng)站中的網(wǎng)頁要有返回首頁或上一級(jí)網(wǎng)頁的鏈接設(shè)置。
- 流式系統(tǒng)
- Solaris 10系統(tǒng)管理
- 網(wǎng)絡(luò)工程設(shè)計(jì)與實(shí)施(第2版)
- 大數(shù)據(jù)安全
- 信息系統(tǒng)項(xiàng)目管理
- Administrating Solr
- Laravel入門與實(shí)戰(zhàn)(第2版):構(gòu)建主流PHP應(yīng)用開發(fā)框架
- 軟件定義網(wǎng)絡(luò):SDN與OpenFlow解析
- 網(wǎng)絡(luò)設(shè)備配置與管理
- 計(jì)算機(jī)網(wǎng)絡(luò)
- 用Microsoft Project 2007構(gòu)建企業(yè)項(xiàng)目管理信息系統(tǒng)
- Mastering SaltStack
- Ajax 實(shí)用技術(shù)
- 私有云存儲(chǔ)系統(tǒng)搭建與應(yīng)用
- Learning AWS OpsWorks