【正文】 圍內(nèi)的度量 keygen：表單生成的 Key header：頁(yè)首 figure：一組媒體對(duì)象以及標(biāo)簽文字 dialog：對(duì)話框 datalist：下拉選擇框 canvas： 2D 繪圖 aside：內(nèi)容旁邊的側(cè)邊欄內(nèi)容 HTML5 引入的新 HTML 元素包括： HTML 語(yǔ)法的變化 HTML5 引入了新的 HTML 元素和屬性，有的是傳統(tǒng)通用元素的語(yǔ)義化版本，如取代 div 元素的 nav, footer 等元素，也有一些全新的元素，如 audio, video。 另外，借助 Microdata， HTML5 還可以實(shí)現(xiàn)更強(qiáng)大的語(yǔ)義結(jié)構(gòu)， 這個(gè)標(biāo)準(zhǔn)化的數(shù)據(jù)格式 (類似 microformats)，可以讓你的站點(diǎn)不僅能夠提供數(shù)據(jù)，還能提供數(shù)據(jù)定義。 語(yǔ)義化標(biāo)記 HTML5 的最大的意義在于改變了 Web 文檔的結(jié)構(gòu)方式，借助 header, footer, section, article 這些標(biāo)簽，我們可以實(shí)現(xiàn)更具結(jié)構(gòu)化，語(yǔ)義化的 Web 文檔。 Twitter 借此實(shí)現(xiàn)地理信息感知的 tweets 消息，當(dāng)瀏覽器支持 geolocation API 的時(shí)候，會(huì)自動(dòng)使用該 API，否則，則使用 Google Gears。Google Maps 在使用該功能，在 Google 地圖上，有一個(gè)小圓圈，點(diǎn)擊一下，就能告訴 Google 地圖你現(xiàn)在的地理位置。瀏覽器支持多個(gè) canvas 上下文，并通過(guò)不同的 API 提供圖形繪制功能。HTML 5 canvas 提供了通過(guò) JavaScript 繪制圖形的方法，此方法使用簡(jiǎn)單但功能強(qiáng)大。 通過(guò) audio 元素可以使用以下代碼給 Web 頁(yè)面加上背景音樂(lè)： audio src=autoplay=autoplay loop=20210 /。還可以可選地支持 QuickTime 等專有格式和 MPEG4 等受專利限制的格式。 對(duì)于以哪種格式和解碼器作為首選，仍然有爭(zhēng)議。在一種瀏覽器中用來(lái)嵌入這些內(nèi)容的標(biāo)記在另一種瀏覽器中是無(wú)效的。 YouTube 使用 Flash， Microsoft 使用 Windows Media174。和以前的版本不同， HTML 5 并非僅僅用來(lái)表示 Web 內(nèi)容，它的新使命是將 Web 帶入一個(gè)成熟的應(yīng)用平臺(tái)，在 HTML 5 平臺(tái)上，視頻 、 音頻 、 圖 像 、 動(dòng)畫(huà) 以及同電腦的交互都被標(biāo)準(zhǔn)化。于 2021 年被 WHATWG 提出，于 2021 年被 W3C 接 納，并成立了新的 HTML 工作團(tuán)隊(duì)。 HTML 的未來(lái)和 CSS 結(jié)合會(huì)更好。 HTML 對(duì)數(shù)學(xué)公式的支持最后成為另外一個(gè)標(biāo)準(zhǔn) MathML。雖然它是被設(shè)計(jì)用來(lái)兼容 版本的，但是實(shí)現(xiàn)這個(gè)標(biāo)準(zhǔn)的工作在當(dāng)時(shí)過(guò)于復(fù)雜，在草案于 1995 年 9 月過(guò)期時(shí)，標(biāo)準(zhǔn)開(kāi)發(fā)也因?yàn)槿狈g覽器支持而中止了。 HTML+的發(fā)展繼續(xù)下去，但是它從未成為標(biāo)準(zhǔn)。當(dāng)時(shí)被稱為 HTML+的后續(xù)版的開(kāi)發(fā)工作于 1993 年開(kāi)始，最初是被設(shè)計(jì)成為 “HTML 的一個(gè)超集 ”。有些人認(rèn)為蒂姆 HTML 5——2021 年 10 月 28 日， W3C 推薦標(biāo)準(zhǔn) 。 HTML ——1997 年 12 月 18 日， W3C 推薦標(biāo)準(zhǔn) 。 Html 的發(fā)展歷史 超文本標(biāo)記 語(yǔ)言 （第一版） ——在 1993 年 6 月作為 互聯(lián)網(wǎng) 工程工作小組（ IETF）工作草案發(fā)布（并非 標(biāo)準(zhǔn) ）： HTML ——1995 年 11 月作為 RFC 1866 發(fā)布，在 RFC 2854 于 2021 年 6月發(fā)布之后被宣布已經(jīng)過(guò)時(shí) 。包括如 h p、 a、 img等網(wǎng)頁(yè)內(nèi)容標(biāo)簽。頭部元素有 title、 script、 style、 link、 meta等標(biāo)簽。 Html 的結(jié)構(gòu) html head meta charset=utf8 / title無(wú)標(biāo)題文檔 /title /head body /body /html html 標(biāo)簽 稱為根標(biāo)簽，所有的網(wǎng)頁(yè)標(biāo)簽都在 html/html中。 HTML 文件必須有 htm 或者 html擴(kuò)展名。 HTML 文件是一個(gè)包含標(biāo)記的文本文件。人們完全可以改變一個(gè)基于 CSS設(shè)計(jì)的網(wǎng)站的視覺(jué)效果而不去改動(dòng)網(wǎng)站的內(nèi)容。 CSS 極大地縮減了標(biāo)簽的混亂還創(chuàng)造了簡(jiǎn)潔并語(yǔ)義化的網(wǎng)頁(yè)布局。首先它將網(wǎng)頁(yè)的內(nèi)容與樣式相分 離，這從本質(zhì)上意味著視覺(jué)表現(xiàn)與內(nèi)容結(jié)構(gòu)的分離。雖然 CSS 已經(jīng)存在很長(zhǎng)一段時(shí)間了，但是在當(dāng)時(shí)仍然缺乏主流瀏覽器的支持，并且許多設(shè)計(jì)師對(duì)它很是陌生（甚至感到恐懼）。 3DML 真正的殺手锏是比大多數(shù)語(yǔ)言都快的 3D模型構(gòu)建速度（就算是 Flash也需要打開(kāi) Flash桌面應(yīng)用來(lái)創(chuàng)建并編輯 Flash 內(nèi)容）與更加小巧的文件體積。 現(xiàn)在仍然有應(yīng)用 3DML 構(gòu)建的網(wǎng)站，但 如果沒(méi)有上述瀏覽器或是相應(yīng)插件，3DML 就是不可見(jiàn)的。由 Michael Powers 編寫(xiě)于 1996 年， 3DML 文件實(shí)際上由一種非標(biāo)準(zhǔn)的 XML 語(yǔ)言寫(xiě)成。 這時(shí)，隨著 Flash 的發(fā)展和 DHTML 的普及，不只是閱讀靜態(tài)內(nèi)容，還允許用戶與網(wǎng)頁(yè)內(nèi)容互動(dòng)的交互頁(yè)面的概念誕生了 。 Flash 提供了大量的遠(yuǎn)遠(yuǎn)超過(guò) HTML 所能夠?qū)崿F(xiàn)的視覺(jué)表現(xiàn)效果。 基于 Flash 的設(shè)計(jì) 基于 Flash 的網(wǎng)頁(yè)設(shè)計(jì) Flash（最初被稱為 FutureSplash Animator，然后是 Macromedia Flash，現(xiàn)在叫做 Adobe Flash）開(kāi)發(fā)于 1996 年。在 HTML 中表格標(biāo)簽的本意是為了顯示表格化的數(shù)據(jù)，但是設(shè)計(jì)師很快意識(shí)到可以利用表格來(lái)構(gòu)造他們?cè)O(shè)計(jì)的網(wǎng)頁(yè)，這樣就可以制作較以往作品更加復(fù)雜的，多欄目的網(wǎng)頁(yè)。 W3C 一直致力于確立與維護(hù)網(wǎng)頁(yè)編程語(yǔ)言的標(biāo)準(zhǔn) (例如 JavaScript)。 萬(wàn)維網(wǎng)聯(lián)盟（ W3C） 的 成立，將 HTML 確立為網(wǎng)頁(yè)的標(biāo)準(zhǔn)標(biāo)記語(yǔ)言。 自從 Web 誕生以來(lái)， Web 的每一步發(fā)展、技術(shù)成熟和應(yīng)用領(lǐng)域的拓展，都離不開(kāi)成立于 1994 年 10 月的 W3C(World Wide Web Consortium，萬(wàn)維網(wǎng)聯(lián)盟 )的努力。 W3C 組織是對(duì)網(wǎng)絡(luò)標(biāo)準(zhǔn)制定的一個(gè)非贏利組織，像 HTML、XHTML、 CSS、 XML 的標(biāo)準(zhǔn)就是由 W3C 來(lái)定制。隨后新版本的 HTML 開(kāi)始允許在頁(yè)面上添加圖片 (＜ img)，然后開(kāi)始支持制作表格 (＜ table)。 隨后的網(wǎng)頁(yè)都比較相似，完全基于文本，單欄設(shè)計(jì)，有一些鏈接等等。原始網(wǎng)頁(yè)的副本現(xiàn)在仍然在線。 手機(jī)瀏覽設(shè)計(jì)與電腦不同 ，配合手機(jī)屏幕是以瘦長(zhǎng)為主，內(nèi)容則精簡(jiǎn)呈現(xiàn)重點(diǎn) 。 社群網(wǎng)站出現(xiàn)更聚焦在使用者身上，并鼓勵(lì)大量的分享。 2021年晚期 WEB 將主導(dǎo)權(quán)回歸使用者，藉由個(gè)人化的分享來(lái)創(chuàng)造新的網(wǎng)絡(luò)革命。 雖然語(yǔ)意網(wǎng)并無(wú)法像設(shè)計(jì)者當(dāng)初預(yù)想的完美理解，但還是有許多技術(shù)被開(kāi)發(fā)出來(lái)。 2021年中期 語(yǔ)意網(wǎng)出現(xiàn)，讓機(jī)器能夠理解人類的指令。 透過(guò) CSS 可以統(tǒng)合同一個(gè)網(wǎng)頁(yè) 的呈現(xiàn)風(fēng)格，和其他網(wǎng)頁(yè)做出區(qū)隔。 1990 年晚期 FLASH 大量應(yīng)用，許多網(wǎng)站結(jié)合圖表與 FLASH 制作，內(nèi)容更加豐富。 1990 年 早期網(wǎng)站只有單行呈現(xiàn)，由 HTML 寫(xiě)成。雖然現(xiàn)在已經(jīng)改朝換代，但那種懷舊氣氛還是讓人眷戀不已。 自從 1911 年第一個(gè)網(wǎng)頁(yè)被創(chuàng)造出之后，到今天已經(jīng)過(guò) 了 100 多 年。 希望通過(guò)本文，能給 對(duì)網(wǎng)頁(yè)設(shè)計(jì)有興趣的人一些幫助，讓大家更快的加入到學(xué)習(xí)的隊(duì)伍中來(lái)。而隨著網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的進(jìn)步，人們 對(duì)網(wǎng)頁(yè)設(shè)計(jì)提出了更多的要求 。因此，人們對(duì)網(wǎng)頁(yè)提出了更高的要求，因?yàn)樗O(shè)計(jì)的好壞直接影響著信息的交流和網(wǎng)絡(luò)的傳播，甚至影響網(wǎng)絡(luò)事業(yè)的發(fā)展。計(jì)算機(jī)和網(wǎng)絡(luò)交流必然成為今后人們生活中重要組成部分。當(dāng)遇到突發(fā)性新聞事件或熱點(diǎn)事件，網(wǎng)絡(luò)無(wú)疑便是最重要的信息傳播渠道。網(wǎng)頁(yè)已經(jīng)成為當(dāng)今社會(huì)的主要媒體之一，可以這樣說(shuō)，網(wǎng)頁(yè)是超越廣播、電視、報(bào)紙、雜志等媒體的更加全面快捷方便的獲取信息的方式，是傳播設(shè)計(jì)中的中堅(jiān)武器。人們獲取信息的方式越發(fā)依賴于網(wǎng)絡(luò)。 研究背景 21 世紀(jì)人們稱之為信息時(shí)代、電子時(shí)代或者 IT 時(shí)代 ,它是建立在以電子計(jì)算機(jī)為平臺(tái)的基礎(chǔ)之上的。網(wǎng)頁(yè)設(shè)計(jì)伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起，作為上網(wǎng)的主要依托，由于人們 使用網(wǎng)絡(luò)的頻繁而變得非常的重要。 Tools 1 前言 信息技術(shù)飛速發(fā)展的今天，人們獲取信息的方式更多是來(lái)源于互聯(lián)網(wǎng)。 關(guān)鍵字 ： 網(wǎng)頁(yè)設(shè)計(jì) ； 網(wǎng)頁(yè)動(dòng)畫(huà)和特效 ；工具 II Abstract This paper introduces the concept, history and development of web page desig