1、網站設計與開發培訓教程1 網站設計根底網站設計根底1 網站設計根底網站設計根底1.1.6 internet地址和域名系統IP：共32位，四個十進制數構成域名地址：字符型*掌握一級域名的含義1.2網站的相關知識1.2.1 網站的分類主頁和網頁index， default網頁的組成要素文字、圖像、超級鏈接和多媒體元素1GIF2JPEG1 網站設計根底網站設計根底 1.3網站的規劃 1目標 2類型 3主題內容 4風格 5網頁系統樹 6網頁內容 7技術問題1 網站設計根底網站設計根底 1.4網站的設計 根本原那么10條 設計技巧 1網站的CI形象LOGO，色彩 2確定網站的整體風格 3確定網站的目錄結

2、構和命名規那么 4確定網站的鏈接結構一對一，一對多 5首頁的設計 6版面設計防止的問題5點補充：案例賞析補充：案例賞析 1IBM商務商務 2迪斯尼兒童迪斯尼兒童3肯德基快餐肯德基快餐5中國娛樂網娛樂中國娛樂網娛樂 6清華大學教育清華大學教育 7淘寶網購物淘寶網購物2 網站構建根底網站構建根底 2.1網站域名注冊 2.2網站空間的獲得 2.3 使用Macromedia Dreamweaver構建本地站點 2.4 使用internet信息效勞器創立本地站點2 網站構建根底網站構建根底都是基于IIS3 Dreamweaver MX入門入門 3.1Dreamweaver MX的工作環境 3.2在網頁中

3、添加文本和插入對象3 Dreamweaver MX入門入門 3.1Dreamweaver MX的工作環境3 Dreamweaver MX入門入門 3.2在網頁中添加文本和插入對象 4 超級鏈接與圖像地圖超級鏈接與圖像地圖 4.1超級鏈接概述超級鏈接概述 4.2創立超級鏈接創立超級鏈接 4.3管理鏈接管理鏈接 4.4創立圖像地圖創立圖像地圖4.1 超級鏈接概述超級鏈接概述4.2 創立超級鏈接創立超級鏈接命名錨記文檔或文件鏈接 _blank _parent _self _top電子郵件5 表格和樣式表表格和樣式表 5.4樣式表樣式表5.4 樣式表樣式表 CSS是Cascading Style Sh

4、eet 的縮寫，譯作層疊樣式表單。是用于增強控制網頁樣式并允許將樣式信息與網頁內容別離的一種標記性語言。 a:link a:visited a:hover a:active6 層、行為和時間軸層、行為和時間軸7框架和表單框架和表單 框架7框架和表單框架和表單 表單附錄：個人空間附錄：個人空間8 頁面布局和模板的應用頁面布局和模板的應用 主要涉及兩個核心技術 1布局表格：搭框架 2布局單元格：細化 主要掌握兩個主要技術： 1模板的建立方式： a)建立空白模板 b將現有網頁保存為模板 2可編輯區域的選擇從兩個方面來深入理解：1模板的意義就是提供一種統一的模式來構建網站，到達批量生產文檔的目的。2模

5、板內任何內容和鏈接的改動，所有使用模板構建的文檔都會自動更新 庫是從更微觀的角度相對模板來定義網頁元素，這些元素往往也是被重復利用的。8.4 演示演示 布局表格和布局單元格 模板的建立、保存、使用和更新 庫的建立、保存、使用和更新10 HTML語言語言 無標題文檔 主題內容 最主要就兩個局部：1head(2) body10.2 HTML常用標記常用標記 總的來說有三種方法：總的來說有三種方法： 1文本文本 2文本文本 3文本格式標記1標題標記:標題文本2分段標記:或者是. 常用屬性：align=“ left, center, right, justify3換行標記：注意：i是下標，取值范圍為：

6、1-6,越小字體越大10.2 HTML常用標記常用標記4水平線標記： 常用屬性：align(left,center,right)，color，noshade,size寬度 ,width(長度)5字體標記. 常用屬性：face,size(1-7，值越大字號越大),color列表標記1無序列表，用做引導 ; (disc,circle,square)10.2 HTML常用標記常用標記(2)有序列表，用li引導,(A,a,I,I,1)；,(數字)(3)定義列表,條目以為引導，說明用引導10.2.3 圖像標記1src2aligh3alt4hight和width例如：10.2 HTML常用標記常用標記 1

7、0.2.5 超鏈接標記 1文件鏈接:北京大學 2錨鏈接： 第一章 鏈接到第一章 3郵件鏈接：請多指教 表格標記10.2 HTML常用標記常用標記1表格的相關標記表格的相關標記表格標記：表格標記：表格標題標記：表格標題標記：表格行標記：表格行標記：字段名標記：字段名標記：字段名字段名數據標記：數據標記：數據數據2相關屬性相關屬性a)Table標記的屬性標記的屬性10.2 HTML常用標記常用標記1邊框粗細:border=，最外圍2)邊框的寬度：cellspacing=，內部3邊框和內容的距離：cellpadding=4表格的寬度 width=#%5表格的背景色bgcolor=6表格的對齊方式al

8、ign=b)Th和td標記的屬性1)單元格所跨列數，colspan2)單元格所跨行數，rowspan10.3演示演示 對五種文本格式標記的演示 對三種列表標記的演示 對圖像標記的演示 對超鏈接標記的演示 對表格標記的演示抽查與新任務抽查與新任務抽查抽查1利用利用CSS技術定義鏈接的表現狀態技術定義鏈接的表現狀態要求：不管是初始狀態，還是點擊后都沒有下劃線。要求：不管是初始狀態，還是點擊后都沒有下劃線。2下拉菜單的實現下拉菜單的實現要求：鼠標放在文字上面層出現，離開時那么消失要求：鼠標放在文字上面層出現，離開時那么消失新任務新任務1網頁制作綜合實踐網頁制作綜合實踐要求：利用布局視圖、模板和庫完成

9、一個網站初始頁面要求：利用布局視圖、模板和庫完成一個網站初始頁面main.html的設置的設置11 VBScript根本語法根本語法11.1 VBScript的根本框架的根本框架*Script代碼最好放在head局部中對象對象Document.write(參數參數)Document.lastmodifiedDocument.write(document.lastmodified)11.2.2 window對象對象Alert(“提示信息提示信息)Prompt(“提示信息提示信息,“默認值默認值)11.3 數據類型數據類型 11.4常量常量 Variant是VBScript唯一的數據類型。主要有1

10、3種類型。 *其用于數字上下文中時作為數字處理，用于字符串上下文中時作為字符串處理。 *用“中使其強制轉化成為字符串 Const，普通常量字符串常量和數值常量和符號常量預定義符號常量，用戶自定義符號常量11.5 變量變量 11.6 運算符運算符 變量名的本卷須知 1第一個字符必須是字母，不能有句點和空格 2長度不能夠超過255個字符 3在被聲明的作用域內唯一 3不能與系統關鍵字相同 聲明變量的方式：dim,public,private 運算符包括三個種類：算術運算符，比較運算符，邏輯運算符11.7 根本輸入根本輸入/輸出函數輸出函數Msgbox(prompt,buttons,title),其B

11、uttons參數Inputbox(prompt,title,default)Input可以輸入內容，而msg那么只是提示11.8 數組數組 一維數組的聲明：dim a(10) 多為數組的聲明：dim a(1,2) 動態數組的聲明：dim a(),redim a(25), redim preserve a(30)12 選擇和循環語句選擇和循環語句12.1 選擇語句選擇語句12.1.1 ifthenelse語句12.1.2 ifelseifendif語句If.thenelseif.thenelseendif12.1.3 selectcaseSelect case()Case 1Case 2case

12、 else.End select12.2 循環語句循環語句 12.2.1do whileloop語句 12.2.2 doloop while語句 12.2.3 fornextFor v=start to endstepMain bodyexit for.next13過程與事件過程與事件定義：Sub 過程名參數語句組End sub調用：過程名 參數列表Call 過程名參數列表定義：function 過程名參數語句組End function調用：和內部函數一樣1function可以帶參數，sub不可以2function可以返回值，sub不能3function可以直接使用，而sub那么不可以CALL

13、 文檔對象：HTML文檔中的每個元素都是一個擁有屬性、方法和事件的對象 事件過程：當觸發一個文檔對象的某個事件時，該對象能夠按照某種方式做出響應，但具體的響應過程需要由程序員寫腳本代碼實現，這種過程為事件過程。 構成：需要用sub定義 控件名稱_事件名稱作業作業將11-12章的實踐指導具體實踐，并傳到個人空間。時間為下周2之間實驗實驗11對靜態網頁遺留問題的解決2對html,VBscript,過程和函數等的練習要求：實現n*n計算與現實n63申請并參加自己的主頁模塊： a:免費計數器 b:免費留言薄 c:免費聊天室 d:免費論壇實驗實驗2 ASP根本語法根本語法 Request:form(po

14、st),querystring(get),cookies,收集信息 Response:write,redirect,輸出信息 Server:mappath(P213) SessionApplication包含文件include和execute實驗：1對request和response的掌握做一個登陸頁面，如果正確那么顯示歡送，不正確那么返回登陸頁面。2execute的掌握在多個頁面調用同一個圖片ADO對象連接數據庫對象連接數據庫*ADO是在OLE DB技術的根底上實現，包含3個主要對象：connection,recordset,command.connection三種連接方式(都以access為例)1通過ODBC連接設置好 set cn = server.createobject(adodb.connection) cn.open dsn=a“2通過ODBC連接未設置 strcn = DRIVER=Microsoft Access Driver (*.mdb);DBQ= & Server.MapPath(a.mdb) set cn = server.createobject(adodb.connection) cn.open strcn3通過OLE DB連接建議使用 strcn = provider=Microsoft.