網(wǎng)頁(yè)設(shè)計(jì)
何如利 2012.3nnf課程安排n? 本門課程學(xué)習(xí)主要以視覺(jué)藝術(shù)設(shè)計(jì)和網(wǎng)頁(yè)設(shè)計(jì)理論基礎(chǔ)結(jié)合 以視覺(jué)藝術(shù)設(shè)計(jì)和網(wǎng)頁(yè)設(shè)計(jì)理論基礎(chǔ)結(jié)合講解網(wǎng) 以視覺(jué)藝術(shù)設(shè)計(jì)和網(wǎng)頁(yè)設(shè)計(jì)理論基礎(chǔ)結(jié)合 頁(yè)設(shè)計(jì),培養(yǎng)網(wǎng)頁(yè)設(shè)計(jì)的知
何如利 2012.3nnf課程安排n? 本門課程學(xué)習(xí)主要以視覺(jué)藝術(shù)設(shè)計(jì)和網(wǎng)頁(yè)設(shè)計(jì)理論基礎(chǔ)結(jié)合 以視覺(jué)藝術(shù)設(shè)計(jì)和網(wǎng)頁(yè)設(shè)計(jì)理論基礎(chǔ)結(jié)合講解網(wǎng) 以視覺(jué)藝術(shù)設(shè)計(jì)和網(wǎng)頁(yè)設(shè)計(jì)理論基礎(chǔ)結(jié)合 頁(yè)設(shè)計(jì),培養(yǎng)網(wǎng)頁(yè)設(shè)計(jì)的知識(shí)與設(shè)計(jì)能力。nn? 理論與實(shí)際相結(jié)合,展示大量的案例及布置主題性的網(wǎng)頁(yè)設(shè)計(jì)作業(yè), 加強(qiáng)大家的實(shí)踐動(dòng)手操作能力。nnf主題作業(yè)nn? 為“川音綿陽(yáng)藝術(shù)學(xué)院造型與設(shè)計(jì)藝術(shù)系 造型與設(shè)計(jì)藝術(shù)系”設(shè)計(jì) 造型與設(shè)計(jì)藝術(shù)系 一張首頁(yè)nn? 為“王蒙文學(xué)藝術(shù)館”設(shè)計(jì)一張首頁(yè)nnf欣賞與思考nnffffffff本課內(nèi)容nn? 網(wǎng)站 ? 網(wǎng)頁(yè) ? 網(wǎng)頁(yè)設(shè)計(jì) ? 網(wǎng)頁(yè)設(shè)計(jì)的常用工具nnfWebn? World Wide Web (世界寬邊網(wǎng)絡(luò)) 世界寬邊網(wǎng)絡(luò)) 的縮寫,也可以簡(jiǎn)稱為Web,中文名 的縮寫,也可以簡(jiǎn)稱為 , 字為“萬(wàn)維網(wǎng)” 字為“萬(wàn)維網(wǎng)”。 ? Web采用瀏覽器 服務(wù)器工作模式。 采用瀏覽器/服務(wù)器工作模式 采用瀏覽器 服務(wù)器工作模式。 信息以頁(yè)面(或稱Web頁(yè))的形式存 信息以頁(yè)面(或稱 頁(yè) 儲(chǔ)在Web服務(wù)器中,通過(guò)瀏覽器為用 服務(wù)器中, 儲(chǔ)在 服務(wù)器中 戶提供方便的信息瀏覽界面。 戶提供方便的信息瀏覽界面。 ? 統(tǒng)一資源定位器 統(tǒng)一資源定位器URL。 。 ? 超鏈接。 超鏈接。nnfWEB1.0nnWEB2.0 博客、QQ空間nnWEB3.0(未出現(xiàn)) WEB3.0(未出現(xiàn))nn<想了解更多請(qǐng)?jiān)诎俣人阉?nnf客戶機(jī) 服務(wù)器nnf站點(diǎn)n? 將網(wǎng)頁(yè)文件和素材文件 網(wǎng)頁(yè)文件和素材文件,有條理地放置站點(diǎn)文件夾里,這些文件 網(wǎng)頁(yè)文件和素材文件 與文件夾就構(gòu)成了網(wǎng)站的實(shí)質(zhì)內(nèi)容 網(wǎng)站的實(shí)質(zhì)內(nèi)容。 網(wǎng)站的實(shí)質(zhì)內(nèi)容nn? 站點(diǎn)文件夾里除了網(wǎng)頁(yè)文件還有素材文件,所謂素材就是網(wǎng)頁(yè)中 所謂素材就是網(wǎng)頁(yè)中 所用到的圖像、聲音、視頻等, 所用到的圖像、聲音、視頻等,這些內(nèi)容是以單獨(dú)文件的形式存 在。nnfURLnn? ?nn– URL(Uniform Resource Locator),即統(tǒng)一資源定位符 統(tǒng)一資源定位符。 統(tǒng)一資源定位符 – URL是對(duì)能從Internet上得到的資源的位置和訪問(wèn)方法的一種 簡(jiǎn)潔的表示 ; – 標(biāo)準(zhǔn)的URL由3部分組成:服務(wù)器類型、主機(jī)名和路徑及文件 名 http://www.nankai.edu.cn/index.html 協(xié)議類型 主機(jī)名 路徑及地址nnfIP地址 地址n? IP地址是Internet地址的一種表示形式;nn? 一臺(tái)Internet主機(jī)至少有一個(gè)IP地址,而且這個(gè)IP地址是全網(wǎng)唯 一的。nn? IP地址長(zhǎng)度為32位,采用x.x.x.x的格式來(lái)表示,每個(gè)x為8位。例 如,202.113.29.119,每個(gè)x的值為0~255。這種格式的地址被稱 為點(diǎn)分十進(jìn)制地址;nnf域名nn? 如果WWW服務(wù)器地址 IP地址用點(diǎn)分十進(jìn)制表示,例如為 202.113.19.122,那么用戶很難記??; – 如果告訴用戶WWW服務(wù)器地址用字符表示為 www.nankai.edu.cn,每個(gè)字符
都有一定的意義,并且書寫有 一定的規(guī)律,這樣地址用戶就容易理解,又容易記憶,因此 提出了域名的概念; – Internet的域名結(jié)構(gòu)是由TCP/IP協(xié)議集的域名系統(tǒng)(DNS)定 義的; – 域名系統(tǒng)也與IP地址的結(jié)構(gòu)一樣,采用的是典型的層次結(jié)構(gòu);nnf域名n– 域名系統(tǒng)將整個(gè)Internet劃分為多個(gè)頂級(jí)域,并為每個(gè)頂級(jí)域規(guī) 定了通用的頂級(jí)域名;nn頂級(jí)域名 com edu gov int mil net com 國(guó)家代碼nn域名類型 商業(yè)組織 教育機(jī)構(gòu) 政府部門 國(guó)際組織 軍事部門 網(wǎng)絡(luò)支持中心 各種非贏利性組織 各個(gè)國(guó)家nnf域名n? 我國(guó)的域名機(jī)制 – 中國(guó)互聯(lián)網(wǎng)信息中心(CNNIC)負(fù)責(zé)管理我國(guó)的頂級(jí)域,它將 cn域劃分為多個(gè)二級(jí)域; – Internet主機(jī)域名的格式為:四級(jí)域名.三級(jí)域名.二級(jí)域名.頂級(jí) 域名。例如,主機(jī)域名cs.nankai.edu.cn 代表中國(guó)南開(kāi)大學(xué)計(jì) 算機(jī)系的主機(jī)。nnf我國(guó)的域名機(jī)制nn二級(jí)域名 ac com edu gov int net com 行政區(qū)代碼nn域名類型 科研機(jī)構(gòu) 商業(yè)組織 教育機(jī)構(gòu) 政府部門 國(guó)際組織 網(wǎng)絡(luò)支持中心 各種非贏利性組織 我國(guó)的各個(gè)行政區(qū)nnf? 首頁(yè)n? 首頁(yè)是網(wǎng)站的門戶。 首頁(yè)是網(wǎng)站的門戶。 ? 訪問(wèn)某個(gè)網(wǎng)站,首先打開(kāi)的第一個(gè)網(wǎng)頁(yè)就是首頁(yè)。例如,要訪問(wèn)搜狐 訪問(wèn)某個(gè)網(wǎng)站,首先打開(kāi)的第一個(gè)網(wǎng)頁(yè)就是首頁(yè)。 公司的網(wǎng)站,在IE地址欄中輸入:www.sohu.com,打開(kāi)的第一個(gè)頁(yè) 面就是www.sohu.com/index.html。 ? 首頁(yè)起網(wǎng)站索引的作用,通過(guò)首頁(yè)的導(dǎo)航功能去訪問(wèn)網(wǎng)站中其他的網(wǎng) 首頁(yè)起網(wǎng)站索引的作用, 頁(yè)。 ? 一般首頁(yè)的取名為index.htm或default.htm,“index”的意思是“索 引”,“default”的意思是“默認(rèn)”。nnf超鏈接n? 瀏覽網(wǎng)頁(yè)時(shí),當(dāng)鼠標(biāo)指針指向某段文本或是某個(gè)圖像,鼠標(biāo)指針 瀏覽網(wǎng)頁(yè)時(shí),當(dāng)鼠標(biāo)指針指向某段文本或是某個(gè)圖像, 變成小手狀, 變成小手狀,單擊鼠標(biāo)可以打開(kāi)其他的網(wǎng)頁(yè)或是跳轉(zhuǎn)到其他的網(wǎng) 這就是超鏈接。 站,這就是超鏈接。nn? 采用超鏈接技術(shù)可以將不同的網(wǎng)站、網(wǎng)站中的不同網(wǎng)頁(yè)、網(wǎng)頁(yè)中 采用超鏈接技術(shù)可以將不同的網(wǎng)站、網(wǎng)站中的不同網(wǎng)頁(yè)、 的不同位置彼此串在一起,實(shí)現(xiàn)相互間的跳轉(zhuǎn), 的不同位置彼此串在一起,實(shí)現(xiàn)相互間的跳轉(zhuǎn),方便信息的瀏覽 和查找。 和查找。人們通過(guò)超鏈接可以很方便很迅速地訪問(wèn)分布于全球計(jì) 算機(jī)上的海量資源,實(shí)現(xiàn)在互聯(lián)網(wǎng)中的漫游。nn? 超鏈接能使Web服務(wù)存在廣泛和持久的生命力,超鏈接可以說(shuō)是 超鏈接可以說(shuō)是 Web的靈魂。 的靈魂。 的靈魂nnfHTTP協(xié)議 協(xié)議: 協(xié)議n超文本傳輸協(xié)議,是www服務(wù)器使用的主要協(xié)議;另有https協(xié)議, 是一種具有安全性的ssl加密傳輸協(xié)議,需要CA申請(qǐng)證書。nnFTP協(xié)議 : 協(xié)議n文件傳輸?shù)挠脩艏?jí)
協(xié)議。通過(guò)FTP,用戶與存有大量文件的遠(yuǎn)程計(jì)算 機(jī)(FTP服務(wù)器)連接,查看遠(yuǎn)程計(jì)算機(jī)上的文件,然后把文件從遠(yuǎn) 程計(jì)算機(jī)上復(fù)制到本地的計(jì)算機(jī)上(稱為下載),或者把本地計(jì)算機(jī) 上的文件傳送到遠(yuǎn)程計(jì)算機(jī)上去(稱為上傳)。nnf什么是網(wǎng)頁(yè)?? 什么是網(wǎng)頁(yè)??nn? 究竟什么是網(wǎng)頁(yè)? ? 網(wǎng)頁(yè)使用來(lái)干什么? ? 他有什么作用?nnffHTML 靜態(tài)網(wǎng)頁(yè) JavaScript VBScriptn應(yīng)該熟練掌握網(wǎng)頁(yè)開(kāi)發(fā)工 具和相關(guān)工具(圖像處理、 Flash、FireWork等)nnJavanORACLEnnSQLnAccessn/SQL Servernn動(dòng)態(tài)網(wǎng)頁(yè)nC# 應(yīng)該熟練掌握網(wǎng)頁(yè)語(yǔ)言, 主要通過(guò)程序設(shè)計(jì)實(shí)現(xiàn)動(dòng) 態(tài)服務(wù)頁(yè)面的開(kāi)發(fā)。nnJSPnnASP.netnnf靜態(tài)網(wǎng)頁(yè)n? 靜態(tài)網(wǎng)頁(yè),就是該網(wǎng)頁(yè)文件里沒(méi)有程序代碼,只有 該網(wǎng)頁(yè)文件里沒(méi)有程序代碼, 標(biāo)記, 該網(wǎng)頁(yè)文件里沒(méi)有程序代碼 只有HTML標(biāo)記, 標(biāo)記 這種網(wǎng)頁(yè)文件的后綴為.htm或.html。靜態(tài)網(wǎng)頁(yè)一經(jīng)制成,內(nèi)容就 這種網(wǎng)頁(yè)文件的后綴為 或 。 不會(huì)再變化,不管何時(shí)何人訪問(wèn),顯示的都是一樣的內(nèi)容,如果要 修改有關(guān)內(nèi)容,就必須修改源代碼,然后重新上傳到服務(wù)器上。 ? 靜態(tài)網(wǎng)頁(yè)的工作原理如下:當(dāng)你在瀏覽器里輸入一個(gè)網(wǎng)址回車后, 就向服務(wù)器端提出了一個(gè)瀏覽網(wǎng)頁(yè)的請(qǐng)求。服務(wù)器端接到請(qǐng)求后, 就會(huì)找到你要瀏覽的靜態(tài)網(wǎng)頁(yè)文件,然后發(fā)送到你的瀏覽器上顯示 出來(lái)。nnff動(dòng)態(tài)網(wǎng)頁(yè)n? 動(dòng)態(tài)網(wǎng)頁(yè),就是該網(wǎng)頁(yè)文件不僅含有 該網(wǎng)頁(yè)文件不僅含有HTML標(biāo)記,而且含有程序 標(biāo)記, 該網(wǎng)頁(yè)文件不僅含有 標(biāo)記 代碼,這種網(wǎng)頁(yè)的后綴一般根據(jù)不同的程序設(shè)計(jì)語(yǔ)言來(lái)定, 代碼,這種網(wǎng)頁(yè)的后綴一般根據(jù)不同的程序設(shè)計(jì)語(yǔ)言來(lái)定,如 ASP文件的后綴為 文件的后綴為.asp。動(dòng)態(tài)網(wǎng)頁(yè)能夠根據(jù)不同的時(shí)間、不同的 文件的后綴為 。 來(lái)訪者而顯示不同的內(nèi)容,還可以根據(jù)用戶的即時(shí)操作和即時(shí)請(qǐng)求, 動(dòng)態(tài)網(wǎng)頁(yè)的內(nèi)容發(fā)生相應(yīng)的變化。如常見(jiàn)的BBS、留言板、聊天室 等就是用動(dòng)態(tài)網(wǎng)頁(yè)來(lái)實(shí)現(xiàn)的。 ? 動(dòng)態(tài)網(wǎng)頁(yè)的工作原理與靜態(tài)網(wǎng)頁(yè)有很大的不同。當(dāng)你在瀏覽器里 輸入一個(gè)動(dòng)態(tài)網(wǎng)頁(yè)網(wǎng)址回車后,就向服務(wù)器端提出了一個(gè)瀏覽網(wǎng)頁(yè) 的請(qǐng)求,服務(wù)器端接到請(qǐng)求后,首先會(huì)找到你要瀏覽的動(dòng)態(tài)網(wǎng)頁(yè)文 件,然后就執(zhí)行網(wǎng)頁(yè)文件中的程序代碼,將含有程序代碼的動(dòng)態(tài)網(wǎng) 頁(yè)轉(zhuǎn)化為標(biāo)準(zhǔn)的靜態(tài)網(wǎng)頁(yè),最后將靜態(tài)網(wǎng)頁(yè)發(fā)送給你。nn?SP :Active Server Pages 動(dòng)態(tài)服務(wù)器主頁(yè),常用vbscript或 javascript為設(shè)計(jì)語(yǔ)言,腳本語(yǔ)言,代碼被ASP引擎解釋執(zhí)行。工作 原理:當(dāng)訪問(wèn)者發(fā)出瀏覽請(qǐng)求時(shí),服務(wù)器自動(dòng)將ASP的程序代碼解釋 為標(biāo)準(zhǔn)html格式的網(wǎng)頁(yè)內(nèi)容,再將其發(fā)送到訪問(wèn)者的瀏覽器上顯示出 來(lái)。ASP比HTML靈活性大。 PHP :Hypertext preprocessor
超文本預(yù)處理器,優(yōu)勢(shì)在于運(yùn)行效 率高,并且是全開(kāi)放的。 JSP :使用java語(yǔ)言,代碼被編譯成server并由java虛擬機(jī)運(yùn)行。nnff網(wǎng)頁(yè)與網(wǎng)站nn網(wǎng)站是由網(wǎng)頁(yè)集合而成 ? 信息資源以網(wǎng)頁(yè)的形式存儲(chǔ)在WWW服務(wù)器中; ? 用戶通過(guò)瀏覽器向WWW服務(wù)器發(fā)出請(qǐng)求,服務(wù)器根據(jù)客戶請(qǐng)求內(nèi) 容,將保存在WWW服務(wù)器中的某個(gè)頁(yè)面發(fā)送給客戶; ? 用戶可以通過(guò)頁(yè)面中的鏈接,方便地訪問(wèn)位于其他WWW服務(wù)器中 的頁(yè)面,或其他類型的網(wǎng)絡(luò)信息資源; ? 主頁(yè)(home page)是一種特殊的Web頁(yè)面,是指包含個(gè)人或機(jī)構(gòu) 基本信息的頁(yè)面,用于對(duì)個(gè)人或機(jī)構(gòu)進(jìn)行綜合性介紹,是訪問(wèn)個(gè)人 或機(jī)構(gòu)詳細(xì)信息的入口點(diǎn)。nnf網(wǎng)頁(yè)包含的基本元素: 網(wǎng)頁(yè)包含的基本元素:n? 文本(text):最基本的元素,就是通常所說(shuō)的文字;nn? 圖像(image):WWW瀏覽器一般只識(shí)別GIF與JPG兩種圖像格式;nn? 表格(table):類似于Word中的表格,表格單元內(nèi)容一般為字符類型;nn? 超鏈接(hyperlink):用于將HTML與其他主頁(yè)相連。nnf網(wǎng)頁(yè)是豐富多彩的nn久久音樂(lè)網(wǎng)、一聽(tīng)音樂(lè)網(wǎng)等,同樣是音樂(lè), 給我們的感覺(jué)是否完全相同?nnf什么是網(wǎng)頁(yè)設(shè)計(jì)?? 什么是網(wǎng)頁(yè)設(shè)計(jì)??nn定義 一個(gè)成功的網(wǎng)頁(yè)設(shè)計(jì)n– 首先,在觀念上要確立活躍的思維方式nn特點(diǎn)nn– 其次,要有效地將圖形引入網(wǎng)頁(yè)設(shè)計(jì)之中,增加人們?yōu)g覽網(wǎng)頁(yè)的興趣nn在崇尚鮮明個(gè)性風(fēng)格的今天,網(wǎng)頁(yè)設(shè)計(jì)應(yīng)增加個(gè)性化因素。nnf前臺(tái)(界面設(shè)計(jì),所謂平面設(shè)計(jì)) 前臺(tái)(界面設(shè)計(jì),所謂平面設(shè)計(jì)) 后臺(tái)(程序處理,專業(yè)計(jì)算機(jī)操作) 后臺(tái)(程序處理,專業(yè)計(jì)算機(jī)操作)nn網(wǎng)頁(yè)設(shè)計(jì)制作一般分三階段: 網(wǎng)頁(yè)設(shè)計(jì)制作一般分三階段:n設(shè)計(jì):網(wǎng)頁(yè)美化工具(圖像),Photoshop Fireworks Photoshop和Fireworks Photoshop Fireworks等 布局:網(wǎng)頁(yè)排版工具,DreamWeaver FrontPage DreamWeaver和FrontPage DreamWeaver FrontPage等。 動(dòng)畫的添加:網(wǎng)頁(yè)美化工具,F(xiàn)lash Swish Flash和Swish Flash Swish等,復(fù)雜網(wǎng)頁(yè)要涉足到腳 本程序。nnf? 網(wǎng)頁(yè)設(shè)計(jì)軟件n– – – – FrontPage Dreamweaver Flash Fireworksnn? 其他技術(shù)n– VBScript、JavaScript – ASP、JSP、PHP – CGI(通用網(wǎng)關(guān)接口,如Delphi、C 等)、IDC(網(wǎng)絡(luò)數(shù)據(jù) 庫(kù)接口)、ADO(ActiveX Data Object) – XML(可擴(kuò)展標(biāo)記語(yǔ)言) – VRML(虛擬現(xiàn)實(shí)模型語(yǔ)言)nnf網(wǎng)頁(yè)設(shè)計(jì) 設(shè)計(jì)與交互設(shè)計(jì)nUI(U nterface,用戶界面 用戶界面) UI(User Interface,用戶界面) UE或者UX (User Experience,用戶體驗(yàn)) UX (U Experience,用戶體驗(yàn)) perience,用戶體驗(yàn) UEnn網(wǎng)頁(yè)設(shè)計(jì)要注意一下幾個(gè)方面: 網(wǎng)頁(yè)設(shè)計(jì)要注意一下幾個(gè)方面:n?內(nèi)容及框架結(jié)構(gòu)(Frame Sets) ?圖象區(qū)塊(Image Maps)與flash ?特效等nnf交互設(shè)計(jì)n? 交互設(shè)計(jì)是人工制品、環(huán)境和
系統(tǒng)的行為,以及傳達(dá)這種行為的 外形元素的設(shè)計(jì)與定義。 ? 不像傳統(tǒng)的設(shè)計(jì)學(xué)科主要關(guān)注形式,則是關(guān)注內(nèi)容和內(nèi)涵,而交 互設(shè)計(jì)首先旨在規(guī)劃和描述事物的行為方式,然后描述傳達(dá)這種 行為的最有效形式。nn交互設(shè)計(jì)是一門特別關(guān)注以下內(nèi)容的學(xué)科: 交互設(shè)計(jì)是一門特別關(guān)注以下內(nèi)容的學(xué)科: ? 定義與產(chǎn)品的行為和使用密切相關(guān)的產(chǎn)品形式。 ? 預(yù)測(cè)產(chǎn)品的使用如何影響產(chǎn)品與用戶的關(guān)系,以及用戶對(duì)產(chǎn)品的 理解。 ? 探索產(chǎn)品、人和物質(zhì)、文化、歷史之間的對(duì)話。nnfHTML:HyperText Markup Language 超文本標(biāo)記語(yǔ) : 言n常見(jiàn)的網(wǎng)頁(yè)一般以.htm/.html為后綴的文件,還有就是 ASPPHPJSP等后綴的多種類型。 ?nn語(yǔ)言標(biāo)記: 語(yǔ)言標(biāo)記: ? ? 首部 主體
nnnn nnf? HTML語(yǔ)言是頁(yè)面制作的基礎(chǔ)語(yǔ)言,CSS、JAVASCRIPT、PHP、 語(yǔ)言是頁(yè)面制作的基礎(chǔ)語(yǔ)言, 語(yǔ)言是頁(yè)面制作的基礎(chǔ)語(yǔ)言 、 、 、 ASP、JSP等頁(yè)面語(yǔ)言都是以 、 等頁(yè)面語(yǔ)言都是以HTML為基礎(chǔ),嵌入到HTML頁(yè)面中按 為基礎(chǔ),嵌入到 頁(yè)面中按 等頁(yè)面語(yǔ)言都是以 為基礎(chǔ) 照服務(wù)器端和客戶端分類; 照服務(wù)器端和客戶端分類;HTML、CSS、JAVASCRIPT是基于瀏覽 器的客戶端語(yǔ)言;PHP、ASP、JSP是基于WEB服務(wù)器的服務(wù)器端 語(yǔ)言。 ? 用HTML編寫的超文本文檔稱為 編寫的超文本文檔稱為HTML文檔,它能獨(dú)立于各種操作 文檔, 編寫的超文本文檔稱為 文檔 系統(tǒng)平臺(tái)( 系統(tǒng)平臺(tái)(如UNIX,WINDOWS等)。 , 等)。自1990年以來(lái)HTML就一直 被用作World Wide Web上的信息表示語(yǔ)言,用于描述網(wǎng)頁(yè)的格式設(shè) 計(jì)和它與WWW上其它網(wǎng)頁(yè)的連結(jié)信息。 ? HTML語(yǔ)言是通過(guò)各種標(biāo)記(tags)來(lái)標(biāo)識(shí)文檔的結(jié)構(gòu)以及標(biāo)識(shí)超 語(yǔ)言是通過(guò)各種標(biāo)記( ) 語(yǔ)言是通過(guò)各種標(biāo)記 鏈接的信息。 鏈接的信息。HTML語(yǔ)言描述了文檔的結(jié)構(gòu)格式,但并不能精確地定 義文檔信息必須如何顯示和排列,最終在用戶面前的顯示結(jié)果取決于 Web瀏覽器本身的顯示風(fēng)格及其對(duì)標(biāo)記的解釋能力。nnfhtml 標(biāo)記及其屬性n? HTML標(biāo)記的格式為:<標(biāo)記>內(nèi)容標(biāo)記> ? 標(biāo)記屬性的語(yǔ)法是:<標(biāo)記 屬性1=〝屬性值1〞 屬性2=〝屬性值2 〞…> – 標(biāo)記只是規(guī)定這是什么信息,如文本、圖片、表格等,但是如何 控制這些信息,就需要相關(guān)的屬性值來(lái)表示。 – 各屬性之間無(wú)先后次序,屬性也可省略(即取默認(rèn)值),如單標(biāo) 記表示在文檔當(dāng)前位置畫一條水平線(horizontal line),一 般是從窗口中當(dāng)前行的最左端一直畫到最右端。nnfHTML頁(yè)面框架 頁(yè)面框架n? 每個(gè)html都有一個(gè)基本的框架結(jié)構(gòu),網(wǎng)頁(yè)結(jié)構(gòu).htm格式為: – – –
,
– 瀏覽器正文信息和相關(guān)的標(biāo)記在這里(文檔主體:文本、圖像、 聲音、HTML命令等).... – – html >nn
標(biāo)記定義列 ? 格式為: < table > |
單元格內(nèi)容 |