網(wǎng)站建設(shè)基礎(chǔ)(HTML語言)_第1頁
網(wǎng)站建設(shè)基礎(chǔ)(HTML語言)_第2頁
網(wǎng)站建設(shè)基礎(chǔ)(HTML語言)_第3頁
網(wǎng)站建設(shè)基礎(chǔ)(HTML語言)_第4頁
網(wǎng)站建設(shè)基礎(chǔ)(HTML語言)_第5頁
已閱讀5頁，還剩21頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

網(wǎng)絡(luò)技術(shù)應(yīng)用基礎(chǔ)

1.1網(wǎng)站設(shè)計(jì)基礎(chǔ)1.1網(wǎng)站設(shè)計(jì)基礎(chǔ)1、網(wǎng)頁的定義：在網(wǎng)站中，供用戶閱讀的一個(gè)個(gè)頁面，就稱之為“網(wǎng)頁”，又稱為web頁。如圖1-1所示即為一個(gè)網(wǎng)頁的界面。圖1-2圖1-12、網(wǎng)頁的分類根據(jù)不同的分類標(biāo)準(zhǔn)，可以對網(wǎng)頁進(jìn)行如下的分類:

(1)按網(wǎng)頁在網(wǎng)站中所處位置不同，網(wǎng)頁可分為主頁和內(nèi)頁。打開一個(gè)網(wǎng)站時(shí)看到的第一個(gè)頁面就是主頁，也稱為首頁，主頁文件的名稱一般為index.htm或index.html；與主頁相鏈接的其他各個(gè)頁面就稱之為內(nèi)頁。程序是否在服務(wù)器端運(yùn)行，是重要標(biāo)志?。?）

按網(wǎng)頁的表現(xiàn)形式，可將網(wǎng)頁分為靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁。運(yùn)行于客戶端的程序、網(wǎng)頁、插件、組件，屬于靜態(tài)網(wǎng)頁，例如html頁、flash、javascript、vbscript等等，它們是永遠(yuǎn)不變的。一般用戶制作的都是靜態(tài)網(wǎng)頁，它是一切網(wǎng)頁制作的基礎(chǔ)，如果想制作動態(tài)網(wǎng)頁，那么仍然需要先做好靜態(tài)頁面，然后在此靜態(tài)頁面中加入動態(tài)技術(shù)，從而制作出十分精彩的動態(tài)頁面。在服務(wù)器端運(yùn)行的程序、網(wǎng)頁、組件，屬于動態(tài)網(wǎng)頁，它們會隨不同客戶、不同時(shí)間，返回不同的網(wǎng)頁，例如asp、php、jsp、asp.net、cgi等。

網(wǎng)頁的組成元素網(wǎng)頁元素多種多樣的，包括文本、圖像、動畫和音樂等。文本是網(wǎng)頁最基本的組成元素，是網(wǎng)頁的主體部分。圖像也是網(wǎng)頁中不可缺少的元素，是使網(wǎng)頁看起來更美觀的點(diǎn)睛之筆。3、網(wǎng)站的定義

在網(wǎng)上看到的一個(gè)個(gè)網(wǎng)頁頁面的集合就是網(wǎng)站。網(wǎng)站可以包含多個(gè)頁面，也可以只有一個(gè)頁面，比如一些簡單的個(gè)人主頁就可能只有一個(gè)簡單的頁面，而一些大型網(wǎng)站則可能有很多頁面。根據(jù)網(wǎng)站內(nèi)容來分，可以將網(wǎng)站分為4類，即門戶網(wǎng)站、職能網(wǎng)站、專業(yè)網(wǎng)站和個(gè)人網(wǎng)站。門戶網(wǎng)站

職能網(wǎng)站專業(yè)網(wǎng)站個(gè)人網(wǎng)站

1.1網(wǎng)站設(shè)計(jì)基礎(chǔ)網(wǎng)頁制作是一門綜合性技術(shù)，需要用到圖像處理、動畫制作、頁面設(shè)計(jì)、語言編程等方面知識。常用的網(wǎng)頁制作工具可以分為五大類:圖形圖像制作工具：photoshop、fireworks、freehand、coreldraw。網(wǎng)頁編輯工具：記事本、dreamweaver、frontpage、visualinterdev、visualstudio。網(wǎng)頁動畫工具：flash、swish、uleadgifanimator。網(wǎng)頁開發(fā)語言：asp、asp.net、jsp、php、perl、cgi、xml、javascript、vbscript等。網(wǎng)頁上傳工具：cuteftp、leapftp、flashfxp1.1網(wǎng)站設(shè)計(jì)基礎(chǔ)1．html語言hypertextmarkuplanguage(超文本標(biāo)記語言)html文件可以直接由瀏覽器解釋執(zhí)行，而無須編譯客戶端（瀏覽器）服務(wù)器端（網(wǎng)頁提供者）internet提供內(nèi)容提出請求1.1網(wǎng)站設(shè)計(jì)基礎(chǔ)1．html語言編寫環(huán)境：記事本、dreamweaver、frontpage、word等文本編輯器html文件必須以html或htm為擴(kuò)展名運(yùn)行環(huán)境：ie、firefox等1.1網(wǎng)站設(shè)計(jì)基礎(chǔ)html語言的基本結(jié)構(gòu)<html><head><title>第一個(gè)html網(wǎng)頁</title></head><body>hello,world!這里是內(nèi)容區(qū)域！??！</body></html>任何的html都是以<html>開始，以</html>結(jié)束定義了html文檔的頁頭部分指出文檔的標(biāo)題，這種標(biāo)題會在瀏覽器上的標(biāo)題條內(nèi)顯示出來html的內(nèi)容都定義在它們之間1.1網(wǎng)站設(shè)計(jì)基礎(chǔ)html常用標(biāo)記1）背景顏色及背景圖像<bodybgcolor="green"background="image/back.gif">

顏色

:

系統(tǒng)預(yù)定義顏色:red、green、blue等

六位16制數(shù):#ff0000rrggbb圖像: gif、jpg、bmp或png1.1網(wǎng)站設(shè)計(jì)基礎(chǔ)html常用標(biāo)記2）字體標(biāo)記<font><fontsize=""color=""face="">……………</font>size(字體大小):

取值1～7,由小到大face(字體類型):

客戶端所能獲得的字體，必須是用戶計(jì)算機(jī)已經(jīng)安裝的字體，如使用特殊字體，可以把文字轉(zhuǎn)化為圖片進(jìn)行加入1.1網(wǎng)站設(shè)計(jì)基礎(chǔ)html常用標(biāo)記3）段落標(biāo)記<p>…</p>和換行標(biāo)記<br>注意：

<br>是單標(biāo)簽4）水平線標(biāo)記<hr><hrsize="2"width="80%"color="red"noshade>

width：寬度，可以是百分比，也可是像素5）圖像標(biāo)記<img><img

src="images/snoopy.gif">

src:圖像文件的路徑名及文件名，一般使用相對路徑1.1網(wǎng)站設(shè)計(jì)基礎(chǔ)html常用標(biāo)記6）超鏈接標(biāo)記<a><ahref=“http://”>聊城大學(xué)傳媒技術(shù)學(xué)院</a>href:鏈接的地址

一個(gè)文件：about.html

一個(gè)網(wǎng)址：

打開郵件客戶端軟件并填寫接收者：mailto:yulm2005@163.comtarget:打開目標(biāo)的方式

_blank：使用新窗口打開鏈接 _top：上層窗口，主要在框架頁中使用

_self：當(dāng)前窗口

_parent：父窗口1.1網(wǎng)站設(shè)計(jì)基礎(chǔ)html常用標(biāo)記7）表格標(biāo)記<table><tableborder="1“cellpadding=“2”cellspacing=“5”><tr><td>精品課程</td><td>單位</td><td>負(fù)責(zé)人</td></tr><tr><td>網(wǎng)絡(luò)技術(shù)</td><td>傳媒技術(shù)學(xué)院</td><td>張三</td></tr></table>border：邊框?qū)挾?.1網(wǎng)站設(shè)計(jì)基礎(chǔ)html常用標(biāo)記8）滾動字幕標(biāo)記<marquee><marqueedirection="up"scrolldelay="150"onmouseover="this.stop();"onmouseout="this.start();">我會動的，哈哈!</marquee>注：direction:運(yùn)動方向（down、up、left、right）scrolldelay:間隔時(shí)間，值越大越慢1.1網(wǎng)站設(shè)計(jì)基礎(chǔ)html常用標(biāo)記9）背景音樂標(biāo)記<bgsound><bgsoundsrc="……"loop="……">loop：循環(huán)次數(shù)，當(dāng)值為-1時(shí)表示無限次循環(huán)播放，背景音樂一般采用*.mid格式文件。10）多媒體文體嵌入標(biāo)記<embed><embedsrc="mp3/ibelieve.mp3"loop="-1"></embed>1.1網(wǎng)站設(shè)計(jì)基礎(chǔ)2.dreamweaver8(1)dreamweaver8編輯界面1.1網(wǎng)站設(shè)計(jì)基礎(chǔ)2.dreamweaver8(2)dreamweaver8使用請看演示1.1網(wǎng)站設(shè)計(jì)基礎(chǔ)3．網(wǎng)站設(shè)計(jì)流程網(wǎng)站整體規(guī)劃搜集和準(zhǔn)備素材

網(wǎng)站制作

網(wǎng)站測試與發(fā)布

用戶需求分析網(wǎng)站整體規(guī)劃內(nèi)容需求包含什么功能需求如何實(shí)施

設(shè)計(jì)需求如何更好

技術(shù)需求具體實(shí)現(xiàn)

功能需求:網(wǎng)站的受眾群體是哪些？其特點(diǎn)是什么？網(wǎng)站最受關(guān)注的是哪些功能？是否有留言本、論壇、站內(nèi)搜索等？是否提供用戶注冊？內(nèi)容需求:網(wǎng)站內(nèi)容包括哪些類型？網(wǎng)站信息采用哪些表現(xiàn)方式：文本、圖片、視頻、表格等？是否具有獨(dú)立維護(hù)內(nèi)容的能力？網(wǎng)站信息是否允許下載和轉(zhuǎn)載？設(shè)計(jì)需求:網(wǎng)站采用哪種色系？網(wǎng)站的風(fēng)格是什么樣的？網(wǎng)站的頁面深度有幾級？是否有flash動畫？技術(shù)需求

:網(wǎng)站采用何種技術(shù)系統(tǒng)具有的安全度是否對瀏覽器有要求等1.1網(wǎng)站設(shè)計(jì)基礎(chǔ)3．網(wǎng)站設(shè)計(jì)流程網(wǎng)站整體規(guī)劃搜集和準(zhǔn)備素材

網(wǎng)站制作

網(wǎng)站測試與發(fā)布

用戶需求分析網(wǎng)站整體規(guī)劃欄目規(guī)劃

功能規(guī)劃

頁面結(jié)構(gòu)規(guī)劃

欄目規(guī)劃的原則

:欄目設(shè)計(jì)結(jié)構(gòu)要清晰、設(shè)計(jì)簡潔。欄目順序安排合理，分清主次，重要欄目放在靠前位置，突出重點(diǎn)。欄目結(jié)構(gòu)不超過三級，過深的欄目容易使訪問者失去耐心。首頁個(gè)人簡介課程教學(xué)學(xué)術(shù)研究生活隨筆聯(lián)系方式教學(xué)理論教學(xué)課件教學(xué)資源論文專著科研項(xiàng)目獲獎(jiǎng)情況圖4-33欄目結(jié)構(gòu)圖功能規(guī)劃

:分為前臺功能和后臺功能前臺功能是為訪問者服務(wù)的，如注冊、評論、留言、搜索等功能后臺功能是供網(wǎng)站維護(hù)者使用多功能，如發(fā)布功能、論壇、資源庫等導(dǎo)航區(qū)版權(quán)信息內(nèi)容區(qū)功能區(qū)功能區(qū)圖4-34首頁頁面布局導(dǎo)航區(qū)版權(quán)信息內(nèi)容區(qū)功能區(qū)圖4-35二級列表頁面布局導(dǎo)航區(qū)版權(quán)信息內(nèi)容區(qū)圖4-36三級內(nèi)容頁面布局1.1網(wǎng)站設(shè)計(jì)基礎(chǔ)3．網(wǎng)站設(shè)計(jì)流程網(wǎng)站整體規(guī)劃搜集和準(zhǔn)備素材

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論