计算机类教材 > 网页设计与网站建设
Web前端设计与开发技术(HTML+CSS+JavaScript)
书号:9787113275112 套系名称:普通高等院校“十四五”规划教材
作者:杨乐 彭军 出版日期:2021-02-01
定价:47.50 页码 / 开本:280 /16
策划编辑:曹莉群 责任编辑:贾星 彭立辉
适用专业:计算机教材 适用层次:本科
最新印刷时间:
资源下载
教学课件
教学素材(暂无)
习题答案(暂无)
教学案例(暂无)
教学设计(暂无)
教学视频(暂无)
内容简介
前言
目录
作者介绍
图书特色
本书从实用角度出发,分为基础篇和进阶篇两部分,详细讲解了HTML、CSS和JavaScript的基本语法和设计技巧,通过一个实用的花卉协会网站的规划、设计、实现到发布过程,将各章的知识点贯穿起来。主要内容包括:网页设计基础知识、规划网站结构创建站点、首页设计与网页布局、图文设计、精美内容网页的制作、超链接的创建与管理、制作表单页面、使用行为制作网页特效、使用模板、CSS基础、JavaScript基础和综合网站制作实例,各章均配有上机练习和习题,力求达到理论知识与实践操作完美结合的效果。 本书内容翔实,行文流畅,讲解清晰,适合作为普通高等院校计算机及相关专业的教材,也可供从事网页设计与制作、网站开发、网页编程等行业人员参考。
随着“互联网+”时代的到来,越来越多的企业、组织和个人需要建立自己的网站。网页设计与制作是网站开发的基础,主要涉及网站的站点规划、页面布局、网页设计、网页程序设计、CSS和JavaScript等技术。 本书分为基础篇和进阶篇两部分:基础篇以Dreamweaver CC 2018为基础,系统、全面地讲解了网页开发HTML代码、布局、模板、超链接、行为、表单等内容;进阶篇全面系统地介绍了CSS和JavaScript等Web前端开发技术,最后通过一个网站的建设过程描述了如何将本书所介绍的创建网页的知识应用于实际项目中。 Dreamweaver CC 2018是Adobe公司目前推出的较新版本,其强大的网页制作功能和简单易用的特性,受到广大用户的喜爱。它具有更直观的用户界面,以及可选择的背景主题和几个增强功能;支持新的工作流,并加强了对CSS3和HTML5的支持等。本书通过一个网站的制作过程逐步进行讲解,可使读者掌握网页制作的关键技术及全部过程。 本书取材于编者长期从事网页制作的实践经验总结,注重实用性和应用性,具体特色如下: (1)按照“理论实践一体化”的教学方式组织编写,理论与实践紧密联系,学练结合。 (2)结合SPOC混合教学模式,采取分层准入的教学理念进行教学设计。初学者可以从基础篇开始学习,有一定基础的读者可以从进阶篇开始学习。 (3)以“创新创业”教育为导向,以培养“创新创业”技能为抓手,突出“创新创业”实际需求,在内容上,紧扣创新创业技能特色,实用性强。 (4)文字简练,通俗易懂,图文并茂,适合普通高等院校及网页设计制作行业使用。 本书由江西农业大学杨乐、彭军任主编,大连海洋大学包琳、吉首大学张美华任副主编。具体编写分工如下:第1~7章由彭军编写,第8~9章由包琳编写,第10~11章由杨乐编写,第12章由张美华编写,全书实例由包琳、张美华上机验证。全书由杨乐、彭军设计框架,负责统稿。本书在编写过程中获得深圳麟安科技有限公司、深圳肆专科技有限公司的多位网页工程师的大力支持,并得到江西农业大学、上海第二工业大学、广州华立科技职业学院等许多老师的帮助,在此表示衷心感谢;同时,还要感谢提供网络资源的网友。 本书是中华农业科教基金教材建设研究2018年项目《基于SPOC的西部农业院校计算机公共基础课程混合教学模式研究》(NKJ201803047)、江西省教育科学“十三五”规划2019年课题《基于“双创”教育+虚拟教学团队的SPOC学习模型研究》(19YB032)、《社会性交互对MOOC学习者粘性影响的实证研究》(19YB039)、江西省高等学校教学研究省级一般课题《以IT企业需求引导“Web系统开发与设计”课程教学改革及其多元化评价方法的研究与实践》(JXJG-18-3-013)、《基于SPOC+“双创”教育的课程混合教学实证研究》(JXJG-18-3-021)的研究成果之一。 由于时间仓促,编者水平有限,书中疏漏和不妥之处在所难免,敬请同行及广大读者批评指正。 编者 2020年11月
基础篇 第1章 网页设计基础知识 2 1.1 网站和网页的基础知识 2 1.1.1 认识互联网 2 1.1.2 域名与空间 2 1.1.3 网页与网站 3 1.1.4 静态网页与动态网页 3 1.1.5 网站的类型 4 1.1.6 网页元素 6 1.2 网页设计的思考 6 1.2.1 选定网站主题和名称 7 1.2.2 设计网站CI形象 7 1.2.3 网页设计的一般流程 8 1.3 认识Dreamweaver CC 2018 8 1.3.1 Dreamweaver CC 2018新功能 9 1.3.2 Dreamweaver CC 2018 工作界面 11 1.4 其他网页制作工具 15 1.4.1 网页制作的相关软件 15 1.4.2 HTML的概念 16 1.4.3 HTML的基本结构 16 1.5 上机练习 16 习题 18 第2章 规划网站结构创建站点 20 2.1 规划网站结构 20 2.1.1 设计目录结构 20 2.1.2 规划链接结构 21 2.2 创建和管理本地站点 23 2.2.1 创建本地站点 23 2.2.2 管理站点 24 2.3 创建和管理站点文件 25 2.3.1 创建文件夹和文件 25 2.3.2 管理文件夹和文件 25 2.3.3 创建空白网页文档 26 2.3.4 保存和打开网页文档 27 2.3.5 查看和编辑文件头内容 28 2.3.6 HTML元素 29 2.4 上机练习 30 2.4.1 构建本地站点 30 2.4.2 导入已有站点文件 31 习题 33 第3章 首页设计与网页布局 34 3.1 首页布局 34 3.1.1 版面布局 34 3.1.2 首页布局简要步骤 38 3.2 设计视图选项 38 3.2.1 使用“标尺”功能 38 3.2.2 使用“网格设置”功能 39 3.2.3 使用“跟踪图像”功能 39 3.3 使用表格 41 3.3.1 网页中表格的用途 41 3.3.2 插入表格 42 3.3.3 编辑表格 42 3.3.4 表格的其他操作 48 3.3.5 HTML 表格 50 3.4 上机练习 51 习题 51 第4章 图文设计 53 4.1 文本的使用 53 4.1.1 向文档添加文本 53 4.1.2 插入特殊字符 54 4.1.3 插入不换行空格 54 4.1.4 插入日期 55 4.1.5 插入水平线 56 4.2 编辑文本 57 4.2.1 设置文本格式 57 4.2.2 设置列表 58 4.3 图像的使用 59 4.3.1 网页中的图像格式 59 4.3.2 插入图像 60 4.3.3 应用鼠标经过图像 61 4.4 编辑图像 62 4.4.1 设置图像属性 62 4.4.2 内部编辑器 63 4.5 HTML 中的文本与图像 65 4.6 上机练习 65 习题 69 第5章 制作精美内容网页 71 5.1 网页复用 71 5.2 自制导航条 73 5.2.1 文本导航条 73 5.2.2 图像导航条 74 5.3 插入Flash动画 75 5.3.1 认识Flash文件 75 5.3.2 插入SWF 文件 75 5.3.3 Flash Video视频 77 5.4 插入 HTML5 Video 和 HTML5 Audio 80 5.4.1 插入 HTML5 Video 80 5.4.2 插入 HTML5 Audio 81 5.5 插入插件 82 5.5.1 网页中的音频格式 82 5.5.2 插入音频 82 5.5.3 网页中的视频格式 83 5.5.4 插入视频 84 5.6 背景音乐 85 5.6.1 插件隐身 85 5.6.2 设置背景音乐 85 5.7 滚动条 86 5.7.1 插入滚动条 86 5.7.2 HTML标签属性 87 5.8 上机练习 88 习题 90 第6章 超链接的创建与管理 92 6.1 超链接的基础知识 92 6.1.1 超链接的概念 92 6.1.2 超链接的类型 93 6.1.3 超链接的路径 93 6.2 创建超链接 94 6.2.1 创建超链接的常用方法 94 6.2.2 创建各类超链接 96 6.2.3 创建图像地图 100 6.2.4 创建音频和视频链接 101 6.2.5 创建文件下载链接 102 6.3 管理超链接 103 6.3.1 自动更新超链接 103 6.3.2 为站点创建缓存文件 104 6.3.3 修改超链接 104 6.3.4 测试链接 105 6.4 上机练习 105 习题 108 第7章 制作表单页面 109 7.1 表单的基础知识 109 7.2 表单标签 109 7.3 表单对象 110 7.3.1 文本框 110 7.3.2 文本区域 110 7.3.3 密码域 111 7.3.4 隐藏域 111 7.3.5 复选框和复选框组 112 7.3.6 单选按钮和单选按钮组 112 7.3.7 文件域 113 7.3.8 选择框 113 7.4 表单按钮 114 7.4.1 提交按钮 114 7.4.2 重置按钮 114 7.4.3 一般按钮 115 7.4.4 图像按钮 115 7.5 上机练习 116 习题 120 第8章 使用行为制作网页特效 122 8.1 认识行为 122 8.1.1 行为的概念 122 8.1.2 事件的分类 122 8.2 “行为”面板 123 8.3 使用行为应用图像 124 8.3.1 “预先载入图像”行为 124 8.3.2 “交换图像”行为 125 8.3.3 “恢复交换图像”行为 125 8.4 使用行为显示文本 127 8.4.1 “弹出信息”行为 127 8.4.2 “设置状态栏文本”行为 127 8.4.3 “设置容器的文本”行为 128 8.4.4 “设置文本域文字”行为 128 8.5 使用行为调节浏览器窗口 128 8.5.1 “打开浏览器窗口”行为 128 8.5.2 “转到URL”行为 129 8.5.3 “调用JavaScript”行为 129 8.6 使用行为加载多媒体 130 8.6.1 检查插件 130 8.6.2 显示-隐藏元素 131 8.6.3 改变属性 131 8.7 上机练习 132 习题 133 第9章 使用模板 134 9.1 了解模板 134 9.2 创建模板 134 9.2.1 将现有文档保存为模板 134 9.2.2 创建空白模板 135 9.3 编辑模板 136 9.3.1 创建可编辑区域 136 9.3.2 取消对可编辑区域的标记 137 9.3.3 更改可编辑区域的名称 137 9.4 用模板创建网页 137 9.4.1 创建基于现有模板的文档 137 9.4.2 在“资源”面板中从模板 创建新文档 137 9.4.3 为当前文档应用模板 138 9.5 管理模板 138 9.5.1 重命名、删除模板 138 9.5.2 更新模板 138 9.5.3 更新当前页 139 9.5.4 将文档脱离模板 139 9.6 使用库项目 139 9.6.1 创建库项目 140 9.6.2 编辑库项目 140 9.7 上机练习 140 习题 142 进阶篇 第10章 CSS基础 145 10.1 CSS概述 145 10.2 CSS的组成 146 10.2.1 基本语法规则 146 10.2.2 选择符的分类 147 10.3 在HTML中使用CSS的方法 152 10.3.1 行内样式 152 10.3.2 内部样式 153 10.3.3 链接样式 154 10.3.4 导入样式 155 10.3.5 各种样式表的优先级 155 10.4 CSS取值与单位 156 10.4.1 数字 156 10.4.2 长度 156 10.4.3 文本 157 10.4.4 颜色 157 10.5 CSS字体 158 10.5.1 字体系列font-family 158 10.5.2 字体风格font-style 159 10.5.3 字体变化font-variant 159 10.5.4 字体粗细font-weight 160 10.5.5 字体大小font-size 161 10.5.6 字体简写font 162 10.6 CSS文本 162 10.6.1 文本对齐text-align 162 10.6.2 文本装饰text-decoration 163 10.6.3 文本缩进text-indent 164 10.6.4 文本颜色color 165 10.6.5 字符间距letter-spacing 165 10.7 CSS背景 166 10.7.1 背景颜色 background-color 166 10.7.2 背景图像 background-image 167 10.7.3 背景图像平铺方式 background-repeat 168 10.7.4 固定/滚动背景图像 background-attachment 168 10.7.5 定位背景图像 background-position 170 10.7.6 背景简写background 171 10.8 CSS框模型 172 10.8.1 内边距padding 172 10.8.2 边框border 174 10.8.3 外边距margin 179 10.9 CSS超链接和设置光标属性 181 10.9.1 CSS超链接 181 10.9.2 设置光标属性 182 10.10 CSS 列表 184 10.10.1 样式类型list-style-type 184 10.10.2 样式图片list-style-image 187 10.10.3 样式位置 list-style-position 188 10.10.4 样式简写list-style 189 10.11 CSS 定位 189 10.11.1 绝对定位 189 10.11.2 相对定位 190 10.11.3 层叠效果 192 10.11.4 浮动 193 10.12 上机练习 196 习题 198 第11章 JavaScript基础 200 11.1 JavaScript概述 200 11.1.1 JavaScript简介 200 11.1.2 JavaScript的实例 201 11.1.3 JavaScript的位置 202 11.2 JavaScript程序 204 11.2.1 基本语法规则 204 11.2.2 函数 207 11.2.3 常用系统函数 210 11.2.4 消息对话框 212 11.3 标识符和变量 212 11.3.1 关于命名的规定 212 11.3.2 JavaScript的数据类型 213 11.3.3 变量 214 11.3.4 转义字符 215 11.4 运算符和表达式 215 11.4.1 算术运算符和表达式 215 11.4.2 赋值运算符和表达式 217 11.4.3 关系运算符和表达式 217 11.4.4 逻辑运算符和表达式 219 11.4.5 条件运算符和表达式 220 11.4.6 其他运算符和表达式 220 11.5 JavaScript程序控制结构 221 11.5.1 顺序程序 221 11.5.2 分支程序 221 11.5.3 循环程序 226 11.6 对象 234 11.6.1 对象简介 234 11.6.2 核心对象 235 11.6.3 文档(Document)对象 241 11.6.4 窗口(Window) 245 11.7 事件编程 249 11.7.1 事件简介 250 11.7.2 表单事件 252 11.7.3 鼠标事件 253 11.7.4 键盘事件 254 11.7.5 页面的载入和离开 255 11.8 上机练习 255 习题 258 第12章 综合网站制作实例 261 12.1 网站开发流程 261 12.1.1 网站规划 261 12.1.2 网站设计 262 12.1.3 网站开发 262 12.1.4 网站发布 262 12.1.5 网站维护 262 12.2 花卉协会网站的设计与制作 263 12.2.1 页面布局 263 12.2.2 全局CSS定义 264 12.2.3 制作首页 265 12.2.4 制作二级页面 269 12.2.5 制作内容页面 271 12.3 上机练习 272 习题 272 参考文献 272
杨乐,彭军,江西农业大学
无