[ 收藏 ] [ 简体中文 ]  
臺灣貨到付款、ATM、超商、信用卡PAYPAL付款,4-7個工作日送達,999元臺幣免運費   在線留言 商品價格為新臺幣 
首頁 電影 連續劇 音樂 圖書 女裝 男裝 童裝 內衣 百貨家居 包包 女鞋 男鞋 童鞋 計算機周邊

商品搜索

 类 别:
 关键字:
    

商品分类

  •  管理

     一般管理学
     市场/营销
     会计
     金融/投资
     经管音像
     电子商务
     创业企业与企业家
     生产与运作管理
     商务沟通
     战略管理
     商业史传
     MBA
     管理信息系统
     工具书
     外文原版/影印版
     管理类职称考试
     WTO
     英文原版书-管理
  •  投资理财

     证券/股票
     投资指南
     理财技巧
     女性理财
     期货
     基金
     黄金投资
     外汇
     彩票
     保险
     购房置业
     纳税
     英文原版书-投资理财
  •  经济

     经济学理论
     经济通俗读物
     中国经济
     国际经济
     各部门经济
     经济史
     财政税收
     区域经济
     统计 审计
     贸易政策
     保险
     经济数学
     各流派经济学说
     经济法
     工具书
     通货膨胀
     财税外贸保险类考试
     英文原版书-经济
  •  社会科学

     语言文字
     社会学
     文化人类学/人口学
     新闻传播出版
     社会科学总论
     图书馆学/档案学
     经典名家作品集
     教育
     英文原版书-社会科学
  •  哲学

     哲学知识读物
     中国古代哲学
     世界哲学
     哲学与人生
     周易
     哲学理论
     伦理学
     哲学史
     美学
     中国近现代哲学
     逻辑学
     儒家
     道家
     思维科学
     马克思主义哲学
     经典作品及研究
     科学哲学
     教育哲学
     语言哲学
     比较哲学
  •  宗教

  •  心理学

  •  古籍

     经部  史类  子部  集部  古籍管理  古籍工具书  四库全书  古籍善本影音本  中国藏书
  •  文化

     文化评述  文化随笔  文化理论  传统文化  世界各国文化  文化史  地域文化  神秘文化  文化研究  民俗文化  文化产业  民族文化  书的起源/书店  非物质文化遗产  文化事业  文化交流  比较文化学
  •  历史

     历史普及读物
     中国史
     世界史
     文物考古
     史家名著
     历史地理
     史料典籍
     历史随笔
     逸闻野史
     地方史志
     史学理论
     民族史
     专业史
     英文原版书-历史
     口述史
  •  传记

  •  文学

  •  艺术

     摄影
     绘画
     小人书/连环画
     书法/篆刻
     艺术设计
     影视/媒体艺术
     音乐
     艺术理论
     收藏/鉴赏
     建筑艺术
     工艺美术
     世界各国艺术概况
     民间艺术
     雕塑
     戏剧艺术/舞台艺术
     艺术舞蹈
     艺术类考试
     人体艺术
     英文原版书-艺术
  •  青春文学

  •  文学

     中国现当代随笔
     文集
     中国古诗词
     外国随笔
     文学理论
     纪实文学
     文学评论与鉴赏
     中国现当代诗歌
     外国诗歌
     名家作品
     民间文学
     戏剧
     中国古代随笔
     文学类考试
     英文原版书-文学
  •  法律

     小说
     世界名著
     作品集
     中国古典小说
     四大名著
     中国当代小说
     外国小说
     科幻小说
     侦探/悬疑/推理
     情感
     魔幻小说
     社会
     武侠
     惊悚/恐怖
     历史
     影视小说
     官场小说
     职场小说
     中国近现代小说
     财经
     军事
  •  童书

  •  成功/励志

  •  政治

  •  军事

  •  科普读物

  •  计算机/网络

     程序设计
     移动开发
     人工智能
     办公软件
     数据库
     操作系统/系统开发
     网络与数据通信
     CAD CAM CAE
     计算机理论
     行业软件及应用
     项目管理 IT人文
     计算机考试认证
     图形处理 图形图像多媒体
     信息安全
     硬件
     项目管理IT人文
     网络与数据通信
     软件工程
     家庭与办公室用书
  •  建筑

     执业资格考试用书  室内设计/装潢装修  标准/规范  建筑科学  建筑外观设计  建筑施工与监理  城乡规划/市政工程  园林景观/环境艺术  工程经济与管理  建筑史与建筑文化  建筑教材/教辅  英文原版书-建筑
  •  医学

     中医
     内科学
     其他临床医学
     外科学
     药学
     医技学
     妇产科学
     临床医学理论
     护理学
     基础医学
     预防医学/卫生学
     儿科学
     医学/药学考试
     医院管理
     其他医学读物
     医学工具书
  •  自然科学

     数学
     生物科学
     物理学
     天文学
     地球科学
     力学
     科技史
     化学
     总论
     自然科学类考试
     英文原版书-自然科学
  •  工业技术

     环境科学
     电子通信
     机械/仪表工业
     汽车与交通运输
     电工技术
     轻工业/手工业
     化学工业
     能源与动力工程
     航空/航天
     水利工程
     金属学与金属工艺
     一般工业技术
     原子能技术
     安全科学
     冶金工业
     矿业工程
     工具书/标准
     石油/天然气工业
     原版书
     武器工业
     英文原版书-工业技
  •  农业/林业

     园艺  植物保护  畜牧/狩猎/蚕/蜂  林业  动物医学  农作物  农学(农艺学)  水产/渔业  农业工程  农业基础科学  农林音像
  •  外语

  •  考试

  •  教材

  •  工具书

  •  中小学用书

  •  中小学教科书

  •  动漫/幽默

  •  烹饪/美食

  •  时尚/美妆

  •  旅游/地图

  •  家庭/家居

  •  亲子/家教

  •  两性关系

  •  育儿/早教

  •  保健/养生

  •  体育/运动

  •  手工/DIY

  •  休闲/爱好

  •  英文原版书

  •  港台图书

  •  研究生
     工学
     公共课
     经济管理
     理学
     农学
     文法类
     医学

  •  音乐
     音乐理论

     声乐  通俗音乐  音乐欣赏  钢琴  二胡  小提琴
  • HTML+CSS+JavaScript網頁設計實用教程
    該商品所屬分類:研究生 -> 工學
    【市場價】
    243-352
    【優惠價】
    152-220
    【作者】 王愛華、劉錫鼕、王軼鳳 
    【所屬類別】 圖書  教材  研究生/本科/專科教材  工學 
    【出版社】清華大學出版社 
    【ISBN】9787302480495
    【折扣說明】一次購物滿999元台幣免運費+贈品
    一次購物滿2000元台幣95折+免運費+贈品
    一次購物滿3000元台幣92折+免運費+贈品
    一次購物滿4000元台幣88折+免運費+贈品
    【本期贈品】①優質無紡布環保袋,做工棒!②品牌簽字筆 ③品牌手帕紙巾
    版本正版全新電子版PDF檔
    您已选择: 正版全新
    溫馨提示:如果有多種選項,請先選擇再點擊加入購物車。
    *. 電子圖書價格是0.69折,例如了得網價格是100元,電子書pdf的價格則是69元。
    *. 購買電子書不支持貨到付款,購買時選擇atm或者超商、PayPal付款。付款後1-24小時內通過郵件傳輸給您。
    *. 如果收到的電子書不滿意,可以聯絡我們退款。謝謝。
    內容介紹



    開本:16開
    紙張:膠版紙
    包裝:平裝-膠訂

    是否套裝:否
    國際標準書號ISBN:9787302480495
    叢書名:計算機繫列教材

    作者:王愛華、劉錫鼕、王軼鳳
    出版社:清華大學出版社
    出版時間:2017年10月 


        
        
    "
    編輯推薦
    根據Web標準規範,目前設計網頁是采用HTML CSS JavaScript,將網頁的內容、外觀樣式及動態效果徹底分離,從而簡化頁面代碼,方便用戶訪問和使用。    作者根據多年網頁制作的教學、實踐經驗以及學生的認知規律,精心編寫了這本教材。本書采用全新的Web標準,以DHTML技術為基礎,由淺入深、完整詳細地介紹了HTML、CSS及JavaScript網頁制作內容,除此以外,還適當增加了部分應用較為廣泛的HT素和CSS3樣式屬性,可以使讀者繫統、全面地掌握網頁制作技術,緊跟時代潮流。    本書內容繫統、全面,例題豐富,實用性強,既可以作為應用型本科和高職院校相關專業的教材,也可作為網站開發人員的自學或參考用書。 
    內容簡介
    根據Web標準規範,目前設計網頁是采用HTML CSS JavaScript,將網頁的內容、外觀樣式及動態效果徹底分離,從而簡化頁面代碼,方便用戶訪問和使用。
    作者根據多年網頁制作的教學、實踐經驗以及學生的認知規律,精心編寫了這本教材。
    本書采用全新的Web標準,以DHTML技術為基礎,由淺入深、完整詳細地介紹了HTML、CSS及JavaScript網頁制作內容,除此以外,還適當增加了部分應用較為廣泛的HT素和CSS3樣式屬性,可以使讀者繫統、全面地掌握網頁制作技術,緊跟時代潮流。
    本書內容繫統、全面,例題豐富,實用性強,既可以作為應用型本科和高職院校相關專業的教材,也可作為網站開發人員的自學或參考用書。
    目錄
    目錄

    第1章HTML、CSS、JavaScript基礎知識和基本語法/1
    1.1Web網頁的基本概念/1
    1.1.1網頁/1
    1.1.2網站/2
    1.2靜態網頁工作原理與制作工具/3
    1.2.1靜態網頁的工作原理/3
    1.2.2運行Web服務器中的頁面/4
    1.2.3靜態網頁制作工具/8
    1.3HTML、CSS、JavaScript簡介/8
    1.3.1HTML超文本標記語言/8
    1.3.2CSS 層疊樣式表/10
    1.3.3JavaScript腳本語言/11

    目錄


     


    第1章HTML、CSS、JavaScript基礎知識和基本語法/1


    1.1Web網頁的基本概念/1


    1.1.1網頁/1


    1.1.2網站/2


    1.2靜態網頁工作原理與制作工具/3


    1.2.1靜態網頁的工作原理/3


    1.2.2運行Web服務器中的頁面/4


    1.2.3靜態網頁制作工具/8


    1.3HTML、CSS、JavaScript簡介/8


    1.3.1HTML超文本標記語言/8


    1.3.2CSS 層疊樣式表/10


    1.3.3JavaScript腳本語言/11


    1.4頁面文檔結構和基本語法/11


    1.4.1HTML文檔結構/11


    1.4.2HTML基本語法/12


    1.4.3XHTML文檔結構/14


    1.5頁面文檔頭部的相關標記/15


    1.5.1設置頁面標題/15</p><br><p>1.5.2定信息<meta<br>/>/15</p><br><p>1.5.3引用外部文件<link<br>/>/17</p><br><p>1.6習題/18第2章CSS樣式表基礎/20</p><br><p>2.1CSS中層疊的概念/20</p><br><p>2.2CSS樣式規則與內聯CSS樣式/21</p><br><p>2.2.1CSS樣式規則/21</p><br><p>2.2.2內聯CSS樣式/22</p><br><p>2.3CSS樣式表/23</p><br><p>2.3.1CSS樣式表結構與使用/23</p><br><p>2.3.2基本選擇符/25</p><br><p>2.3.3群組與通用選擇符/28</p><br><p>2.3.4包含與子對像選擇符/292.3.5相鄰選擇符/33</p><br><p>2.3.6屬性選擇符/34</p><br><p>2.3.7偽對素)選擇符/38</p><br><p>2.3.8偽類選擇符/39</p><br><p>2.4CSS常用樣式/42</p><br><p>2.4.1CSS顏色的屬性值/42</p><br><p>2.4.2CSS設置鼠標形狀cursor/42</p><br><p>2.4.3CSS大小尺寸量度的屬性值/43</p><br><p>2.4.4文本字符的CSS樣式屬性/44</p><br><p>2.4.5文本外觀CSS樣式屬性/46</p><br><p>2.5樣式規則的優先級/51</p><br><p>2.5.1樣式規則的優先級原則/52</p><br><p>2.5.2用!important提高樣式優先級/54</p><br><p>2.6案例分析與實現/56</p><br><p>2.7習題/57第3章盒子的應用/59</p><br><p>3.1盒模型的結構/59</p><br><p>3.1.1盒子的寬度與高度/60</p><br><p>3.1.2盒子的內填充與外邊距/60</p><br><p>3.1.3盒子的邊框/61</p><br><p>3.1.4盒子的陰影效果/65</p><br><p>3.1.5boxsizing屬性/66</p><br><p>3.1.6盒子的背景/67</p><br><p>3.1.素div/69</p><br><p>3.2垂直外邊距的合並/70</p><br><p>3.2.1上素的垂直外邊距合並/70</p><br><p>3.2.2內素的垂直邊距合並/70</p><br><p>3.2素自身的垂直外邊距合並/71</p><br><p>3.3盒子的排列/71</p><br><p>3.3.1盒子的居中/71</p><br><p>3.3.2盒子的浮動與清除浮動/72</p><br><p>3.3.3盒子的布局應用舉例/76</p><br><p>3.4盒子的定位/77</p><br><p>3.4.1自動定位static/78</p><br><p>3.4.2相對定位relative/78</p><br><p>3.4.3定位absolute/81</p><br><p>3.4.4固定定位fixed/85</p><br><p>3.素的層疊等級/85</p><br><p>3.5盒子的顯示方式與可見性/86</p><br><p>3.5素素/86</p><br><p>3.素的顯示方式/86</p><br><p>3.素的可見性visibility/87</p><br><p>3.6彈出式菜單設計/87</p><br><p>3.7習題/94第4章HTML素及樣式/96</p><br><p>4.1文本及相關標記/96</p><br><p>4.1.1HTML文本字符與注釋標記/96</p><br><p>4.1.2文本相關標記/97</p><br><p>4.2圖像與圖像樣式/99</p><br><p>4.2.1插入圖像/99</p><br><p>4.2.2圖像樣式/100</p><br><p>4.2.3使用display:block將圖像轉換素/102</p><br><p>4.2.4使用float將圖像設置為素/102</p><br><p>4.3小案例: div、圖像和文本的綜合排版/103</p><br><p>4.3.1案例分析/104</p><br><p>4.3.2案例代碼/105</p><br><p>4.4列表標記與相關樣式/106</p><br><p>4.4.1各種列表標記介紹/107</p><br><p>4.4.2列表樣式/109</p><br><p>4.5超鏈接標記與偽類/111</p><br><p>4.5.1超鏈接標記及屬性/111</p><br><p>4.5.2鏈接到普通文檔、圖像或多媒體文件/113</p><br><p>4.5.3設置錨點與Email鏈接/115</p><br><p>4.5.4超鏈接偽類選擇符/116</p><br><p>4.6圖像映射標記/120</p><br><p>4.6.1創建圖像映射標記/121</p><br><p>4.6.2使用圖像映射的<img />圖像/121</p><br><p>4.7表格標記及樣式/123</p><br><p>4.7.1創建表格的基本標記/123</p><br><p>4.7.2表格基本標記中的樣式屬性/126</p><br><p>4.7.3格合並/129</p><br><p>4.7.4表格結構劃分標記<thead><tfoot></p><br><p><tbody>/131</p><br><p>4.8小案例: 山東商職學院網站首頁制作/133</p><br><p>4.9課堂練習小案例/140</p><br><p>4.10習題/141第5章HTML框架、表單、多媒體/144</p><br><p>5.1HTML的浮動框架/144</p><br><p>5.1.1浮動框架的基本概念/144</p><br><p>5.1.2浮動框架的應用舉例/145</p><br><p>5.2表單標記/148</p><br><p>5.2.1創建表單標記<form>/148</p><br><p>5.2.2表單輸入標記<input<br>/>/149</p><br><p>5.2.3HTML5新增<input /素/156</p><br><p>5.2.4文本區標記/159</p><br><p>5.2.5滾動列表與下拉列表標記<select></p><br><p><option>/160</p><br><p>5.2.6按鈕標記<button>/163</p><br><p>5.2.7控件標簽標記<label>/163</p><br><p>5.2.8表單分組及標題標記<fieldset></p><br><p><legend>/164</p><br><p>5.2.9應用div和樣式的表單設計/166</p><br><p>5.3滾動字幕、背景音樂與多媒體/169</p><br><p>5.3.1滾動字幕標記<marquee>/169</p><br><p>5.3.2背景音樂標記<bgsound<br>/>/171</p><br><p>5.3.3播放多媒體標記<embed>/171</p><br><p>5.4習題/172第6章JavaScript基礎/173</p><br><p>6.1JavaScript概述/173</p><br><p>6.1.1ECMAScript/173</p><br><p>6.1.2DOM簡介/174</p><br><p>6.1.3瀏覽器對像模型BOM/175</p><br><p>6.1.4JavaScript語言的特點/176</p><br><p>6.1.5JavaScript的使用/177</p><br><p>6.2JavaScript基本概念/181</p><br><p>6.2.1語法/181</p><br><p>6.2.2關鍵字和保留字/181</p><br><p>6.2.3變量/182</p><br><p>6.2.4數據類型/183</p><br><p>6.3JavaScript運算符與表達式/186</p><br><p>6.3.1算術運算符與表達式/187</p><br><p>6.3.2賦值運算符與表達式/187</p><br><p>6.3.3比較、邏輯運算符與表達式/187</p><br><p>6.3.4條件運算符與表達式/189</p><br><p>6.4JavaScript語句/189</p><br><p>6.4.1if語句/189</p><br><p>6.4.2switch語句/190</p><br><p>6.4.3循環語句while、dowhile、for/193</p><br><p>6.4.4break和continue語句/197</p><br><p>6.5JavaScript自定義函數/200</p><br><p>6.5.1函數聲明和函數表達式/200</p><br><p>6.5.2函數內部屬性/205</p><br><p>6.5.3函數的嵌套與遞歸/206</p><br><p>6.5.4匿名函數/207</p><br><p>6.5.5閉包/211</p><br><p>6.6JavaScript事件處理/216</p><br><p>6.6.1JavaScript的常用事件/217</p><br><p>6.6.2頁面相關事件與函數的記憶調用/220</p><br><p>6.6.3鼠標相關事件/222</p><br><p>6.6.4焦點、按鍵及表單相關事件/227</p><br><p>6.6.5表單數據驗證/230</p><br><p>6.7onerror事件與頁面錯誤提示/236</p><br><p>6.7.1用onerror事件捕獲錯誤/236</p><br><p>6.7.2用try…catch捕獲錯誤/238</p><br><p>6.8習題/242第7章JavaScript全局對像與繫統對像/244</p><br><p>7.1面向對像概述/244</p><br><p>7.1.1面向對像基礎/244</p><br><p>7.1.2對像訪問語句/245</p><br><p>7.2JavaScript全局對像/246</p><br><p>7.2.1全局對像的屬性——全局變量/246</p><br><p>7.2.2全局對像的方法——全局函數/246</p><br><p>7.3瀏覽器窗口對像window/249</p><br><p>7.3.1window對像的屬性/249</p><br><p>7.3.2window對像的對話框/252</p><br><p>7.3.3window對像的方法/253</p><br><p>7.3.4定時器應用小案例——圖片輪換與漂浮廣告</p><br><p>/259</p><br><p>7.4瀏覽器信息對像navigator/263</p><br><p>7.5location對像/264</p><br><p>7.5.1location對像的屬性/265</p><br><p>7.5.2location對像的方法/265</p><br><p>7.6history對像/267</p><br><p>7.7習題/269第8章JavaScript內置對像與DOM對像/270</p><br><p>8.1Date對像/270</p><br><p>8.1.1Date日期時間對像的創建/270</p><br><p>8.1.2Date日期時間對像的常用方法/271</p><br><p>8.2Array對像/273</p><br><p>8.2.1數組的創建與屬性/273</p><br><p>8.2.2數組對像的方法/274</p><br><p>8.2.3數組對像與日期時間對像的綜合應用/279</p><br><p>8.2.4表單復選框組數據驗證的實現/279</p><br><p>8.3String對像/281</p><br><p>8.4RegExp對像/285</p><br><p>8.4.1正則表達式的構成/285</p><br><p>8.4.2RegExp正則表達式對像的創建與屬性/288</p><br><p>8.4.3RegExp正則表達式對像的方法/289</p><br><p>8.4.4String字符串對像使用正則表達式的方法</p><br><p>/292</p><br><p>8.5Math對像/295</p><br><p>8.6DOM/296</p><br><p>8.6.1document對像/297</p><br><p>8.6.2DOM節點對像的通用屬性/299</p><br><p>8.6.3標記對像的屬性/299</p><br><p>8.6.4標記對像的方法/301</p><br><p>8.6.5表單腳本/304</p><br><p>8.6.6節點對像綜合應用案例/308</p><br><p>8.7event事件對像/310</p><br><p>8.8style樣式對像/314</p><br><p>8.9習題/316附錄: 習題答案/320</p><br><p>第1章/320</p><br><p>第2章/320</p><br><p>第3章/321</p><br><p>第4章/321</p><br><p>第5章/322</p><br><p>第6章/323</p><br><p>第7章/324</p><br><p>第8章/324</p><div class="section_show_more" ></div></div></div><div id="preface" class="section"><div class="title">前言</div><div class="descrip"><span id="preface-show">前言<br> <br>在“互聯網 ”時代,各種網站的需求越來越多,規範性標準越來越高,技術越來越先進,傳統的網站制作教材從技術實現的角度來看,使用的技術比較落後;從代碼結構來看,沒有將頁面內容和樣式進行分離,導致代碼過於煩瑣,不便於學習者閱讀。<br>為適應現代技術的飛速發展,幫助眾多喜愛網站開發的人員學習標準的網頁設計規範,提高網站的設計及編碼水平,編者根據多年的教學經驗和學生的認知規律,在潛心研讀網站制作的前沿技術之後,由眾多教師經過多次討論、多次修改之後精心編寫了這本教材。本書既可作為應用型本科、高職院校、成人繼續教育的教材,也可作為網頁開發人員的自學或參考用書。<span id="preface-show-all"><p>前言</p><br><p> </p><br><p>在“互聯網 ”時代,各種網站的需求越來越多,規範性標準越來越高,技術越來越先進,傳統的網站制作教材從技術實現的角度來看,使用的技術比較落後;從代碼結構來看,沒有將頁面內容和樣式進行分離,導致代碼過於煩瑣,不便於學習者閱讀。</p><br><p>為適應現代技術的飛速發展,幫助眾多喜愛網站開發的人員學習標準的網頁設計規範,提高網站的設計及編碼水平,編者根據多年的教學經驗和學生的認知規律,在潛心研讀網站制作的前沿技術之後,由眾多教師經過多次討論、多次修改之後精心編寫了這本教材。本書既可作為應用型本科、高職院校、成人繼續教育的教材,也可作為網頁開發人員的自學或參考用書。</p><br><p>本書采用全新的Web標準,由淺入深、繫統全面地介紹了HTML、CSS和JavaScript的基本知識及常用技巧,打破傳統教材獨立講解三個模塊的做法,摒棄了傳統H素中大部分屬性的應用,完全按照當前流行網站的設計特點,將HTM素及素能夠使用的各種樣式有效整合,做素都會按照標準方式在頁面中出現,讓讀者通過各種豐富實用的案例直接學習到標準下的知識,內容翔實、完整、實用。考慮到網頁制作較強的實踐性,本書配備了大量的頁面例題和豐富的運行效果圖,能夠有效幫助讀者理解所學習的理論知識、全面繫統地掌握網頁制作技術。</p><br><p>除此之外,本書中還適當引入了當前較為廣泛應用的HTML5和CSS3中的部分知識,引領讀者走向Web開發的更前沿。</p><br><p>本書在每章之後附有適量的理論與實踐操作習題,並在附錄中給出了習題答案,供讀者鞏固所學的內容。</p><br><p>全書共分8章。各章的主要內容說明如下:</p><br><p>第1章介紹Web服務器、網站部署與發布等與網站制作相關的基礎知識,說明在Web服務器下頁面的運行方式,並且采用簡單易懂的實例和文字說明了HTML、CSS和JavaScript在頁面中的功能、特點及應用方法,簡單講述了HTML和XHTML文檔的結構及HTML中的基本語法。</p><br><p>第2章主要以頁面中的段落、文本塊為切入點,詳細介紹CSS樣式表在網頁制作中的重要應用,包括樣式表的結構、分類、樣式規則、各種選擇符的特點及用法,文本和顏色相關的樣式屬性和樣式規則的優先級問題。</p><br><p>第3章圍繞盒模型展開相關知識的講解,包括盒狀模型的寬度、高度、邊框、填充、邊距和居中、浮動和定位等布局樣式屬性,適當引入了CSS3中設置盒子的陰影、圓角邊框等當前頁面中廣泛使用的樣式。</p><br><p>第4章講解頁面設計中常用素素的相關樣式,例如圖像、超鏈接、表格、列表等,同時強素樣式在不同瀏覽器下兼容性的標準做法。本章後以山東商職學院網站首頁的設計為案例,詳細介紹了頁面的布局和實現過程,並給出了全部代碼幫助讀者提高頁面設計能力。第5章講解框架、表單和頁面中素,以豐富的案例講解交互式頁面中表單的應用,並引入了HTML5中新增的表素,增強表單頁面的功能。</p><br><p>第6~8章通過豐富實用的案例詳細介紹JavaScript腳本語言的相關知識,包括基礎語句語法、流行的事件處理方式、函數(包括匿名函數和閉包)、自定義類與對像、全局對像、繫統對像、內置對像、各種DOM標記對像、事件對像以及樣式對像。</p><br><p>本書由王愛華、劉錫鼕、王軼鳳編著,參加編寫的還有朱佳、孟繁興、曹福德。</p><br><p>本書雖然傾注了編者的很多努力,但是難免會存在一些錯誤,讀者遇到錯誤或問題時敬請與我們聯繫,並誠懇歡迎提出寶貴的建議。</p><br><p>編者Email: aihuamengru@163.com。</p><br><p> </p><br><p>  編者</p><br><p>2017年5月</p><br><p> </p><div class="section_show_more" ></div></div></div><div id="mediaFeedback" class="section"><div class="title">媒體評論</div><div class="descrip"><span id="mediaFeedback-all">評論</div></div><div id="extract" class="section"><div class="title">在線試讀</div><div class="descrip"><span id="extract-show"><span id="extract-show-all">第5章HTML框架、表單、多媒體學習目的與要求知識點 浮動框架的用法 表單的制作素的屬性素的樣式應用 多媒體標記的使用難點 浮動框架與超鏈接的關聯方法 各素的生成方法和屬性 復素樣式的實現 媒體標記的應用5.1HTML的浮動框架框架可以將瀏覽器窗口劃分為若干個區域,在每個區域內顯示一個獨立的頁面,使用框架可以在一個瀏覽器窗口中同時顯示多個不同的獨立頁面,可以方便地進行網頁導航。傳統的HTML提供了框架集的結構和概念,在標準的XHTML 1.1中不再支持普通框架的應用,雖然可以使用Frameset DTD框架型的XHTML 1.0文檔繼續應用框架,但是不建議大家使用,在現在的頁面設計中,若是要使用框架,更多應用的是浮動框架。浮動框架是一種特殊的框架頁面,在瀏覽器窗口中可以直接將浮動框架嵌入在某個div中或者表格的格中,以達到通過div或者是表格來控制頁面布局的目的。5.1.1浮動框架的基本概念〖*4/5〗1. 浮動框架標記及屬性<iframe>是一個行內雙標記,可用於在<body>頁面中創建一個內聯“浮動”框架即內部窗口,在該窗口內可打開一個獨立的頁面。在<iframe>標記中常用的屬性如下:  width——設置浮動框架寬度,通常與所在di格的寬度一致; height——設置浮動框架高度(可以通過腳本設置浮動框架高度與所加載頁面的內容高度一致); align——設置浮動框架在頁面中的對齊方式(left、right、center),因為浮動框架一般要求與所在di格寬度一致,所以很少使用該屬性; id|name——設置浮動框架的id或者name屬性,必須是值; scrolling——設置浮動框架的滾動條,取值有auto、yes、no三種。若使用auto,則當浮動框架內部加載頁面的高度高於框架本身高度時,顯示滾動條,否則不顯示;若使用yes,則不論浮動框架內部加載頁面的高度如何,都要顯示滾動條;若使用no,則不論浮動框架內部加載頁面的高度如何,都不顯示滾動條。 frameborder——設置浮動框架的邊框,取值為1則有邊框(默認),為0則沒有邊框。2. 浮動框架與超鏈接的關聯在頁面中增加一個或者多個浮動框架,不是隻為了在其中加載顯示一個或幾個固定的頁面,而是通常要根據用戶單擊的其他區域中的超鏈接,來確定要加載到浮動框架中的新的頁面文件,例如,大家都非常熟悉的郵箱網站頁面,單擊超鏈接收件箱、已發送或者某一封信件時,都在一個固定的區域中打開界面,要實現這一功能,需要在浮動框架與超鏈接之間建立起關聯。建立浮動框架與超鏈接之間關聯的具體方法為: 為超鏈接標記<a>設置target屬性的取值為<iframe>的id或者name屬性值,即可實現將鏈接頁面加載顯示在指定的<iframe>浮動框架窗口內。5.1.2浮動框架的應用舉例按如下要求修改在4.9節中創建的文件w3school.html: ,將第三行中的div3、div31、div32和div33的高度都設置為520px;第二,將div32中的背景色、字號和居中對齊樣式設置都去掉;第三,去掉div32中原來的文本內容,增加浮動框架的應用,浮動框架name屬性設置為main,初始時加載的頁面文件是htmljc.html;第四,修改div31中超鏈接“html教程”,設置href屬性為htmljc.html,target屬性為浮動框架name屬性的值main;修改超鏈接“html簡介”,設置href屬性為htmljj.html,target屬性為浮動框架name屬性的值main。修改之後,樣式文件w3school.css完整的代碼如下: .divw{ width:950px; height:auto; margin:0 auto; padding: 0 ; border: 2px solid #888;}.div1{ width:950px; height:93px; padding:0; margin:0;}.div11{ width:220px; height:93px; margin:0; padding:0; background:#999; font-size:18px;font-old:32pt; float:left; font-family:黑體; color:#fff; line-height:93px; text-align:center;}.div12{ width:730px; height:93px; padding:0; margin:0; float:left; background:url(image/w3_1.jpg);}.div2{ width:950px; height:60px; padding:0; margin:0; background:#eee; font-family:Arial; font-size:18px;font-old:16pt; line-height:60px; text-align:center;}.div2 a:visited,.div2 a:link{ color:#666; text-decoration:none;}.div2 a:hover{ color:#a00; text-decoration:underline;}.div3{ width:950px; height:520px; margin:0px; padding:0px;}.div31{ width:160px; height:520px; padding:0px; margin:0px; background:#aaa; float:left; font-size:18px;font-old:14pt; text-align:center;}.div31 p{margin:8px 0;}.div31 a:link,.div3-1 a:visited{color:#000; text-decoration:none;}.div31 a:hover{color:#000; text-decoration:underline;}.div32{ width:630px; height:520px; padding:0px; margin:0px; float:left;}.div33{ width:160px; height:520px; padding:0px; margin:0px; background:#aaa; float:left; font-size:18px;font-old:14pt; text-align:center;}w3school.html頁面文件完整的代碼如下: <head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>無標題文檔

    W3School
                            

    這是右側區域的內容

    頁面初始運行效果如圖51所示,單擊左側超鏈接“html簡介”後效果如圖52所示。
    書摘插畫
    插圖
    插圖

    插圖

    插圖

    插圖

    插圖

    插圖


     
    網友評論  我們期待著您對此商品發表評論
     
    相關商品
    在線留言 商品價格為新臺幣
    關於我們 送貨時間 安全付款 會員登入 加入會員 我的帳戶 網站聯盟
    DVD 連續劇 Copyright © 2024, Digital 了得網 Co., Ltd.
    返回頂部