網(wǎng)站構(gòu)建培訓(xùn)課件_第1頁(yè)
網(wǎng)站構(gòu)建培訓(xùn)課件_第2頁(yè)
網(wǎng)站構(gòu)建培訓(xùn)課件_第3頁(yè)
網(wǎng)站構(gòu)建培訓(xùn)課件_第4頁(yè)
網(wǎng)站構(gòu)建培訓(xùn)課件_第5頁(yè)
已閱讀5頁(yè)，還剩28頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡(jiǎn)介

6.1.1網(wǎng)站建設(shè)概述1.網(wǎng)站策劃準(zhǔn)備階段2.內(nèi)容設(shè)計(jì)與實(shí)現(xiàn)階段3.網(wǎng)站的發(fā)布與推廣、維護(hù)階段1/2/202316.1.2網(wǎng)站開發(fā)工具（1/5）靜態(tài)網(wǎng)頁(yè)靜態(tài)網(wǎng)頁(yè)就是標(biāo)準(zhǔn)的HTML文件，其擴(kuò)展名為.htm或.html，它可以包含HTML標(biāo)記、文本、聲音、圖像、動(dòng)畫、Java程序以及客戶端ActiveX控件，這種網(wǎng)頁(yè)不包含任何腳本代碼，在程序員開發(fā)好后不會(huì)自行改動(dòng)。1/2/202326.1.2網(wǎng)站開發(fā)工具（2/5）客戶端動(dòng)態(tài)網(wǎng)頁(yè)客戶端動(dòng)態(tài)網(wǎng)頁(yè)包含一些可在客戶端瀏覽器中執(zhí)行的腳本程序，這些程序可以在瀏覽器中被解釋執(zhí)行，這些腳本可以根據(jù)用戶的操作做出響應(yīng)，實(shí)現(xiàn)這種動(dòng)態(tài)效果的語(yǔ)言主要有JavaScript和VBScript。1/2/202336.1.2網(wǎng)站開發(fā)工具（3/5）客戶端動(dòng)態(tài)網(wǎng)頁(yè)有很大的局限性。首先，其腳本程序是程序員在設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候事先寫好的，響應(yīng)的內(nèi)容和方法有限；其次，這些腳本程序在客戶端是可見的，減低了網(wǎng)站的安全性。為了改進(jìn)客戶端動(dòng)態(tài)網(wǎng)頁(yè)的問(wèn)題，人們提出了服務(wù)器端動(dòng)態(tài)網(wǎng)頁(yè)。1/2/202346.1.2網(wǎng)站開發(fā)工具（4/5）服務(wù)器端動(dòng)態(tài)網(wǎng)頁(yè)服務(wù)器端動(dòng)態(tài)網(wǎng)頁(yè)中也包含腳本程序，但是當(dāng)網(wǎng)頁(yè)被訪問(wèn)時(shí)，這些腳本程序首先在服務(wù)器端被解釋執(zhí)行，然后把執(zhí)行的結(jié)果以一個(gè)新的純HTML網(wǎng)頁(yè)返回客戶端。在交互的過(guò)程中，客戶端可以得到服務(wù)器處理的結(jié)果，但是源程序并不能在客戶端看到，所以大大提高了網(wǎng)站的安全性。動(dòng)態(tài)網(wǎng)頁(yè)的文件擴(kuò)展名不再是.htm或.html，而是與所使用的服務(wù)器端動(dòng)態(tài)網(wǎng)頁(yè)開發(fā)技術(shù)有關(guān)，例如，使用ASP.NET技術(shù)開發(fā)時(shí)，網(wǎng)頁(yè)文件的擴(kuò)展名是.aspx。1/2/202356.1.2網(wǎng)站開發(fā)工具（5/5）靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)類框架結(jié)構(gòu)類FrontPage微軟公司的Office套裝軟件之一，簡(jiǎn)單易學(xué)，適合初學(xué)者使用。DreamweaverMacromedia公司開發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁(yè)編輯器，是第一套針對(duì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁(yè)開發(fā)工具。圖形處理類FireworksMacromedia公司發(fā)布的一款專為網(wǎng)絡(luò)圖形設(shè)計(jì)的圖形編輯軟件。PhotoshopAdobe公司出品的最流行的圖像編輯軟件，所設(shè)計(jì)的圖像也可用于網(wǎng)頁(yè)圖像。FlashMacromedia公司發(fā)布的一款優(yōu)秀網(wǎng)頁(yè)動(dòng)畫設(shè)計(jì)軟件。動(dòng)態(tài)網(wǎng)頁(yè)開發(fā)類代碼類ASP.NET微軟公司開發(fā)的用來(lái)在服務(wù)器端構(gòu)建功能強(qiáng)大的web應(yīng)用程序。JSPJSP(JavaServerPages)是由SunMicrosystems公司倡導(dǎo)、許多公司參與一起建立的一種動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)標(biāo)準(zhǔn)。JSP技術(shù)是用JAVA語(yǔ)言作為腳本語(yǔ)言的，JSP網(wǎng)頁(yè)為整個(gè)服務(wù)器端的JAVA庫(kù)單元提供了一個(gè)接口來(lái)服務(wù)于HTTP的應(yīng)用程序。PHP一種超級(jí)文本預(yù)處理語(yǔ)言（PHP:HypertextPreprocessor），在服務(wù)器端執(zhí)行的嵌入HTML文檔的腳本語(yǔ)言，語(yǔ)言的風(fēng)格有類似于C語(yǔ)言，現(xiàn)在被很多的網(wǎng)站編程人員廣泛運(yùn)用。開發(fā)環(huán)境類Editplus一個(gè)功能很全面的文本、HTML、程序源代碼編輯器，方便輸入和編輯代碼。VisualSVisualStudio.NET是一套完整的開發(fā)工具，用于生成ASPWeb應(yīng)用程序、XMLWebservices、桌面應(yīng)用程序和移動(dòng)應(yīng)用程序。Webmatrix一款小巧的ASP.NET開發(fā)環(huán)境，方便安裝，簡(jiǎn)單易用。1/2/202366.3Web語(yǔ)言HTMLHTML語(yǔ)言基礎(chǔ)知識(shí)HTML語(yǔ)言常用標(biāo)記及屬性1/2/202376.3.1HTML語(yǔ)言基礎(chǔ)知識(shí)（1/4）

HTML：HyperTextMarkupLanguage，即超文本標(biāo)記語(yǔ)言，是一種用來(lái)編寫超文本文檔的簡(jiǎn)單標(biāo)記語(yǔ)言。用HTML編寫的超文本文檔稱為HTML文檔，它能獨(dú)立于各種操作系統(tǒng)平臺(tái)（如UNIX，WINDOWS等）。自1990年以來(lái)HTML就一直被用作WWW的信息表示語(yǔ)言，用于描述網(wǎng)頁(yè)的格式設(shè)計(jì)以及它與WWW上其它網(wǎng)頁(yè)的連接信息。使用HTML語(yǔ)言描述的文件，需要通過(guò)WWW瀏覽器顯示網(wǎng)頁(yè)效果。所謂超文本，就是因?yàn)樗梢约尤雸D片、聲音、動(dòng)畫、影視等內(nèi)容，并且可以從一個(gè)文件跳轉(zhuǎn)到另一個(gè)文件，與世界各地主機(jī)的文件連接。1/2/202386.3.1HTML語(yǔ)言基礎(chǔ)知識(shí)（2/4）

1.HTML的基本結(jié)構(gòu)<HTML>

<HEAD>

<TITLE>一個(gè)簡(jiǎn)單的HTML示例</TITLE>

</HEAD>

<BODY>

<CENTER>

<H3>歡迎光臨我的主頁(yè)</H3>

</CENTER>

</BODY>

</HTML>

━┓

┃文檔頭

━┛

━┓

┃

┃文檔體

┃

━┛1/2/202396.3.1HTML語(yǔ)言基礎(chǔ)知識(shí)（3/4）

圖6-23一個(gè)簡(jiǎn)單的HTML示例1/2/2023106.3.1HTML語(yǔ)言基礎(chǔ)知識(shí)（4/4）

2.標(biāo)簽單標(biāo)簽：這類標(biāo)記的語(yǔ)法是：<標(biāo)簽名稱> 最常用的：<BR>表示換行。雙標(biāo)簽：由“始標(biāo)簽”和“尾標(biāo)簽”兩部分構(gòu)成，必須成對(duì)使用：<標(biāo)簽>內(nèi)容</標(biāo)簽>單標(biāo)簽和雙標(biāo)簽的始標(biāo)記內(nèi)可以包含一些屬性，其語(yǔ)法是：

<標(biāo)簽名字屬性1屬性2屬性3…>

<HRSIZE=3ALIGN=LEFTWIDTH="75%">1/2/2023116.3.2HTML語(yǔ)言常用標(biāo)記及屬性（1/20）

1.頁(yè)面格式標(biāo)記1）段落標(biāo)記<p></p>用來(lái)創(chuàng)建一個(gè)段落，中間可以加入文本，按段落文本顯示在瀏覽器中?？墒褂胊lign屬性，說(shuō)明段落的對(duì)齊方式，語(yǔ)法為：<palign="">文本內(nèi)容</p>

align可以是left/center/right1/2/2023126.3.2HTML語(yǔ)言常用標(biāo)記及屬性（2/20）

2）換行標(biāo)記<br>如果加在<p></p>的外邊，將產(chǎn)生一個(gè)大的回車換行，在<p></p>的里面，產(chǎn)生一個(gè)小的回車換行。1/2/2023136.3.2HTML語(yǔ)言常用標(biāo)記及屬性（3/20）

3）列表標(biāo)記（1）<dl></dl>、<dt></dt>、<dd></dd>

創(chuàng)建普通列表（2）<ol></ol>、<ul></ul>、<li></li><ol></ol>用來(lái)創(chuàng)建標(biāo)有數(shù)字的列表，<ul></ul>用來(lái)創(chuàng)建一個(gè)標(biāo)有圓點(diǎn)的列表。1/2/2023144）標(biāo)題格式標(biāo)記：共有6個(gè)標(biāo)題標(biāo)記對(duì)，<h1></h1>…<h6></h6>，<h1></h1>是最大的標(biāo)題，<h6></h6>是最小的標(biāo)題。6.3.2HTML語(yǔ)言常用標(biāo)記及屬性（4/20）

1/2/2023156.3.2HTML語(yǔ)言常用標(biāo)記及屬性（5/20）2.文本標(biāo)記<b></b>文本以黑體字形式輸出<i></i>用來(lái)使文本以斜體字的形式輸出<u></u>用來(lái)使文本以下劃線的形式輸出<tt></tt>輸出打字機(jī)風(fēng)格的文字<cite></cite>輸出引用方式的文字（通常是斜體）<em></em>輸出需要強(qiáng)調(diào)的文本（通常是斜體加黑體）<strong></strong>輸出加重文本（通常是斜體加黑體）<font></font>設(shè)置文本的字體大小、顏色，比如：<fontsize="5"color="red">紅色</font>表6-2文本標(biāo)記1/2/2023166.3.2HTML語(yǔ)言常用標(biāo)記及屬性（6/20）3.圖像標(biāo)記1）圖像屬性賦值標(biāo)記<img>：在HTML文檔中不是真正加入圖像，而是加入圖像的路徑，路徑可以是相對(duì)路徑，也可以是絕對(duì)路徑。<img>的屬性根據(jù)路徑的不同有不同的書寫形式，如果使用相對(duì)路徑，有下列幾種情況：（1）如果HTML文件與圖像文件（比如為logo.gif）在同一個(gè)文件夾下，則代碼應(yīng)為：<imgsrc="logo.gif">（2）如果圖像文件放在當(dāng)前的HTML文檔所在的文件夾的子文件夾中（比如images），則代碼應(yīng)為：<imgsrc="images/logo.gif">1/2/2023176.3.2HTML語(yǔ)言常用標(biāo)記及屬性（7/20）（3）如果圖像文件放在當(dāng)前的HTML文檔所在的文件夾的上一層文件夾中（比如為files），則代碼應(yīng)為：<imgsrc="../files/logo.gif">

如果files是該網(wǎng)站下的home文件夾里的一個(gè)子文件夾，則代碼應(yīng)為<imgsrc="../home/files/logo.gif">另外<img>還有alt/border/width/height屬性，alt是瀏覽時(shí)鼠標(biāo)移動(dòng)到圖像上時(shí)顯示的文本。如果使用絕對(duì)路徑，比如圖像存放在E盤根目錄下，代碼應(yīng)為：<imgsrc="file:///E:/logo.gif">2）水平線標(biāo)記：<hrsize=""width=""noshade>noshade表示無(wú)陰影1/2/2023186.3.2HTML語(yǔ)言常用標(biāo)記及屬性（8/20）4.表格標(biāo)記1）創(chuàng)建表格標(biāo)記<table></table><tablebgcolor="">bgcolor表示背景色的屬性2）行、單元格和表格頭標(biāo)記

tr的屬性值有align：<tralign=left/center/right>td的屬性值可以有width、colspan（單元格所跨行數(shù)）、rowspan（單元格所跨列數(shù)）：<tdwidth=""colspan=""rowspan="">1/2/2023196.3.2HTML語(yǔ)言常用標(biāo)記及屬性（9/20）標(biāo)志含義<table>最外層，創(chuàng)建一個(gè)表格<tr>創(chuàng)建一行<td></td>創(chuàng)建一個(gè)單元格</tr>行末尾</table>最外層表6-3行、單元格和表格頭標(biāo)記1/2/2023206.3.2HTML語(yǔ)言常用標(biāo)記及屬性（10/20）5.鏈接標(biāo)記1）創(chuàng)建鏈接頁(yè)面標(biāo)記指向Internet上的網(wǎng)頁(yè)文件鏈接：<ahref="">搜狐</a>指向本地網(wǎng)頁(yè)文件的鏈接：<ahref="file:///d:/web/interest.htm"target="_blank"><fontsize="2"color="red">興趣</font></a>1/2/2023216.3.2HTML語(yǔ)言常用標(biāo)記及屬性（11/20）指向電子郵件的鏈接：<ahref="mailto:">與我聯(lián)系</a>target屬性：_blank：鏈接的網(wǎng)頁(yè)以新窗口形式打開_self：在本窗口打開_parent：在父窗口打開_top：在整個(gè)瀏覽器窗口打開1/2/2023226.3.2HTML語(yǔ)言常用標(biāo)記及屬性（12/20）2）創(chuàng)建鏈接標(biāo)簽標(biāo)記<aname="1">1</a>建立標(biāo)簽<ahref="#1">1</a>建立指向標(biāo)簽的鏈接1/2/2023236.3.2HTML語(yǔ)言常用標(biāo)記及屬性（13/20）6.幀標(biāo)記frame用來(lái)向?yàn)g覽器窗口中裝載多個(gè)HTML文件，即每一個(gè)HTML文件占據(jù)一個(gè)幀，多個(gè)幀可以顯示在同一個(gè)瀏覽器窗口中，幀也可以稱為框架。1）幀屬性標(biāo)記<frameset></frameset>在<body></body>外邊，可以嵌套使用1/2/2023246.3.2HTML語(yǔ)言常用標(biāo)記及屬性（14/20）示例說(shuō)明<framesetrows="*,*,*">總共有三個(gè)按列排列的幀，每個(gè)幀占整個(gè)瀏覽器窗口的1/3<framesetcols="40%,*,*">總共有三個(gè)按行排列的幀，第一個(gè)幀占整個(gè)瀏覽器窗口的40%，剩下的空間平均分配給另外兩個(gè)幀<framesetrows="40%,*"cols="50%,*,200">總共有六個(gè)幀，先是在第一行中從左到右排列三個(gè)幀，然后在第二行中從左到右再排列三個(gè)幀，即兩行三列，所占空間依據(jù)rows和cols屬性的值，其中200的單位是像素表6-4常見的幀標(biāo)記1/2/2023256.3.2HTML語(yǔ)言常用標(biāo)記及屬性（15/20）2）幀內(nèi)容標(biāo)記（1）<frame>放在<frameset>中間，用來(lái)定義某一個(gè)具體的幀，具有src、name、scrolling、noresize屬性，src和name必須賦值，src是幀的源HTML文件名（包括相對(duì)路徑或網(wǎng)址），name是幀的名字。例如：<framesrc="jc.htm"name="main"strolling="auto"noresize>strolling指定是否顯示滾動(dòng)軸，取值可以是“yes”、“no”或“auto”noresize直接加入，不需賦值，用來(lái)禁止用戶在瀏覽器中調(diào)整一個(gè)幀的大小。（2）<noframes></noframes>放在<frameset></frameset>中，用來(lái)在那些不支持幀的瀏覽器中顯示文本或圖像信息。1/2/2023266.3.2HTML語(yǔ)言常用標(biāo)記及屬性（16/20）7.表單標(biāo)記1）創(chuàng)建表單標(biāo)記<form></form>屬性：action、method和targetaction的值是處理程序的程序名，如<formaction="/login.asp">method用來(lái)定義處理程序從表單中獲取信息的方式，可取get或post。2）定義輸入?yún)^(qū)標(biāo)記<inputtype="">例如創(chuàng)建一個(gè)單行文本輸入框：<inputtype="text"name="T1"size="20">1/2/2023276.3.2HTML語(yǔ)言常用標(biāo)記及屬性（17/20）3）創(chuàng)建列表框標(biāo)記（1）<select></select>定義下拉菜單或者是列表菜單（2）<option>指定列表框中的一個(gè)選項(xiàng)4）創(chuàng)建文本框標(biāo)記<textarea></textarea>創(chuàng)建一個(gè)多行的文本框，屬性有name、cols和rows。1/2/2023286.3.2HTML語(yǔ)言常用標(biāo)記及屬性（18/20）8.多媒體標(biāo)記1）插入背景音樂<bgsoundsrc="song.mid"autostart=trueloop=infinite>2）插入各種多媒體標(biāo)記<embed>用于插入各種多媒體，格式可以是MIDI、WAV、AIFF、AU等。<embedsrc="song.mid"autostart="true"starttime="00:30">1/2/2023296.3.2HTML語(yǔ)言常用標(biāo)記及屬性（19/20）9.其他標(biāo)記1）<marquee>走動(dòng)的文字例如：<marqueebehavior=scrolldirection=leftscrolldelay=0scrollamount=1>滾動(dòng)的文字</marquee>behavior屬性：scroll/slide/alternatedirection屬性：left/right/up/down移動(dòng)的方向scrolldelay屬性：移動(dòng)的延時(shí)scrollamount屬性：移動(dòng)的速度1/2/2023306.3.2HTML語(yǔ)言常用標(biāo)記及屬性（20/20）2）<meta>放在<head></head>之間的標(biāo)記<metahttp-equiv="Content-Language"content="zh-cn"><

溫馨提示

  • 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ì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論