WEB前端开发实例教程(HTML.CSS.JAVASCRIPT)/占东明--聚文网

精选

¥5.83

世界图书名著昆虫记绿野仙踪木偶奇遇记儿童书籍彩图注音版

¥5.39

正版世界名著文学小说名家名译中学生课外阅读书籍图书批发 70册

¥8.58

简笔画10000例加厚版2-6岁幼儿童涂色本涂鸦本绘画本填色书正版

¥5.83

世界文学名著全49册中小学生青少年课外书籍文学小说批发正版

¥4.95

全优冲刺100分测试卷一二三四五六年级上下册语文数学英语模拟卷

¥8.69

父与子彩图注音完整版小学生图书批发儿童课外阅读书籍正版1册

¥24.2

好玩的洞洞拉拉书0-3岁宝宝早教益智游戏书机关立体翻翻书4册

¥7.15

幼儿认字识字大王3000字幼儿园中班大班学前班宝宝早教启蒙书

¥11.55

用思维导图读懂儿童心理学培养情绪管理与性格培养故事指导书

¥19.8

少年读漫画鬼谷子全6册在漫画中学国学小学生课外阅读书籍正版

¥64

科学真好玩

¥12.7

一年级下4册·读读童谣和儿歌

¥38.4

原生态新生代(传统木版年画的当代传承国际研讨会论文集)

¥11.14

法国经典中篇小说

¥11.32

上海的狐步舞--穆时英(中国现代文学馆馆藏初版本经典)

¥21.56

猫的摇篮(精)

¥30.72

幼儿园特色课程实施方案/幼儿园生命成长启蒙教育课程丛书

旧时风物(精)

三希堂三帖/墨林珍赏

寒山子庞居士诗帖/墨林珍赏

苕溪帖/墨林珍赏

楷书王维诗卷/墨林珍赏

兰亭序/墨林珍赏

祭侄文稿/墨林珍赏

蜀素帖/墨林珍赏

真草千字文/墨林珍赏

进宴仪轨(精)/中国古代舞乐域外图书

舞蹈音乐的基础理论与应用

编辑推荐

1、全面系统讲解Web前端开发技术，包括HTML、CSS、JavaScript、HTML5等，采用实例教学方法，实例丰富，每个知识点都有一个实例，每个章节都有综合的小实例，最后又有综合的大实例，做到了全书实例覆盖所有知识点。 2、配套资源丰富，支持多终端课程网站、微信课程等，资料包括：微课视频、实例源代码、教学PPT、工具软件、授课安排、实验安排等。

内容简介

Web技术综述、开发工具介绍、Web运行环境搭建、HTML/CSS/JavaScript综述、HTML基础、HTML文件标准结构、文本与段落、列表、超链接、图片与多媒体的使用、表格、框架、表单、CSS基础、字体样式表、段落样式表、列表和背景、CSS盒子模型、DIV+CSS页面布局、本书全面系统地讲解了Web前端开发技术，包括HTML、CSS、JavaScript等。全书采用实例教学方法，每个知识点都有一个实例，每个章节都有综合的小实例，最后又有综合大案例，做到了全书实例覆盖所有知识点。全书分为6部分，第一部分准备篇（第1～3章），介绍了Web技术基础知识、开发工具、运行环境等；第二部分入门篇（第4～13章），全面介绍了HTML相关知识及应用；第三部分进阶篇（第14～19章），全面介绍了CSS相关知识及应用；第四部分高级篇（第20～23章），重点介绍了JavaScript基本语法、事件、对象以及应用；第五部分实战篇（第24章），通过一个综合案例来讲解Web开发全过程，第六部分扩展篇（第25～26章），介绍了HTML5的内容，使全书的内容更加全面实用。本书附有丰富配套资源、支持多终端课程网站、微信课程等。配套资源包括：微课视频、实例源代码、教学PPT、工具软件、授课安排、实验安排等，读者可到人邮教育社区（WWW.ryjiaoyu.com）上获取。本书可作为高等院校、高职高专计算机及相关专业的教学用书，也可以作为网站制作、Web程序设计及相关课程培训教材，同时也可供Web编程爱好者自学参考。JavaScript概述、JavaScript语法、JavaScript事件、JavaScript对象、综合案例

作者简介

占东明华东交通大学软件学院副教授。研究方向、开设课程：Web前端开发技术、网页设计与制作。

目录准备篇第1章 Web技术综述 2 1.1 Internet基础 2 1.1.1 TCP/IP 2 1.1.2 主机和IP地址 2 1.1.3 DNS和域名 3 1.2 Web概述 4 1.2.1 Web起源 4 1.2.2 Web的工作原理 4 1.2.3 Web基本技术 4 1.2.4 Web服务器 5 1.3 超文本与标签语言 6 1.3.1 超文本 6 1.3.2 标签语言 6 1.4 Web标准综述 7 1.4.1 Web标准体系 8 1.4.2 Web标准的意义 8 1.5 浏览器 9 1.5.1 主流浏览器 9 1.5.2 浏览器内核 9 1.6 知识点提炼 10 1.7 思考与练习 10 1.8 上机实例练习——浏览器安装及内核检测 11 第2章开发工具介绍 12 2.1 Web开发工具 12 2.1.1 Photoshop图像制作 12 2.1.2 Fireworks网页作图 13 2.1.3 Flash网页动画 13 2.1.4 记事本 13 2.1.5 Notepad代码编辑器 14 2.1.6 EditPlus代码编辑器 15 2.1.7 TextPad代码编辑器 15 2.1.8 Dreamweaver网页编辑器 16 2.1.9 CSS3 Menu——CSS菜单设计工具 16 2.1.10 ColorImpact颜色方案设计工具 17 2.2 Dreamweaver软件的使用 17 2.2.1 基本操作 17 2.2.2 界面介绍 21 2.2.3 站点管理配置 22 2.3 知识点提炼 23 2.4 思考与练习 23 2.5 上机实例练习——新建站点、新建网页 24 第3章 Web运行环境搭建 25 3.1 Web常见运行环境 25 3.2 Windows7环境下IIS安装 26 3.3 IIS中站点配置 28 3.4 知识点提炼 30 3.5 思考与练习 30 3.6 上机实例练习——安装IIS并配置站点 30 入门篇第4章 HTML/CSS/JavaScript综述 32 4.1 HTML综述 32 4.1.1 HTML所扮演的角色 32 4.1.2 HTML代码片段 33 4.2 CSS综述 33 4.2.1 CSS所扮演的角色 33 4.2.2 CSS代码片段 34 4.3 JavaScript综述 34 4.3.1 JavaScript所扮演的角色 35 4.3.2 JavaScript代码片段 35 4.4 小实例——HTML、CSS、 JavaScript的综合应用 36 4.5 知识点提炼 37 4.6 思考与练习 37 4.7 上机实例练习——仿照4-3-2.html练习 38 第5章 HTML基础介绍 39 5.1 HTML文档结构 39 5.2 HTML基本语法 39 5.2.1 标签语法 39 5.2.2 属性语法 40 5.3 HTML文件命名规则 42 5.4 编写HTML文档注意事项 42 5.5 小实例——简单图文混排网页制作 43 5.6 知识点提炼 44 5.7 思考与练习 44 5.8 上机实例练习——用记事本仿5-5.html编写一个HTML文件 45 第6章 HTML文件的标准结构 46 6.1 文件头部内容 46 6.1.1 设置网页标题 46 6.1.2 定义元素信息<meta> 47 6.1.3 设置网页关键词——keywords 48 6.1.4 设置网页描述——description 48 6.2 文件主体内容 49 6.2.1 设置页面背景——bgcolor 49 6.2.2 设置背景图片——background 50 6.2.3 设置页面边距 51 6.2.4 设计正文颜色——text 52 6.3 小实例——Web课程介绍网页 53 6.4 知识点提炼 53 6.5 思考与练习 54 6.6 上机实例练习——个人文字简历网页 54 第7章文本与段落 55 7.1 内容编辑 55 7.1.1 添加文本 55 7.1.2 添加注释 56 7.1.3 添加空格 57 7.1.4 添加删除线<del> 57 7.1.5 插入特殊符号 58 7.2 文本修饰 59 7.2.1 简单文本修饰 <b> <i> <u> 59 7.2.2 设置文本效果<font> 60 7.2.3 文字上下标<sup> <sub> 61 7.2.4 设置地址文本<address> 61 7.3 段落排版 62 7.3.1 段落<br/><br/> 62 7.3.2 换行<br/> 63 7.3.3 预格式化<pre> 64 7.3.4 段落缩进<blockquote> 65 7.3.5 设置水平线<hr/> 65 7.4 小实例——唐诗宋词网页设计 66 7.5 知识点提炼 67 7.6 思考与练习 67 7.7 上机实例练习——重写唐诗宋词网页，并设置网页背景和文本颜色等 68 第8章列表 69 8.1 列表类 69 8.1.1 无序列表<ul> 69 8.1.2 有序列表<ol> 70 8.1.3 定义列表<dl> 71 8.2 嵌套列表 72 8.2.1 无序与有序嵌套列表 72 8.2.2 定义嵌套列表 73 8.3 小实例——列表在网页中的应用 74 8.4 知识点提炼 75 8.5 思考与练习 75 8.6 上机实例练习——制作一个多类别的新闻列表网页 76 第9章超链接 77 9.1 超链接概述 77 9.2 超链接路径 78 9.2.1 绝对路径 78 9.2.2 相对路径 78 9.2.3 根路径 79 9.3 超链接的使用 79 9.3.1 创建内部链接 79 9.3.2 创建外部链接 80 9.4 小实例——超链接的应用 81 9.5 知识点提炼 82 9.6 思考与练习 82 9.7 上机实例练习——小型电子书 82 第10章图片与多媒体的使用 83 10.1 图片 83 10.1.1 网页图片格式 83 10.1.2 插入图片方法 84 10.1.3 设置图片替代文本——alt 85 10.1.4 设置图片属性——width、height 86 10.1.5 添加图片链接<a> 88 10.1.6 创建图片热区链接 90 10.2 多媒体<embed> 91 10.2.1 插入音频 92 10.2.2 插入视频 92 10.2.3 插入Flash动画 93 10.3 知识点提炼 93 10.4 思考与练习 94 10.5 上机实例练习——多媒体网页制作 94 第11章表格的应用 95 11.1 表格概述 95 11.1.1 表格结构<table> 96 11.1.2 设置表格标题<caption> 97 11.1.3 设置表格表头<th> 98 11.2 表格属性 99 11.2.1 设置表格宽度和高度——width和height 99 11.2.2 设置表格边框——border 100 11.2.3 设置表格边距cellpadding和间距cellspacing 101 11.2.4 内容水平对齐——align 102 11.2.5 内容垂直对齐——valign 103 11.2.6 设置跨行——rowspan 104 11.2.7 设置跨列——colspan 105 11.3 表格嵌套 106 11.4 小实例——表格在网页布局中的应用 107 11.5 用DW工具快速创建表格方法 108 11.6 知识点提炼 110 11.7 思考与练习 110 11.8 上机实例练习——利用表格布局制作一个网页 111 第12章框架的应用 112 12.1 框架概述 112 12.2 框架的基本结构 113 12.3 设置框架集 113 12.3.1 左右分割——cols 114 12.3.2 上下分割——rows 115 12.4 嵌套框架 115 12.5 设置框架<frame> 116 12.5.1 设置框架源文件属性——src 117 12.5.2 设置框架名称——name 117 12.5.3 设置框架边框——frameborder 117 12.5.4 设置框架滚动条——scrolling 117 12.5.5 调整框架尺寸——noresize 118 12.6 浮动框架 118 12.6.1 设置浮动框架 118 12.6.2 浮动框架属性——width和height 119 12.7 小实例——利用框架制作电子简历 120 12.8 知识点提炼 121 12.9 思考与练习 121 12.10 上机实例练习——利用框架制作电子相册 121 第13章表单的设计 122 13.1 表单标签 122 13.2 表单标签<form> 122 13.3 表单域<input/> 123 13.3.1 文本框——text 123 13.3.2 密码框——password 124 13.3.3 文件域——file 125 13.3.4 复选框——checkbox 125 13.3.5 单选按钮——radio 126 13.3.6 标准按钮——button 127 13.3.7 提交按钮——submit 128 13.3.8 重置按钮——reset 129 13.3.9 图像域——image 130 13.3.10 隐藏域——hidden 131 13.4 文本区域<textarea> 131 13.5 下拉菜单<select>和列表项<option> 132 13.6 小实例——在线报名表单设计 133 13.7 知识点提炼 136 13.8 思考与练习 136 13.9 上机实例练习——应聘简历表单设计 136 进阶篇第14章 CSS样式表基础 138 14.1 CSS概述 138 14.2 CSS语法 138 14.3 CSS常用选择器 139 14.3.1 类选择符 139 14.3.2 id选择符 140 14.3.3 包含选择符 140 14.3.4 伪类 140 14.4 CSS使用方法 140 14.4.1 链入外部样式表 141 14.4.2 内部样式表 142 14.4.3 嵌入样式表 143 14.4.4 导入外部样式表 144 14.5 CSS特性和优先级问题 145 14.6 小实例——CSS样式的应用 146 14.7 知识点提炼 146 14.8 思考与练习 147 14.9 上机实例练习——利用外部样式设计一个网页 147 第15章字体样式表 148 15.1 字体颜色——color 148 15.2 字体设置——font-family 149 15.3 字号设置——font-size 150 15.4 字体样式——font-style 152 15.5 字体加粗——font-weight 153 15.6 字体变体——font-variant 154 15.7 组合设置字体属性——font 155 15.8 小实例——利用CSS进行字体综合设置 156 15.9 知识点提炼 157 15.10 思考与练习 157 15.11 上机实例练习——制作利用CSS进行字体设置网页 158 第16章段落样式表 159 16.1 调整字符间距——letter-spacing 159 16.2 调整单词间距——word-spacing 160 16.3 添加文本修饰——text-decoration 161 16.4 文本对齐方式——text-align 162 16.5 设置段落缩进——text-indent 163 16.6 设置行高——line-height 164 16.7 英文大小写转换——text-transform 165 16.8 小实例——利用CSS进行段落准确编排 166 16.9 知识点提炼 167 16.10 思考与练习 167 16.11 上机实例练习——制作一个利用 CSS进行精美编排的网页 168 第17章列表和背景 169 17.1 列表样式——list-style-type 169 17.2 列表图像——list-style-image 171 17.3 列表位置——list-style-position 172 17.4 设置背景颜色——background-color 173 17.5 设置背景图片——background-image 174 17.6 设置背景附件——background-attachment 175 17.7 设置背景图片重复——background-repeat 177 17.8 设置背景图片位置——background-position 178 17.9 综合设置背景——background 180 17.10 小实例——字体和背景的综合应用 181 17.11 知识点提炼 182 17.12 思考与练习 182 17.13 上机实例练习——利用背景和列表样式制作新闻列表 183 第18章 CSS盒子模型 184 18.1 CSS盒子模型概述 184 18.2 CSS内边距——padding 184 18.3 CSS边框——border 186 18.3.1 边框样式——border-style 187 18.3.2 边框颜色——border-color 189 18.3.3 边框宽度——border-width 190 18.4 CSS外边距——margin 192 18.5 盒子模型显示——display 193 18.6 小实例——盒子模型的综合应用 195 18.7 知识点提炼 196 18.8 思考与练习 196 18.9 上机实例练习——利用盒子模型制作照片边框效果 197 第19章 DIV+CSS页面布局 198 19.1 层的创建 198 19.2 创建嵌套层 199 19.3 层的常见属性 200 19.4 CSS定位 201 19.4.1 定位方式——position 201 19.4.2 堆叠顺序——z-index 203 19.4.3 CSS浮动——float 203 19.4.4 浮动清除——clear 204 19.4.5 溢出设置——overflow 205 19.4.6 可见设置——visibility 206 19.5 页面内容样式设计 207 19.5.1 垂直导航菜单 207 19.5.2 水平导航菜单 208 19.5.3 新闻列表 208 19.5.4 图文混排 209 19.6 小实验——DIV+CSS页面布局 210 19.7 知识点提炼 212 19.8 思考与练习 212 19.9 上机实例练习——利用DIV+CSS布局一个网页 213 高级篇第20章 JavaScript概述 216 20.1 JavaScript语言概况 216 20.2 JavaScript的特点 216 20.3 JavaScript使用方法 217 20.4 知识点提炼 218 20.5 思考与练习 218 20.6 上机实例练习——写一个带JS的网页 219 第21章 JavaScript基本语法 220 21.1 基本数据类型 220 21.2 运算符 220 21.2.1 算术运算符 221 21.2.2 逻辑运算符 222 21.2.3 比较运算符 224 21.3 程序结构 225 21.3.1 If语句 225 21.3.2 Switch语句 226 21.3.3 For语句 228 21.3.4 While与Do…While 228 21.4 函数 230 21.4.1 有参函数 230 21.4.2 无参函数 231 21.5 小实例——用户登录 232 21.6 知识点提炼 233 21.7 思考与练习 233 21.8 上机实例练习——编写一个求长方体体积的程序网页 234 第22章 JavaScript事件分析 235 22.1 事件概述 235 22.2 主要事件 235 22.2.1 鼠标单击事件onClick 236 22.2.2 内容改变事件onChange 237 22.2.3 内容选择事件onSelect 238 22.2.4 聚焦事件onFocus 238 22.2.5 失焦事件onBlur 239 22.2.6 装载事件onLoad 240 22.2.7 卸载事件onUnload 240 22.2.8 鼠标事件onMouseOver 241 22.2.9 鼠标移开事件onMouseOut 242 22.3 小实例——主要事件综合应用 242 22.4 知识点提炼 243 22.5 思考与练习 243 22.6 上机实例练习——制作鼠标经过图片放大效果 244 第23章 JavaScript对象 245 23.1 对象概述 245 23.2 浏览器对象 246 23.2.1 Navigator对象 246 23.2.2 Location对象 247 23.2.3 Window对象 248 23.2.4 Document对象 250 23.2.5 History对象 250 23.3 内置对象和方法 251 23.4 小实例——对象的综合应用 252 23.5 知识点提炼 253 23.6 思考与练习 253 23.7 上机实例练习——编写显示客户端系统及当前时间的网页 254 实战篇第24章综合案例 256 24.1 网站开发与发布流程 256 24.1.1 网站开发流程 256 24.1.2 网站发布流程 257 24.2 花店系统前端开发过程 257 24.3 知识点提炼 265 24.4 思考与练习 265 扩展篇第25章全新的HTML—HTML5 268 25.1 初识HTML 5 268 25.2 HTML5语法结构 269 25.3 HTML5页面架构元素 269 25.4 元素的改变 270 25.4.1 新增元素 271 25.4.2 停止使用的元素 277 25.5 属性的改变 277 25.5.1 新增的属性 278 25.5.2 停止使用的属性 278 25.5.3 全局属性 279 25.6 知识点提炼 282 25.7 思考与练习 282 第26章 HTML5的表单 283 26.1 新的input输入类型及属性 283 26.1.1 新的input输入类型 283 26.1.2 新的input公用属性 288 26.2 表单的验证方式 293 26.2.1 调用checkValidity()方法实现验证 293 26.2.2 调用setCustomValidity()方法实现验证 294 26.2.3 设置不验证 295 26.3 知识点提炼 296 26.4 思考与练习 296 参考文献 297</div></div> </div> </div> </div> </div> </div> <script src="/static/js/lib/jquery/blowup.min.js" type="text/javascript"></script> <script type="application/javascript"> $(document).ready(function () { /** * 图片放大器 */ $("#img_zoom").blowup({ background : "#FCEBB6" }); }); </script>  <div class="modal fade bs-example-modal-lg" id="modal_add_to_list" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h4 class="modal-title" id="myModalLabel">添加到书单</h4> </div> <div class="modal-body">  <script id="tpl_my_list" type="text/template"> {@each records as i} <li class="list-group-item"> <label style="width:100%;cursor: pointer;"> <input type="radio" name="listId" value="@{i.id}" id="list@{i.id}"> @{i.name} </label> </li> {@/each} </script>  <ul class="list-group" id="tbl_my_list"> <li class="list-group-item"> <label for="list2" >加载中...</label> </li> </ul> <div class="pager"></div> <a href="javascript:void(0);" id="a_add_list">点此新建书单</a> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary" id="btn_add_to_list_save">确定</button> </div> </div> </div> </div>   <div class="modal fade bs-example-modal-lg" id="modal_add_list" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <form id="form_create_list"> <button type="reset" style="display:none;"></button> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h4 class="modal-title" id="myModalLabel">新建书单</h4> </div> <div class="modal-body"> <div class="form-group"> <label for="recipient-name" class="control-label">标题：</label> <input type="text" class="form-control" name="name"> </div> <div class="form-group"> <label for="recipient-name" class="control-label">简介：</label> <textarea style="height:200px" class="form-control" name="memo" placeholder="书单描述..."></textarea> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary" id="btn_create_list">保存</button> </div> </form> </div> </div> </div>  </div> <div class="rollto" style="display: none;"><a href="javascript:;"></a></div> <div class="bottom clearfix"> <div class="wrap clearfix"> <div class="fn-left"> </div> <div class="fn-right infomt"> <div class="fn-right"> <div> </div> <div> </div> </div> </div> </div> <div class="linHight"></div> <div class="wrap wenzi"> <p> <a href="https://beian.miit.gov.cn" target="_blank" style="color: #b3b3b3;">蜀ICP备2024047804号</a> </p> <p> Copyright 版权所有 © jvwen.com 聚文网 </p> </div> </div> </body> </html>

WEB前端开发实例教程(HTML.CSS.JAVASCRIPT)/占东明

库存： {{selectedSku?.stock}} 库存充足