版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
Web程序設(shè)計(jì)第一章網(wǎng)站程序設(shè)計(jì)基礎(chǔ)基本概念電子商務(wù)互聯(lián)網(wǎng)與Internet網(wǎng)絡(luò)協(xié)議萬維網(wǎng)和網(wǎng)頁網(wǎng)站用戶端網(wǎng)站的組成從信息與服務(wù)來看：硬件系統(tǒng)軟件系統(tǒng)從機(jī)構(gòu)與人員來看：
設(shè)計(jì)部門、維護(hù)部門、開發(fā)部門、管理部門確定目標(biāo)網(wǎng)站設(shè)計(jì)網(wǎng)站平臺(tái)建設(shè)及其人力安排
網(wǎng)頁制作
發(fā)布網(wǎng)站網(wǎng)站設(shè)計(jì)開發(fā)過程
用戶信息反饋
網(wǎng)站的維護(hù)與管理文檔階段角色承擔(dān)的任務(wù)代號(hào)名稱角色A(主程序員,組長)角色B(輔助程序員1)角色C(輔助程序員2)角色D(素材文檔員)角色E(網(wǎng)頁設(shè)計(jì)員)G0問題定義與開題小組報(bào)告項(xiàng)目開發(fā)計(jì)劃G1知名同類網(wǎng)站網(wǎng)站考察分析考察、分析報(bào)告小組報(bào)告EG1★G2軟件項(xiàng)目需求(用戶類型與業(yè)(功能需求(加工算法(分層DFD分析報(bào)告(SRS)務(wù)流程分析圖)說明部分)說明部分)數(shù)據(jù)字典)G3網(wǎng)站原型原型需求分析需求分析報(bào)告小組報(bào)告(注：此報(bào)告內(nèi)容與G2階段大致相同，但是落實(shí)到原型上的內(nèi)容，原型的功能要精簡而明確，)G4軟件體系(軟件模塊總體設(shè)計(jì)小組報(bào)告(所有模塊清單(名結(jié)構(gòu)文檔層次結(jié)構(gòu)圖)(網(wǎng)站工作原理圖)稱,功能,I/O,調(diào)用)G5數(shù)據(jù)庫與文件(二維表清單(表名,主(數(shù)據(jù)庫中各表數(shù)據(jù)庫設(shè)計(jì)小組報(bào)告設(shè)計(jì)文章碼,字段,類型,長度)關(guān)聯(lián)圖及說明)(E-R圖)G6網(wǎng)站前臺(tái)網(wǎng)站前臺(tái)設(shè)計(jì)設(shè)計(jì)文檔小組報(bào)告G7網(wǎng)站后臺(tái)網(wǎng)站后臺(tái)設(shè)計(jì)設(shè)計(jì)文檔小組報(bào)告G8網(wǎng)頁設(shè)計(jì)文檔網(wǎng)頁設(shè)計(jì)與實(shí)現(xiàn)
小組報(bào)告G9編碼階段文檔(個(gè)人完成的帶注釋(個(gè)人完成的帶注釋典型前臺(tái)模塊清單)典型后臺(tái)模塊清單)G10網(wǎng)站開發(fā)、運(yùn)行環(huán)境運(yùn)行環(huán)境配置與網(wǎng)站配置與程序安裝文檔安裝小組報(bào)告G11軟件測試系統(tǒng)總體測試與調(diào)(個(gè)人完成的某個(gè)(個(gè)人完成的某個(gè)(后臺(tái)服務(wù)(前臺(tái)服務(wù)與調(diào)試文檔試小組報(bào)告AG11★單元模塊測試)單元模塊測試)集成測試)集成測試)G12網(wǎng)站幫助與系統(tǒng)配置、幫助與使用使用說明文檔說明小組報(bào)告HTML基礎(chǔ)知識(shí)WEBHTML文檔介紹HTML常用模塊HTML進(jìn)階HTML基礎(chǔ)知識(shí)WWW(wordwildweb)簡介是一個(gè)以Internet為基礎(chǔ)的計(jì)算機(jī)網(wǎng)絡(luò)WideWeb)是一種建立在Internet上的全球性的，交互的，動(dòng)態(tài)，多平臺(tái)，分布式，圖形信息系統(tǒng)。同TELNET、GOPHER、、BBS等相似。它也是建立在Internet上的一種網(wǎng)絡(luò)服務(wù)。它遵循HTTP協(xié)議。缺省端口是80
Web提供的服務(wù)電子郵件服務(wù)遠(yuǎn)程登錄服務(wù)文件傳送服務(wù)網(wǎng)絡(luò)新聞服務(wù)文檔查詢索引服務(wù)信息瀏覽服務(wù)HTML基礎(chǔ)知識(shí)HTML簡介
HTML(HyperTextMarkupLanguage)：超文本標(biāo)記語言，創(chuàng)建與系統(tǒng)平臺(tái)無關(guān)的文檔。1990年Timberners-Lee和DanielW.connolly創(chuàng)立HTML。萬維網(wǎng)是一個(gè)由HTML文件及一系列傳輸協(xié)議所組成的集合。HTML文檔結(jié)構(gòu)<!DOCTYPEHTMLPUBLIC“-//W3C//DTDHTML4.0Final//en”><HTML><HEAD><TITLE>文檔名</TITLE></HEAD><BODY>網(wǎng)頁上要顯示的內(nèi)容</BODY></HTML>三部分構(gòu)成：版本信息語句頭部信息主體部分HTML的常用模塊文本顯示設(shè)置字體<Font></Font>強(qiáng)調(diào)語氣EM和STRONG上標(biāo)和下標(biāo)SUPSUB段落元素P換行元素BRNOBR文檔改變標(biāo)記INSDEL位置控制元素ALIGNHTML的常用模塊圖像顯示<IMGSCR=“圖形文件地址”><IMGheight=42src="新浪首頁."width=32>HTML的常用模塊超鏈接
超級(jí)鏈接頁內(nèi)鏈接郵件鏈接HTML中有兩種元素定義超鏈接：LINK:只能出現(xiàn)在HTML文檔的引導(dǎo)段，即<Head></Head>之間。A：只能出現(xiàn)在文檔的主體部分<body></body>之間。例<AHREF==>另一個(gè)html文檔</A>HTML進(jìn)階表單
表單實(shí)現(xiàn)用戶與網(wǎng)頁之間的交互，提供交互功能的頁面。
表單是文檔中包含標(biāo)準(zhǔn)內(nèi)容，標(biāo)注和被稱為控件的特殊元素。表單工作過程：控件響應(yīng)并接受用戶輸入－>用戶輸入完成表單的操作－>提交表單處理通過發(fā)送CGI或者ASP程序來處理?？丶梢允俏谋究?，復(fù)選框，單選框，標(biāo)簽和菜單等HTML進(jìn)階表單元素FORM及其屬性<FORMaction=urlmethod=get/post>元素控件</FORM>Action=urlMethod=get|postEnctype=cdataAccept-charset=cdataAccept=cdataINPUTSELECTBUTTONOPTION指明用哪種HTTP方法來提交名稱/值對(duì)給表單處理。從安全角度考慮：使用post方法Form的InputTypeTEXT：一般的單行文字輸入模式password：用「*」字號(hào)來替代文字輸出radio：單選的選擇項(xiàng)，以value來設(shè)定值checkbox：多選的選擇項(xiàng)，選定後則變數(shù)有值select、option：選單選擇項(xiàng)，以value來設(shè)定值<textarearows=mcols=n>：多行文字區(qū)域hidden：不讓user改變的項(xiàng)目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)站登陸，歡迎進(jìn)入！</h2>姓名<INPUTname=nametype=textsize=10><br>密碼<INPUTname=passtype=passwordsize=10></form></body></html>網(wǎng)站調(diào)查<formaction=""method="post"><h2>歡迎進(jìn)入網(wǎng)站調(diào)查！</h2>姓名：<INPUTname=nametype=textsize=10><br>性別：男<INPUTname=sextype=radiovalue=malechecked>女<INPUTname=sextype=radiovalue=female><br>你對(duì)網(wǎng)站的哪一個(gè)板塊比較喜歡：<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:>請(qǐng)發(fā)送郵件給我</a><br></form>文件按鈕<formaction=""method="post"><h2>請(qǐng)選擇一個(gè)文件</h2><br><INPUTname=></form>BUTTON元素/SELECT和OPTION元素BUTTON元素：定義按鈕<BUTTONname=“name”type=“type”>…</BUTTON>SELECT和OPTION元素：定義用戶選擇所列項(xiàng)目，包括下拉菜單和列表框<SELECT[multiple]size=“size”name=“name”>…<OPTION[selected]value=“value”>選項(xiàng)名</OPTION></SELECT>功能類似于INPUT元素定義的SUBMIT，RESET，IMAGE控件，但是顯示效果更佳SELECT元素定義選項(xiàng)列表，OPTION元素定義列表中的每一個(gè)選項(xiàng)。一個(gè)SELECT元素可以包含一個(gè)或多個(gè)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指令總結(jié)通常網(wǎng)頁呼叫ASP的方式<formmethod=“POST”action=“aspname”>文字1<inputtype=“text”name=“INPUT1”size=40>……<inputtype=“submit”name=“SUBMIT”value=“輸入”></from>form的method可以指定為POST或GETaction的內(nèi)容則是指向asp的位置輸入元件：<inputtype=…name=…value=….Size=….>HTML進(jìn)階框架框架是在NetscapeNavigator3.0中引入的，現(xiàn)已經(jīng)成為HTML的標(biāo)準(zhǔn)。FRAMESET元素FRAME元素自動(dòng)換頁在網(wǎng)頁中的<HEAD>之后粘貼<metahttp-equiv="refresh"content="20;url=欲連結(jié)網(wǎng)頁.htm">
可以更改原始碼中的秒數(shù)（20）及欲連結(jié)網(wǎng)頁名稱在網(wǎng)站上放音樂準(zhǔn)備一首音樂（最好是MIDI）
在網(wǎng)頁中適當(dā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=“”：設(shè)定動(dòng)作形態(tài)。可分為下列三種:
正常狀態(tài)連接BEHAVIOR=“”左右滑行BEHAVIOR="ALTERNATE“觸碰消失BEHAVIOR="SLIDE“
變換游標(biāo)在網(wǎng)頁中的<BODY>之后加入下列語句：
<fontstyle="cursor:hand">手形</font>
<fontstyle="cursor:move">十字形</font>
<fontstyle="cursor:ne-resize">箭頭形</font>
然后更改原始碼中的內(nèi)容連接變色在網(wǎng)頁中的</HEAD>之前加入下列語句：
<style>
<!--
A:link{color:FF00FF;font-family:新細(xì)明體}
A:visited{color:0077FF;font-family:新細(xì)明體}
A:active{text-decoration:none;font-family:>新細(xì)明體}
A:hover{text-decoration:none;color:FF7700}
-->
</style>標(biāo)簽解說：連接變色1.A:xxx：指定要連結(jié)變色發(fā)生的時(shí)間。link是普通的連結(jié)、visited是拜訪過的連結(jié)、active是處理中的連結(jié)、hover是位于光標(biāo)下方的連結(jié)。
2.color:FF00FF：設(shè)定連結(jié)顏色。也可直接寫顏色的英文，如red、green等。
3.text-decoration:none;：設(shè)定連結(jié)是否有底線，沒有這一行就有底線。
4.font-family:新細(xì)明體：設(shè)定連結(jié)字體，先決條件是瀏灠者計(jì)算機(jī)也有安裝這種字型才可以。換頁特效在網(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等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(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ì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 多元文化節(jié)慶行業(yè)相關(guān)項(xiàng)目診斷報(bào)告
- 運(yùn)動(dòng)健身科技行業(yè)競爭分析及發(fā)展前景預(yù)測報(bào)告
- 智能客服行業(yè)營銷策略方案
- 低碳出行行業(yè)市場發(fā)展分析及兼并重組機(jī)會(huì)研究報(bào)告
- 定制旅游行業(yè)三年發(fā)展預(yù)測分析報(bào)告
- 體療養(yǎng)生會(huì)館行業(yè)需求變化及營銷策略研究報(bào)告
- 農(nóng)業(yè)廢棄物資源化利用行業(yè)深度分析與戰(zhàn)略規(guī)劃研究報(bào)告
- 碳交易市場行業(yè)研究報(bào)告
- 工程保險(xiǎn)行業(yè)營銷策略方案
- 無人超市科技行業(yè)技術(shù)趨勢分析
- DB44∕T 1561-2015 云計(jì)算服務(wù)質(zhì)量評(píng)測方法
- 2022年工程施工承包合同協(xié)議書
- 估算不規(guī)則圖形的面積課件
- 【圖文】GB8624-2012建筑材料及制品燃燒性能分級(jí)(精)
- 《幼兒園大班第一學(xué)期家長會(huì)》 PPT課件
- 基于PLC的電梯控制系統(tǒng)設(shè)計(jì)--
- 普通高中各學(xué)科核心素養(yǎng)一覽表
- 財(cái)務(wù)報(bào)表審計(jì)報(bào)告格式
- 毛石擋土墻維修施工方案
- 幕墻設(shè)計(jì)收費(fèi)費(fèi)率與單價(jià)
- 輔導(dǎo)員工作量化考核方案
評(píng)論
0/150
提交評(píng)論