了得網研究生_JSP Web應用開發(第2版)

商品搜索

类别：

关键字：

商品分类

JSP Web應用開發(第2版)
該商品所屬分類：研究生 -> 工學
【市場價】	1092-1584元
【優惠價】	683-990元
【作者】	殷立峰
【所屬類別】	圖書教材研究生/本科/專科教材工學
【出版社】	清華大學出版社
【ISBN】	9787302528555
【折扣說明】	一次購物滿999元台幣免運費+贈品一次購物滿2000元台幣95折+免運費+贈品一次購物滿3000元台幣92折+免運費+贈品一次購物滿4000元台幣88折+免運費+贈品
【本期贈品】	①優質無紡布環保袋，做工棒！②品牌簽字筆 ③品牌手帕紙巾

版本	正版全新電子版PDF檔
您已选择：	正版全新
溫馨提示：如果有多種選項，請先選擇再點擊加入購物車。 . 電子圖書價格是0.69折，例如了得網價格是100元，電子書pdf的價格則是69元。 . 購買電子書不支持貨到付款，購買時選擇atm或者超商、PayPal付款。付款後1-24小時內通過郵件傳輸給您。 *. 如果收到的電子書不滿意，可以聯絡我們退款。謝謝。

內容介紹

開本：16開

紙張：膠版紙

包裝：平裝-膠訂

是否套裝：否

國際標準書號ISBN：9787302528555

叢書名：計算機繫列教材

作者：殷立峰

出版社：清華大學出版社

出版時間：2019年09月

產品特色

width="750"

編輯推薦

開發過程詳盡。書中對於給出的例子均配有大量的步驟說明和截圖，使讀者能按照流程自行完成項目的開發。書中對開發中可能出現的錯誤進行了較為詳細的描述，使讀者在實際開發中能輕松排除錯誤。

內容簡介

本書是為應用型人纔培養而編寫的基於JSP的Web應用開發教材。Web應用開發是網頁設計、數據庫等各種技術的集成與綜合應用。本書通過通俗易懂的語言和實用生動的例子，繫統地介紹Web應用開發的基本常識、開發環境與開發工具、JavaScript語言、JSP基本語法、內置對像、JavaBean技術、Servlet技術、實用組件、數據庫應用開發和高級程序設計等技術，並且在每一章的後面提供了習題，方便讀者及時驗證自己的學習效果。本書內容深入淺出、循序漸進，程序案例生動易懂，注重Web應用技術實踐能力的培養，全書附加了大量案例，可以讓學生通過案例的學習，快速提升自己的Web應用開發能力。本書既可作為高等院校計算機科學與技術相關專業本科及專科學生的Web程序設計、網絡程序設計、Web應用開發、動態網站制作、JSP程序設計等課程的教材，又可作為教師、自學者的參考用書，同時也可作為JSP初學者及各類Web應用開發設計人員的培訓教材和學習參考書。學習本書時，讀者需要具備Java程序設計、數據庫原理、計算機網絡等方面的基礎知識。本書配有電子教案及相關教學資源，讀者可從www.tup.com.cn下載。

目錄
部分簡介與環境
1.1計算機網絡基礎知識3
1.1.1計算機網絡3
1.1.2Internet4
1.1.3TCP/IP5
1.2IP地址、域名和URL5
1.2.1IP地址5
1.2.2域名6
1.2.3URL7
1.3Web概述9
1.3.1WWW(萬維網)9
1.3.2什麼是網頁9
1.3.3構成網頁素10

目錄
部分簡介與環境

第1章Web應用開發基礎——萬丈高樓平地起3
1.1計算機網絡基礎知識3
1.1.1計算機網絡3
1.1.2Internet4
1.1.3TCP/IP5
1.2IP地址、域名和URL5
1.2.1IP地址5
1.2.2域名6
1.2.3URL7
1.3Web概述9
1.3.1WWW(萬維網)9
1.3.2什麼是網頁9
1.3.3構成網頁素10
1.3.4網頁的分類13
1.4Web開發與運行環境概述14
1.4.1簡單的Web應用開發運行環境14
1.4.2虛擬的Web應用開發運行環境15
1.4.3幾種Web動態網頁開發技術15
1.4.4常用的Web動態網頁開發軟件18
1.5JSP及其相關技術介紹21
1.5.1Java語言21
1.5.2Servlet技術21
1.5.3JavaBean技術22
1.5.4JSP開發與運行環境22
1.5.5JSP運行機制23
1.6習題24

第2章搭建JSP開發運行環境——工欲善其事，必先利其器25
2.1JSP開發運行環境及安裝準備工作25
2.2JSP開發運行環境安裝與配置26
2.2.1JDK的安裝與配置26
2.2.2MyEclipse的安裝、配置與使用34
2.2.3MySQL數據庫的安裝、配置與使用54
2.2.4Navicat Premium及其安裝65
2.2.5SublimeText及其安裝69
2.2.6Git、TortoiseGit及其安裝70
2.3JSP服務器環境安裝與配置79
2.3.1JSP服務器運行環境79
2.3.2服務器軟件Tomcat的安裝與配置79
2.3.3創建Web服務目錄84
2.4習題86
2.4.1簡答題86
2.4.2上機練習86
2.4.3實訓課題86

第3章Web項目實例分析與設計——揚帆起航87
3.1項目開發流程87
3.2教學日志管理繫統分析與設計91
3.2.1教學日志管理繫統需求分析91
3.2.2教學日志管理繫統設計95
第二部分前端開發
第4章HTML——一切從HTML開始101
4.1HTML概述101
4.1.1HTML入門——一個簡單的HTML案例102
4.1.2HTML標簽的基本概念104
4.1.3HTML文件基本架構106
4.1.4HTML的語法規範109
4.2HTML文本格式標簽111
4.2.1標題標簽…111
4.2.2文字格式標簽…112
4.2.3字型設置標簽114
4.2.4文字滾動標簽115
4.2.5段落標簽116
4.3圖像與多媒體標簽120
4.3.1圖像標簽120
4.3.2背景音樂標簽121
4.3.3多媒體標簽122
4.4HTML的超鏈接標簽123
4.5HTML的表格、列表與塊容器標簽124
4.5.1表格標簽

124
4.5.2列表標簽129
4.5.3塊容器標簽

和131
4.6表單標簽133
4.6.1表單標簽…134
4.6.2輸入標簽134
4.6.3下拉列表框標簽136
4.6.4多行文本框標簽…136
4.7窗口框架標簽138
4.7.1窗口框架標簽138
4.7.2不支持框架標簽139 4.8頁面動態刷新和浮動窗口標簽142 4.8.1頁面動態刷新標簽<meta>142 4.8.2浮動窗口標簽<iframe>143 4.9網頁中嵌入Java語言小程序的標簽<applet>144 4.10HTML 5146 4.10.1HTML 5簡介146 4.10.2HTML 5的開發工具146 4.10.3HTML 5代碼編寫規範146 4.10.4HTML 5新的語法架構148 4.10.5HTML 5新的頁面架構148 4.10.6HTML 5新增的標簽及不再使用的標簽150 4.10.7HTML 5屬性的變化151 4.10.8HTML 5新增的部分標簽詳解154 4.11習題169 4.11.1填空題169 4.11.2選擇題169 4.11.3簡答題171 4.11.4實訓題171 第5章網頁布局之DIV CSS——網頁化妝師172 5.1CSS基礎172 5.1.1CSS的創建與使用172 5.1.2CSS語法175 5.1.3派生選擇器177 5.1.4id選擇器178 5.1.5CSS類選擇器179 5.1.6CSS屬性選擇器180 5.2CSS樣式182 5.2.1CSS背景182 5.2.2CSS文本185 5.2.3CSS字體189 5.2.4CSS鏈接192 5.2.5CSS列表193 5.2.6CSS表格194 5.2.7CSS輪廓196 5.2.8CSS對齊196 5.3CSS框模型197 5.4CSS邊距199 5.5DIV CSS網頁布局199 5.5.素素199 5.5.2制作網頁導航條203 5.5.3網頁布局設計207 5.6習題211 第6章網頁布局之FlexBox——布局新秀213 6.1FlexBox概述213 6.1.1FlexBox的使用213 6.1.2FlexBox基本概念214 6.2FlexBox屬性215 6.2.1flexdirection屬性215 6.2.2flexgrow屬性215 6.2.3flexwrap屬性218 6.2.4justifycontent屬性218 6.2.5alignitems屬性218 6.2.6order屬性221 6.2.7flexshrink屬性222 6.2.8flexbasis屬性222 6.3FlexBox應用舉例222 6.4FlexBox布局總結224 6.5習題224 第7章網頁布局之Bootstrap——布局大佬225 7.1Bootstrap簡介225 7.1.1Bootstrap概述225 7.1.2Bootstrap的使用225 7.2Bootstrap的網格繫統227 7.2.1網格繫統簡介227 7.2.2網格繫統的應用228 7.3Bootstrap排版230 7.3.1標題230 7.3.2頁面主體231 7.3.3對齊與改變大小寫231 7.3.4縮略語231 7.3.5地址232 7.3.6引用232 7.3.7代碼塊233 7.4Bootstrap表格234 7.4.1條紋狀表格234 7.4.2帶邊框的表格235 7.4.3鼠標懸停效果的實現236 7.4.4表格緊縮效果的實現237 7.4.5表格的狀態類238 7.4.6響應式表格239 7.5Bootstrap表單240 7.5.1基本表單240 7.5.2內聯表單241 7.5.3水平表單242 7.5.4Bootstrap支持的表單控件244 7.5.5靜態控件246 7.5.6表單控件的狀態247 7.5.7表單控件的大小250 7.5.8表單的幫助文本251 7.6Bootstrap按鈕和圖片251 7.6.1可作為按鈕使用的素251 7.6.2預定義樣式252 7.6.3按鈕的大小252 7.6.4按鈕的狀態253 7.6.5圖片254 7.7Bootstrap布局組件255 7.7.1下拉菜單255 7.7.2按鈕組256 7.7.3按鈕下拉菜單257 7.7.4面板259 7.7.5導航菜單263 7.8使用Bootstrap開發網站後臺管理界面266 7.8.1頁面的基本框架266 7.8.2導航欄部分266 7.8.3頁面的主要內容部分268 7.9習題276 第8章JavaScript語言——網頁動起來277 8.1JavaScript語言概述277 8.1.1一個簡單的包含JavaScript語言的網頁277 8.1.2JavaScript語言概述278 8.1.3JSP中如何嵌入JavaScript小程序280 8.2JavaScript的數據類型、運算符280 8.2.1保留字280 8.2.2數據類型281 8.2.3變量281 8.2.4運算符282 8.3JavaScript的函數284 8.4JavaScript的事件285 8.5JavaScript對像及其使用287 8.6JavaScript程序流程的控制291 8.6.1if條件判斷結構291 8.6.2switch多路分支結構292 8.6.3for循環控制結構295 8.6.4while循環控制結構296 8.6.5do…while循環控制結構298 8.7文檔對像模型299 8.7.1文檔對像模型應用舉例299 8.7.2文檔對像模型概述301 8.7.3文檔對像模型的節點訪問方法303 8.8習題306 第9章EasyUI——把窗口繫統搬到網頁上307 9.1EasyUI簡介307 9.1.1EasyUI概述307 9.1.2EasyUI的使用308 9.2EasyUI應用311 9.3EasyUI的菜單與按鈕321 9.3.1簡單菜單321 9.3.2鏈接按鈕322 9.3.3菜單按鈕323 9.3.4分割按鈕324 9.4EasyUI布局325 9.4.1邊框布局325 9.4.2復雜布局327 9.4.3折疊面板329 9.4.4標簽頁329 9.5EasyUI數據網格332 9.5.1數據網格332 9.5.2取得數據網格選中行的數據334 9.5.3添加工具欄334 9.5.4格式化列336 9.5.5設置排序338 9.6EasyUI窗口339 9.6.1簡單窗口339 9.6.2自定義窗口工具欄340 9.6.3窗口與布局341 9.6.4對話框343 9.7EasyUI樹形菜單344 9.7.1使用標簽創建樹形菜單344 9.7.2創建異步樹形菜單344 9.8EasyUI表單346 9.8.1創建異步提交表單346 9.8.2表單驗證347 9.8.3創建樹形下拉框349 9.9習題350 第10章案例項目的頁面設計——面子很重要351 10.1教學日志管理繫統的主頁面設計351 10.2教學日志管理繫統的登錄頁面設計354 10.3教學日志管理繫統的教師端頁面設計355 10.4習題361 第三部分後端開發 第11章Web服務器端程序——有人做面子，就得有人做裡子365 11.1Web服務器端簡介365 11.2Web服務器端語言迭代歷史366 11.2.1靜態頁面時代366 11.2.2CGI時代366 11.2.3動態頁面時代369 11.3習題374 第12章Servlet——Java中的CGI375 12.1Servlet的工作原理375 12.1.1Servlet概述375 12.1.2Servlet的層次結構376 12.1.3Servlet的生命周期378 12.2Servlet創建與使用380 12.2.1Servlet程序的編寫過程380 12.2.2個Servlet程序382 12.3doGet與doPost方法384 12.4重定向與轉發391 12.4.1請求轉發391 12.4.2重定向跳轉392 12.5習題393 第13章JSP頁面與標簽——雜燴飯394 13.1JSP概述394 13.1.1JSP394 13.1.2為什麼要有JSP396 13.2JSP的工作原理397 13.3JSP語法399 13.3.1JSP腳本399 13.3.2JSP聲明399 13.3.3JSP注釋400 13.3.4JSP指令400 13.3.5JSP表達式400 13.3.6JSP控制流402 13.4JSP指令404 13.4.1page指令405 13.4.2include指令412 13.5JSP動作標簽413 13.6習題415 第14章JSP內置對像——通於天地謂之神416 14.1JSP內置對像簡介416 14.2out對像417 14.2.1輸出信息的方法417 14.2.2與緩衝區相關的方法418 14.3request對像420 14.3.1用request讀取客戶端傳遞來的參數420 14.3.2request作用範圍變量425 14.3.3用request讀取繫統信息429 14.3.4用request讀取HTTP請求報頭信息432 14.3.5用request讀取Cookie432 14.3.6用request選擇國際化信息437 14.4response對像437 14.4.1輸出緩衝區與響應提交437 14.4.2HTTP響應報頭設置438 14.4.3用response實現文件下載441 14.5application對像444 14.5.1用application訪問Web應用的初始參數444 14.5.2application作用範圍變量445 14.5.3用application對像讀取Servlet容器信息447 14.5.4用application記錄操作日志447 14.6session對像448 14.6.1用URL重寫實現session跟蹤449 14.6.2用Cookie實現session跟蹤451 14.6.3用隱藏表單域實現session跟蹤454 14.6.4session作用範圍變量與session跟蹤456 14.7其他JSP內置對像461 14.7.1config隱含對像461 14.7.2exception隱含對像462 14.7.3page隱含對像463 14.7.4pageContext隱含對像463 14.8習題464 第15章JSTL和EL表達式——混入HTML的另類465 15.1概述465 15.2JSTL的使用466 15.2.1為JSP添加JSTL支持466 15.2.2核心標簽庫簡介467 15.2.3<c:out>標簽468 15.2.4<c:set>標簽469 15.2.5<c:remove>標簽469 15.2.6<c:if>標簽470 15.2.7<c:choose>、<c:when>和<c:otherwise>標簽471 15.2.8<c:forEach>標簽472 15.2.9核心標簽庫中的其他標簽474 15.2.10格式化標簽庫474 15.3EL表達式476 15.3.1簡介476 15.3.2EL表達式的隱含對像478 15.4MVC中使用EL表達式479 15.5習題483 第16章數據持久化——志不強則智不達484 16.1為何要做數據持久化484 16.2文件存儲484 16.2.1文件讀取484 16.2.2文件寫入487 16.2.3文件隨機讀寫488 16.2.4網頁中的讀寫489 16.2.5文件數據存儲格式490 16.3數據庫讀寫492 16.3.1數據庫的思想492 16.3.2建立數據庫493 16.3.3連接數據庫501 16.3.4數據庫查詢505 16.4案例506 16.4.1用戶登錄案例506 16.4.2書籍的列表與編輯案例513 16.5習題516 第17章輕量級的MVC ORM框架YangMVC——輕車簡從517 17.1MVC簡介517 17.1.1MVC的產生原因517 17.1.2MVC基本概念519 17.1.3歷史上的MVC520 17.2YangMVC簡介521 17.2.1框架特點521 17.2.2框架配置521 17.3Hello World案例524 17.4CRUD案例525 17.4.1案例所使用的數據庫525 17.4.2數據列表525 17.4.3數據添加528 17.4.4數據修改531 17.4.5數據刪除533 17.4.6數據分頁列表533 17.5控制器詳解536 17.5.1控制器創建536 17.5.2路徑映射537 17.5.3控制器方法538 17.5.4獲取參數538 17.5.5輸出文本或網頁539 17.5.6輸出JSON540 17.5.7使用FreeMarker輸出541 17.5.8session訪問542 17.5.9application訪問542 17.5.10上傳文件543 17.5.11外鍵546 17.5.12單例模式548 17.6數據庫訪問548 17.6.1簡介548 17.6.2Model與DBTool548 17.6.3Model數據訪問549 17.6.4數據修改550 17.6.5數據插入550 17.6.6數據查詢551 17.6.7數據刪除552 17.6.8LasyList的使用552 17.7登錄案例553 17.7.1登錄邏輯553 17.7.2登錄表單553 17.7.3數據庫的用戶表556 17.7.4提交處理557 17.8習題558 第18章Hibernate——鏡花亦花，水月亦月559 18.1使用Hibernate進行數據庫讀寫559 18.2Hibernate的配置559 18.3使用Hibernate進行開發566 18.4習題573第19章MVC架構與Struts——三權分立，各司其職574 19.1自己動手實現MVC574 19.2Struts入門578 19.2.1Struts簡介578 19.2.2Struts環境配置579 19.2.3Hello Struts582 19.3Struts進階585 19.3.1Struts處理表單和URL參數585 19.3.2Action屬性的輸出586 19.3.3用戶登錄實例586 19.4習題590 第20章Spring之旅——保姆改變世界591 20.1依賴注入思想591 20.1.1“喫飯問題”的硬編碼591 20.1.2“喫飯問題”的工廠模式592 20.1.3“食品工廠”的反射機制實現593 20.1.4“喫飯問題”的反轉控制594 20.2Spring中的依賴注入實現595 20.2.1Spring安裝595 20.2.2Spring中的“喫飯問題”596 20.2.3“喫飯問題”之我的雞蛋你別喫598 20.2.4“喫飯問題”之花樣繁多598 20.3面向切面的編程599 20.4Spring中的面向切面的編程600 20.5在Web中使用Spring602 20.5.1自定義Servlet初始化Spring602 20.5.2使用Spring給出的Listener初始化604 20.5.3使用Spring給出的Servlet初始化607 20.6習題608 第21章案例繫統的功能實現——沒後端就是花架子609 21.1前言609 21.2數據庫設計609 21.2.1數據庫應具備的功能609 21.2.2數據庫表格609 21.2.3數據庫工具的使用612 21.3項目建立和HTML導入612 21.4主頁和用戶管理613 21.4.1主頁613 21.4.2教師職工登錄614 21.4.3院繫部門登錄618 21.4.4用戶注冊620 21.4.5教師用戶主頁624 21.4.6查看個人信息630 21.4.7修改個人信息632 21.4.8修改密碼635 21.4.9用戶退出637 21.5課程管理637 21.5.1課程信息637 21.5.2課程添加638 21.6教學日志管理640 21.6.1查看所有教學日志640 21.6.2新建教學日志641 21.6.3查詢教學日志644 21.6.4我的未完成日志647 21.6.5教學日志信息648 21.6.6修改教學日志項649 21.6.7刪除教學日志項652 21.7期末總結管理652 21.7.1新建期末總結653 21.7.2待評價期末總結653 21.7.3已評價期末總結654 21.8院繫管理功能654 21.9本章小結654 21.10習題655<div class="section_show_more" ></div></div></div><div id="preface" class="section"><div class="title">前言</div><div class="descrip">前言 基於B/S架構的Web信息繫統已經成為當前計算機信息繫統的主流實現方案，在政府、企業、公共事業服務等領域得到廣泛應用。Web技術是目前網絡信息應用的基礎，是信息管理、計算機等專業的一項主要信息技術，是當今從事信息專業的技術人員和管理者需要掌握的重要技能。 本書包含JSP Web應用開發需要熟練掌握的以下3方面內容。 (1) JSP Web開發與運行環境搭建技術。主要涉及JSP Web應用開發軟、硬件平臺搭建的基本技術。 (2) Web前端開發。主要內容包括HTML基礎，Web前端開發工具，網頁的創建和編輯，網頁布局、CSS和 JavaScript，目前業界流行的前端開發類庫ExtJs以及基本的Web編程能力。 (3) Web後端開發。主要內容包括Web服務器的安裝與配置、Servlet、JSP頁面標簽、內置對像、JavaBean、數據持久化、MVC架構，以及業界流行的Struts、Spring和Hibernate。 本書編者具有多年的JSP Web應用開發教學與多個JSP Web項目的開發經歷，積累了豐富的JSP Web應用開發經驗。因此，本書是編者豐富的理論和實踐經驗相結合的結晶。本書具有以下4個特點。前言 基於B/S架構的Web信息繫統已經成為當前計算機信息繫統的主流實現方案，在政府、企業、公共事業服務等領域得到廣泛應用。Web技術是目前網絡信息應用的基礎，是信息管理、計算機等專業的一項主要信息技術，是當今從事信息專業的技術人員和管理者需要掌握的重要技能。 本書包含JSP Web應用開發需要熟練掌握的以下3方面內容。 (1) JSP Web開發與運行環境搭建技術。主要涉及JSP Web應用開發軟、硬件平臺搭建的基本技術。 (2) Web前端開發。主要內容包括HTML基礎，Web前端開發工具，網頁的創建和編輯，網頁布局、CSS和 JavaScript，目前業界流行的前端開發類庫ExtJs以及基本的Web編程能力。 (3) Web後端開發。主要內容包括Web服務器的安裝與配置、Servlet、JSP頁面標簽、內置對像、JavaBean、數據持久化、MVC架構，以及業界流行的Struts、Spring和Hibernate。 本書編者具有多年的JSP Web應用開發教學與多個JSP Web項目的開發經歷，積累了豐富的JSP Web應用開發經驗。因此，本書是編者豐富的理論和實踐經驗相結合的結晶。本書具有以下4個特點。  （1）從動態網站開發基礎的HTML、CSS、JavaScript，到JSP的基本技術、JDBC數據庫訪問技術，到前端的UI框架EasyUI以及後端的輕量級框架YangMVC，重量級框架Struts、Spring、Hibernate。本書涵蓋JSP Web應用開發設計所需的絕大多數知識內容，讓學生從對JSP Web應用開發設計的一無所知到掌握JSP Web應用開發設計的全部技術，是一種名副其實的“JSP Web應用開發從入門到精通”的教材。 （2）面向應用型人纔培養需求。組織編寫教材內容時，以應用為導向，以Web應用開發過程為基礎，繫統全面地介紹目前市場主流和成熟的JSP Web應用開發技術。 （3）采用案例驅動方式組織教材內容，以案例帶動知識的理解和學習。本書強調在做中學，在學中做，把實踐與理論知識的學習密切結合。本書提供了豐富的案例，所有案例均在Windows 7 Tomcat MySQL和Windows XP Tomcat MySQL環境下調試通過。 （4）開發過程詳盡。針對學生的水平參差不齊、缺乏基礎知識的情況，書中對於給出的例子均配有大量的步驟說明和截圖，使學生能按照流程自行完成項目的開發。書中對開發中可能出現的錯誤進行了較為詳細的描述，使學生在實際開發中能輕松排除錯誤。 書中每章後面都有大量的習題、上機練習和實訓課題，其目的是使學生掌握核心知識、概念和技術。在實訓中還提供了一些綜合應用的課題。 本書由殷立峰和楊同峰統籌策劃，第1～4章和第8章由殷立峰編寫，第5、7章和第9～14章由房志峰編寫，第6章和第15～21章由楊同峰編寫。 感謝讀者選擇使用本書，歡迎對本書結構、內容提出批評和修改建議。  編者 2019年3月<div class="section_show_more" ></div></div></div><div id="extract" class="section"><div class="title">在線試讀</div><div class="descrip">第5章網頁布局之DIV CSS——網頁化妝師 本章主要內容：  CSS的概念和使用方法。  CSS的基本語法。  CSS樣式主要屬性的設置。  CSS的框模型的基本結構。  使用DIV CSS開發網頁界面的方法。 5.1CSS基礎 我們經常見到設計精美的網頁，也常看到簡陋的網頁。它們之間真的差異那麼大嗎？人們常說，沒有丑女人，隻有懶女人。簡陋的網頁和精美的網頁之間也許隻差CSS。 CSS就像是網頁的化妝品，讓我們學會用CSS裝扮我們的網頁吧！ 層疊樣式表(cascading style sheets,CSS)是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言，簡稱樣式表。可以說，HTML或XML為網頁的骨架，CSS為網頁的衣服，不同CSS樣式搭配，可以展現不同的頁面效果。“CSS禪意花園”網站上就有各方CSS高手設計的CSS頁面效果，即在同一個HTML基礎上，套用不同的CSS，終頁面展示出各式各樣的絢麗效果。 CSS目前版本為CSS3，它是能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對於傳統HTML的表現而言，CSS能夠對網頁中的對像的位置排版進行像素級的精確控制，支持幾乎所有的字體、字號樣式，擁有對網頁對像和模型樣式編輯的能力，並能夠進行初步交互設計，是目前基於文本展示秀的表現設計語言。CSS能夠根據不同使用者的理解能力，簡化或者優化寫法，針對各類人群，有較強的易讀性。 5.1.1CSS的創建與使用 如何插入樣式表呢？當讀到一個樣式表時，瀏覽器會根據它來格式化HTML文檔。插入樣式表的方法有4種。 1. 外部樣式表第5章網頁布局之DIV CSS——網頁化妝師 本章主要內容：   CSS的概念和使用方法。  CSS的基本語法。  CSS樣式主要屬性的設置。  CSS的框模型的基本結構。  使用DIV CSS開發網頁界面的方法。 5.1CSS基礎 我們經常見到設計精美的網頁，也常看到簡陋的網頁。它們之間真的差異那麼大嗎？人們常說，沒有丑女人，隻有懶女人。簡陋的網頁和精美的網頁之間也許隻差CSS。 CSS就像是網頁的化妝品，讓我們學會用CSS裝扮我們的網頁吧！ 層疊樣式表(cascading style sheets,CSS)是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言，簡稱樣式表。可以說，HTML或XML為網頁的骨架，CSS為網頁的衣服，不同CSS樣式搭配，可以展現不同的頁面效果。“CSS禪意花園”網站上就有各方CSS高手設計的CSS頁面效果，即在同一個HTML基礎上，套用不同的CSS，終頁面展示出各式各樣的絢麗效果。 CSS目前版本為CSS3，它是能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對於傳統HTML的表現而言，CSS能夠對網頁中的對像的位置排版進行像素級的精確控制，支持幾乎所有的字體、字號樣式，擁有對網頁對像和模型樣式編輯的能力，並能夠進行初步交互設計，是目前基於文本展示秀的表現設計語言。CSS能夠根據不同使用者的理解能力，簡化或者優化寫法，針對各類人群，有較強的易讀性。 5.1.1CSS的創建與使用 如何插入樣式表呢？當讀到一個樣式表時，瀏覽器會根據它來格式化HTML文檔。插入樣式表的方法有4種。  1. 外部樣式表 當樣式需要應用於很多頁面時，外部樣式表將是理想的選擇。在使用外部樣式表的情況下，可以通過改變樣式表文件來改變整個站點的外觀。每個頁面使用 <link> 標簽鏈接樣式表。<link> 標簽在（文檔的）頭部，語法如下： <head> <link rel="stylesheet" type="text/css" href="mystyle.css"/> </head> 瀏覽器會從文件 mystyle.css 中讀到樣式聲明，並根據它來格式文檔。 外部樣式表可以在任何文本編輯器中進行編輯。文件不能包含任何<HTML>標簽。樣式表應該以css為擴展名進行保存。下面是一個樣式表文件的例子：hr{color:sienna;} p{margin-left:20px;} body{background-image:url("images/back40.gif");} 不要在屬性值與單位之間留有空格。假如使用marginleft: 20 px而不是marginleft: 20px，它僅在 IE 6 中有效，但是在 Mozilla/Firefox 或 Netscape 中卻無法正常工作。 【例51】外部樣式表示例。 CSS文件程序清單5-1(test.css): body{background-color:yellow} h1{background-color:#00ff00} h2{background-color:transparent} p{background-color:rgb(250,0,255)} p.no2{background-color:gray;padding:20px;} HTML文件程序清單5-2(example5_01.html): <html> <head> <link rel="stylesheet" type="text/css" href="test.css"/> </head> <body> <h1>這是標題 1</h1> <h2>這是標題 2</h2> 這是段落 這個段落設置了內邊距。 </body> </html> 上述例子中，使用link標簽引用了外部的test.css,在實驗時請注意將HTML文件和CSS文件放入一個目錄，否則網頁將找不到CSS文件，進而使CSS文件中的設置失效。 2. 內部樣式表 當單個文檔需要特殊的樣式時，就應該使用內部樣式表。可以使用 <style> 標簽在文檔頭部定義內部樣式表，就像這樣:<head> <style type="text/css"> hr{color:sienna;} p{margin-left:20px;} body{background-image:url("images/back40.gif");} </style> </head> 【例52】內部樣式表示例。程序清單5-3(example5_02.html): <html> <head> <style type="text/css"> body{background-color:yellow} h1{background-color:#00ff00} h2{background-color:transparent} p{background-color:rgb(250,0,255)} p.no2{background-color:gray;padding:20px;} </style> </head> <body> <h1>這是標題 1</h1> <h2>這是標題 2</h2> 這是段落 這個段落設置了內邊距。 </body> </html> 3. 內聯樣式 由於要將表現和內容混雜在一起，內聯樣式會損失掉樣式表的許多優勢。請慎用這種方法，例如，當樣式僅需要素上應用一次時，可以使用內聯樣式。 要使用內聯樣式，需要在相關的標簽內使用樣式（style）屬性。style屬性可以包含任何CSS屬性。本例展示如何改變段落的顏色和左外邊距： This is a paragraph <div class="section_show_more" ></div></div></div> <img src="http://img3m7.ddimg.cn/17/33/27938807-2_u_3.jpg" /> <img src="http://img3m7.ddimg.cn/17/33/27938807-3_u_3.jpg" /> <img src="http://img3m7.ddimg.cn/17/33/27938807-4_u_3.jpg" /> <img src="http://img3m7.ddimg.cn/17/33/27938807-5_u_3.jpg" /> <img src="http://img3m7.ddimg.cn/17/33/27938807-6_u_3.jpg" /> <img src="http://img3m7.ddimg.cn/17/33/27938807-7_u_3.jpg" /> <img src="http://img3m7.ddimg.cn/17/33/27938807-8_u_3.jpg" /> </td></tr><tr> <td> </td></tr></table> </td></tr><tr valign=top><td colspan=4 height="53"> <table border=0 cellpadding=0 cellspacing=0 width="98%" align="center"><tbody><tr valign=bottom> <td colspan=2 height=23>網友評論  我們期待著您對此商品發表評論</td> </tr><tr valign=top><td colspan=2> <table bgcolor=#000000 border=0 cellpadding=0 cellspacing=0 height=1 width="100%"> <tbody><tr> <td></td></tr></tbody> </table> </td></tr><tr valign=top><td colspan=2> <table align=center border=0 cellpadding=4 cellspacing=0 width=400> <tbody><tr align=middle><td width="100%"> <div align=center> <input style="FONT-SIZE: 12px" type=button value="我要評論" onClick="javascript:open('forum.asp?method=blank&id=1480202907','','');"></div> </td></tr></tbody> </table> <div></div></td></tr><tr valign=top><td colspan=2> </td></tr></tbody> </table> </td></tr><tr valign=top><td colspan=4> <table width="98%" border="0" cellspacing="0" cellpadding="0" align="center"><tr> <td class="bt_1" height="26">相關商品</td> </tr><tr> <td height="1" bgcolor="#000000"></td> </tr><tr> <td valign="top"></td></tr><tr> <td valign="top"></td></tr><tr> <td> </td></tr></table> </td></tr></tbody> </table> </td></tr></table> </td></tr></table> <TABLE cellSpacing=0 cellPadding=0 width=1000 align=center border=0> <TBODY> <TR> <TD><IMG height=5 src="/liaode/images/bottom_01.jpg" width=1000></TD></TR> <TR> <TD align=middle> <TABLE class=size cellSpacing=1 cellPadding=0 width="100%" bgColor=ffffff><TBODY> <TR> <TD width="100%" height=15 align=center> <a href="contact.asp?t=3" class="links6" target=_blank>在線留言</a> 商品價格為新臺幣 </TD> </tr> <TR> <TD width="100%" height=15 align=center> <a href="help.html" class="links6">關於我們</a> <a href="help.html" class="links6">送貨時間</a> <a href="help.html" class="links6">安全付款</a> <a href="user.asp" class="links6">會員登入</a> <a href="user.asp" class="links6">加入會員</a> <a href="user.asp?method=fillbill" class="links6">我的帳戶</a> <a href="help_5.html" class="links6">網站聯盟</a> </TD> </tr> <TR> <TD width="100%" height=15 align=center> <a href="http://www.liaode.com.tw/sitemap.htm" title="DVD" target="_blank" class="links6">DVD</a> <a href="http://www.liaode.com.tw/sitemap.xml" title="連續劇" target="_blank" class="links6">連續劇</a> Copyright © 2024, Digital 了得網 Co., Ltd. </TD> </tr> </TBODY></TABLE></TD></TR></TBODY></TABLE> <style type="text/css"> .ui-scrolltop:hover { opacity: 1; filter: alpha(opacity=100); -moz-transition: opacity 0.3s ease-in,opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-in,opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-in,opacity 0.3s ease-out; transition: opacity 0.3s ease-in,opacity 0.3s ease-out; } .ui-scrolltop { display: block; position: fixed; _position: absolute; right: 10px; bottom: 200px; z-index: 9999; height: 60px; width: 60px; text-indent: -999999px; overflow: hidden; background: #000 url(http://liaode.com.tw/images/untitled.png) 18px 21px no-repeat; opacity: 0.5; filter: alpha(opacity=50); cursor: pointer; -moz-transition: opacity 0.3s ease-in,opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-in,opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-in,opacity 0.3s ease-out; transition: opacity 0.3s ease-in,opacity 0.3s ease-out; } </style> <a id="J_ScrollTopBtn" class="ui-scrolltop" title="返回頂部" href="#top">返回頂部</a>  <script type="text/javascript"> var pkBaseURL = (("https:" == document.location.protocol) ? "https://www.conn.tw/" : "http://adcenter.conn.tw/"); document.write(unescape("%3Cscript src='" + pkBaseURL + "track/oeya_url_cookie.js' type='text/javascript'%3E%3C/script%3E")); </script><script type="text/javascript"> var manu_code = '9nTT0aH7gmjA948'; var code='member'; var code_value='$member'; var code_sub=''; var pro_info=''; var action_name = ''; url = pkBaseURL + "track/oeya_url_cookie.php"; oeya_log(action_name, manu_code, url,code,code_value,code_sub,pro_info); </script>   <div id="dialog-warning" style="display:none;" title="提示"> 請選擇顏色、尺碼等選項！</div><div id="dialog-confirm" style="display:none;" title="提示"> 已成功加入購物車！</div></body></html>

商品搜索

商品分类

【醫學】

【各大出版社】