1網(wǎng)站程序設計基礎上課件_第1頁
1網(wǎng)站程序設計基礎上課件_第2頁
1網(wǎng)站程序設計基礎上課件_第3頁
1網(wǎng)站程序設計基礎上課件_第4頁
1網(wǎng)站程序設計基礎上課件_第5頁
已閱讀5頁，還剩51頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

Web程序設計第一章網(wǎng)站程序設計基礎基本概念電子商務互聯(lián)網(wǎng)與Internet網(wǎng)絡協(xié)議萬維網(wǎng)和網(wǎng)頁網(wǎng)站用戶端網(wǎng)站的組成從信息與服務來看：硬件系統(tǒng)軟件系統(tǒng)從機構與人員來看：

設計部門、維護部門、開發(fā)部門、管理部門確定目標網(wǎng)站設計網(wǎng)站平臺建設及其人力安排

網(wǎng)頁制作

發(fā)布網(wǎng)站網(wǎng)站設計開發(fā)過程

用戶信息反饋

網(wǎng)站的維護與管理文檔階段角色承擔的任務代號名稱角色A(主程序員,組長)角色B(輔助程序員1)角色C(輔助程序員2)角色D(素材文檔員)角色E(網(wǎng)頁設計員)G0問題定義與開題小組報告項目開發(fā)計劃G1知名同類網(wǎng)站網(wǎng)站考察分析考察、分析報告小組報告EG1★G2軟件項目需求(用戶類型與業(yè)(功能需求(加工算法(分層DFD分析報告(SRS)務流程分析圖)說明部分)說明部分)數(shù)據(jù)字典)G3網(wǎng)站原型原型需求分析需求分析報告小組報告(注：此報告內容與G2階段大致相同，但是落實到原型上的內容，原型的功能要精簡而明確，)G4軟件體系(軟件模塊總體設計小組報告(所有模塊清單(名結構文檔層次結構圖)(網(wǎng)站工作原理圖)稱,功能,I/O,調用)G5數(shù)據(jù)庫與文件(二維表清單(表名,主(數(shù)據(jù)庫中各表數(shù)據(jù)庫設計小組報告設計文章碼,字段,類型,長度)關聯(lián)圖及說明)(E-R圖)G6網(wǎng)站前臺網(wǎng)站前臺設計設計文檔小組報告G7網(wǎng)站后臺網(wǎng)站后臺設計設計文檔小組報告G8網(wǎng)頁設計文檔網(wǎng)頁設計與實現(xiàn)

小組報告G9編碼階段文檔(個人完成的帶注釋(個人完成的帶注釋典型前臺模塊清單)典型后臺模塊清單)G10網(wǎng)站開發(fā)、運行環(huán)境運行環(huán)境配置與網(wǎng)站配置與程序安裝文檔安裝小組報告G11軟件測試系統(tǒng)總體測試與調(個人完成的某個(個人完成的某個(后臺服務(前臺服務與調試文檔試小組報告AG11★單元模塊測試)單元模塊測試)集成測試)集成測試)G12網(wǎng)站幫助與系統(tǒng)配置、幫助與使用使用說明文檔說明小組報告HTML基礎知識WEBHTML文檔介紹HTML常用模塊HTML進階HTML基礎知識WWW(wordwildweb)簡介是一個以Internet為基礎的計算機網(wǎng)絡WideWeb)是一種建立在Internet上的全球性的，交互的，動態(tài)，多平臺，分布式，圖形信息系統(tǒng)。同TELNET、GOPHER、、BBS等相似。它也是建立在Internet上的一種網(wǎng)絡服務。它遵循HTTP協(xié)議。缺省端口是80

Web提供的服務電子郵件服務遠程登錄服務文件傳送服務網(wǎng)絡新聞服務文檔查詢索引服務信息瀏覽服務HTML基礎知識HTML簡介

HTML(HyperTextMarkupLanguage)：超文本標記語言，創(chuàng)建與系統(tǒng)平臺無關的文檔。1990年Timberners-Lee和DanielW.connolly創(chuàng)立HTML。萬維網(wǎng)是一個由HTML文件及一系列傳輸協(xié)議所組成的集合。HTML文檔結構<!DOCTYPEHTMLPUBLIC“-//W3C//DTDHTML4.0Final//en”><HTML><HEAD><TITLE>文檔名</TITLE></HEAD><BODY>網(wǎng)頁上要顯示的內容</BODY></HTML>三部分構成：版本信息語句頭部信息主體部分HTML的常用模塊文本顯示設置字體<Font></Font>強調語氣EM和STRONG上標和下標SUPSUB段落元素P換行元素BRNOBR文檔改變標記INSDEL位置控制元素ALIGNHTML的常用模塊圖像顯示<IMGSCR=“圖形文件地址”><IMGheight=42src="新浪首頁."width=32>HTML的常用模塊超鏈接

超級鏈接頁內鏈接郵件鏈接HTML中有兩種元素定義超鏈接：LINK:只能出現(xiàn)在HTML文檔的引導段，即<Head></Head>之間。A：只能出現(xiàn)在文檔的主體部分<body></body>之間。例<AHREF==>另一個html文檔</A>HTML進階表單

表單實現(xiàn)用戶與網(wǎng)頁之間的交互，提供交互功能的頁面。

表單是文檔中包含標準內容，標注和被稱為控件的特殊元素。表單工作過程：控件響應并接受用戶輸入－>用戶輸入完成表單的操作－>提交表單處理通過發(fā)送CGI或者ASP程序來處理。控件可以是文本框，復選框，單選框，標簽和菜單等HTML進階表單元素FORM及其屬性<FORMaction=urlmethod=get/post>元素控件</FORM>Action=urlMethod=get|postEnctype=cdataAccept-charset=cdataAccept=cdataINPUTSELECTBUTTONOPTION指明用哪種HTTP方法來提交名稱/值對給表單處理。從安全角度考慮：使用post方法Form的InputTypeTEXT：一般的單行文字輸入模式password：用「*」字號來替代文字輸出radio：單選的選擇項，以value來設定值checkbox：多選的選擇項，選定後則變數(shù)有值select、option：選單選擇項，以value來設定值<textarearows=mcols=n>：多行文字區(qū)域hidden：不讓user改變的項目submit：開始執(zhí)行CGIreset：清除剛剛的輸入網(wǎng)站登陸<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>網(wǎng)站登陸</title></head><body><formaction=""method="post"><h2>網(wǎng)站登陸，歡迎進入！</h2>姓名<INPUTname=nametype=textsize=10><br>密碼<INPUTname=passtype=passwordsize=10></form></body></html>網(wǎng)站調查<formaction=""method="post"><h2>歡迎進入網(wǎng)站調查！</h2>姓名：<INPUTname=nametype=textsize=10><br>性別：男<INPUTname=sextype=radiovalue=malechecked>女<INPUTname=sextype=radiovalue=female><br>你對網(wǎng)站的哪一個板塊比較喜歡：<br>A<INPUTname=goodtype=checkboxvalue=Achecked>B<INPUTname=goodtype=checkboxvalue=B><br>C<INPUTname=goodtype=checkboxvalue=C><br><INPUTtype=submitvalue="呈交"><INPUTtype=resetvalue="清除"><br>如果您有更多建議，<ahref=mailto:>請發(fā)送郵件給我</a><br></form>文件按鈕<formaction=""method="post"><h2>請選擇一個文件</h2><br><INPUTname=></form>BUTTON元素/SELECT和OPTION元素BUTTON元素：定義按鈕<BUTTONname=“name”type=“type”>…</BUTTON>SELECT和OPTION元素：定義用戶選擇所列項目，包括下拉菜單和列表框<SELECT[multiple]size=“size”name=“name”>…<OPTION[selected]value=“value”>選項名</OPTION></SELECT>功能類似于INPUT元素定義的SUBMIT，RESET，IMAGE控件，但是顯示效果更佳SELECT元素定義選項列表，OPTION元素定義列表中的每一個選項。一個SELECT元素可以包含一個或多個OPTION元素。下拉菜單<SELECTname="MENU"><OPTIONselected>陸毅</OPTION><OPTION>黃小明</OPTION><OPTION>劉元</OPTION><OPTION>李晶晶</OPTION><OPTION>范冰冰</OPTION></SELECT>下拉菜單：multiple<SELECTmultiplename="MENU"><OPTIONselected>陸毅</OPTION><OPTION>黃小明</OPTION><OPTION>劉元</OPTION><OPTION>李晶晶</OPTION><OPTION>范冰冰</OPTION></SELECT>FORM指令總結通常網(wǎng)頁呼叫ASP的方式<formmethod=“POST”action=“aspname”>文字1<inputtype=“text”name=“INPUT1”size=40>……<inputtype=“submit”name=“SUBMIT”value=“輸入”></from>form的method可以指定為POST或GETaction的內容則是指向asp的位置輸入元件：<inputtype=…name=…value=….Size=….>HTML進階框架框架是在NetscapeNavigator3.0中引入的，現(xiàn)已經(jīng)成為HTML的標準。FRAMESET元素FRAME元素自動換頁在網(wǎng)頁中的<HEAD>之后粘貼<metahttp-equiv="refresh"content="20;url=欲連結網(wǎng)頁.htm">

可以更改原始碼中的秒數(shù)（20）及欲連結網(wǎng)頁名稱在網(wǎng)站上放音樂準備一首音樂（最好是MIDI）

在網(wǎng)頁中適當?shù)牡胤讲迦?lt;EMBEDSRC="音樂文件.mid">

例如：

<EMBEDSRC="音樂文件.mid"AUTOSTART=TUREHIDDEN=TRUELOOP=TRUE>

<BGSOUNDSRC="音樂文件.mid"LOOP=INFINITE>IE跑馬燈在網(wǎng)頁中的<BODY>之后加入下列命令語句：<MARQUEEBEHAVIOR="slide"WIDTH="400"HEIGHT="16"LOOP="1"BGCOLOR="000000">

在這里輸入文字</MARQUEE>如果想用圖片的話，只要在輸入文字的地方加入

<IMGSRC="XXX.GIF">就可以了！IE跑馬燈1.BEHAVIOR=“”：設定動作形態(tài)。可分為下列三種:

正常狀態(tài)連接BEHAVIOR=“”左右滑行BEHAVIOR="ALTERNATE“觸碰消失BEHAVIOR="SLIDE“

變換游標在網(wǎng)頁中的<BODY>之后加入下列語句：

<fontstyle="cursor:hand">手形</font>

<fontstyle="cursor:move">十字形</font>

<fontstyle="cursor:ne-resize">箭頭形</font>

然后更改原始碼中的內容連接變色在網(wǎng)頁中的</HEAD>之前加入下列語句：

<style>

<!--

A:link{color:FF00FF;font-family:新細明體}

A:visited{color:0077FF;font-family:新細明體}

A:active{text-decoration:none;font-family:>新細明體}

A:hover{text-decoration:none;color:FF7700}

-->

</style>標簽解說：連接變色1.A:xxx：指定要連結變色發(fā)生的時間。link是普通的連結、visited是拜訪過的連結、active是處理中的連結、hover是位于光標下方的連結。

2.color:FF00FF：設定連結顏色。也可直接寫顏色的英文，如red、green等。

3.text-decoration:none;：設定連結是否有底線，沒有這一行就有底線。

4.font-family:新細明體：設定連結字體，先決條件是瀏灠者計算機也有安裝這種字型才可以。換頁特效在網(wǎng)頁中的</HEAD>之前加入下列語句：

<metahttp-equiv="Enter"content="blendTrans(Duration=3.0)">

<metahttp-equiv="Exit"content="revealTrans(Duration=5.0,Transition=0)">

<metahttp-equiv="Site-Enter"content="revealTrans(Duration=3.0,Transition=1)">

<metahttp-equiv="Site-Exit"content="rev

溫馨提示

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

評論

0/150

提交評論