电子书
内容简介
本书全面系统地讲解了网页设计与制作的相关知识，全书共有15章，系统地讲述了网页设计基础知识、Dreamweaver CC基础、页面与文本、图像和多媒体、超链接、表格、CSS样式、CSS+Div布局、行为、模板和库、HTML5和弹性布局、表单和jQuery UI、jQuery Mobile、动态网页技术以及综合实训等内容。
本书以知识体系的构建为线索，以课堂案例为载体，通过知识讲解和案例实际操作，学生可以快速掌握网页创意、设计和制作的方法技巧。练习案例帮助学生巩固和扩展相关的知识和技能，综合实训帮助学生理解和掌握网站制作的方法和流程。
本书既可以作为艺术类本科生或文科本科生网页设计课程的教材，也可以作为网页设计培训教材或自学人员的参考书籍。
章节目录
- a-fy
- b-bq
- c-qy
- 前言
- PREFACE
- d-ml
- 01
- 第1章
- 网页设计基础
- 1.1 互联网基础
- 1.1.1 Internet与Web服务
- 1.1.2 URL路径
- 1.1.3 服务器与客户机
- 1.1.4 互联网数据中心
- 1.2 网页设计知识
- 1.2.1 色彩
- 1．认识色彩
- 2．RGB色彩模式和网页安全色
- 3．利用图像配色
- 1.2.2 网页设计元素
- 1．网站logo
- 2．网站banner
- 3．导航条
- 4．图像
- 5．动画
- 6．背景
- 1.2.3 页面布局
- 1．结构布局
- 2．艺术布局
- 1.3 网页标准化技术
- 1.3.1 结构化语言
- 1.3.2 CSS样式
- 1.3.3 脚本语言
- 1.3.4 PHP技术
- 1.4 前端UI框架技术
- 1.4.1 Bootstrap框架
- 1.4.2 MUI框架
- 1.5 网站制作流程
- 1.5.1 前期准备工作
- 1．市场调研与分析
- 2．收集资料
- 3．网站定位
- 1.5.2 方案实施
- 1．网站规划
- 2．页面设计
- 3．静态网页制作
- 4．动态网页制作
- 5．整合网站
- 1.5.3 后期工作
- 1．网站测试
- 2．网站发布
- 3．网站推广
- 4．网站维护
- 1.6 HTML语言
- 1.6.1 文件结构标签
- 1.6.2 表格标签
- 1.6.3 文本段落标签
- 1.6.4 图像标签
- 1.6.5 链接标签
- 1.6.6 块标签
- 1.6.7 表单标签
- 02
- 第2章
- Dreamweaver CC 基础
- 2.1 Dreamweaver CC工作界面
- 2.1.1 工作环境
- 1．应用程序栏
- 2．文档工具栏
- 3．状态栏
- 4．标签选择器
- 5．面板
- 2.1.2 工作区布局
- 2.1.3 多文档的编辑界面
- 2.2 创建网站站点
- 2.2.1 创建新站点
- 2.2.2 新建和保存网页
- 1．新建网页文档
- 2．保存网页文档
- 2.2.3 管理站点文件和文件夹
- 1．创建文件和文件夹
- 2．重命名文件和文件夹
- 3．移动文件和文件夹
- 4．删除文件或文件夹
- 2.2.4 课堂案例——慈善救助中心
- 1．创建站点
- 2．建立站点内文件夹
- 3．重命名文件和文件夹
- 2.3 管理站点
- 2.3.1 打开站点
- 2.3.2 编辑站点
- 2.3.3 复制站点
- 2.3.4 删除站点
- 2.4 网页文档头部信息设置
- 2.4.1 插入搜索关键字
- 1．在代码视图中插入关键字
- 2．使用【Keywords】对话框插入关键字
- 2.4.2 设置描述信息
- 2.4.3 插入版权信息
- 2.4.4 设置刷新时间
- 03
- 第3章
- 页面与文本
- 3.1 页面属性
- 3.1.1 课堂案例—香格里湾峰会
- 1．设置页面背景属性
- 2．设置页面文本属性
- 3.1.2 网页的标题
- 3.1.3 文本分段与换行
- 3.1.4 输入空格
- 3.1.5 页面文字属性
- 3.1.6 显示不可见元素
- 3.1.7 设置页边距
- 3.1.8 背景属性
- 3.1.9 跟踪图像
- 3.2 文本属性
- 3.2.1 课堂案例—百货公司
- 1．设置导航条样式
- 2．设置文本样式
- 3.2.2 设置文本属性
- 3.2.3 文本段落
- 1．应用段落或标题格式
- 2．指定预格式
- 3.2.4 插入日期
- 3.2.5 插入特殊字符
- 3.3 项目列表和编号列表
- 3.3.1 课堂案例—咨询网站
- 3.3.2 设置项目列表或编号列表
- 1．项目列表
- 2．编号列表
- 3.4 练习案例
- 3.4.1 练习案例—大学生国际电影节
- 3.4.2 练习案例—移动银行网站
- 3.4.3 练习案例—化妆品网站
- 04
- 第4章
- 图像与多媒体
- 4.1 插入图像
- 4.1.1 课堂案例—茶叶网站
- 4.1.2 插入图像
- 4.1.3 图像源文件
- 4.1.4 图像宽度和高度
- 4.1.5 替换文本
- 4.1.6 图像编辑
- 1．图像优化
- 2．图像裁剪
- 3．亮度和对比度
- 4．图像锐化
- 4.2 网页中的多媒体
- 4.2.1 课堂案例—度假村
- 1．插入Flash SWF
- 2．插入Flash video
- 4.2.2 插入Flash动画
- 4.2.3 插入Flash 视频
- 4.2.4 课堂案例—瑜伽会所
- 1．插入视频
- 2．插入背景音乐
- 4.2.5 插入插件
- 4.3 HTML5网页多媒体
- 4.3.1 课堂案例—米克音乐
- 1．插入HTML5 Video
- 2．插入HTML5 Audio
- 4.3.2 插入HTML5 Video元素
- 4.3.3 插入HTML5 Audio元素
- 4.4 练习案例
- 4.4.1 练习案例—五金机械
- 4.4.2 练习案例—心缘咖啡屋
- 4.4.3 练习案例—古典音乐网
- 05
- 第5章
- 超链接
- 5.1 超链接的概念与路径知识
- 5.1.1 按超链接端点分类
- 5.1.2 按超链接路径分类
- 5.2 文本超链接
- 5.2.1 课堂案例—婚礼公司
- 1．创建文本链接
- 2．创建电子邮件链接
- 3．创建下载文件链接
- 4．设置文本链接状态
- 5.2.2 创建文本链接
- 1．直接输入要链接文件的路径和文件名
- 2．使用浏览文件按钮
- 3．使用指向文件图标
- 4．设定链接【目标】
- 5.2.3 页面文本链接状态
- 5.2.4 下载文件链接
- 5.2.5 电子邮件链接
- 1．使用【电子邮件链接】对话框
- 2．使用【属性】面板
- 5.2.6 空链接
- 5.3 图像超链接
- 5.3.1 课堂案例—手机商城
- 1．创建图像超链接
- 2．创建鼠标经过图像
- 5.3.2 创建图像超链接
- 5.3.3 鼠标经过图像链接
- 5.4 热点链接
- 5.4.1 课堂案例—儿童课堂
- 1．创建多边形区域热点链接
- 2．创建圆形区域热点链接
- 5.4.2 创建热点链接
- 5.5 锚点链接
- 5.5.1 课堂案例—数码商城
- 1．创建跳转到本网页中指定位置的锚点链接
- 2．创建跳转到其他页面指定位置的锚点链接
- 5.5.2 创建锚点链接
- 1．创建锚点
- 2．使用代码创建指向锚点的链接
- 3．使用【属性】面板创建指向锚点链接
- 5.6 链接管理
- 5.6.1 课堂案例——百适易得商城
- 1．更改站内文件名称
- 2．更改站内文件位置
- 3．检查整个当前本地站点的链接并修复链接
- 4．检查网站内的外部链接和孤立文件
- 5.6.2 自动更新链接
- 1．更改站内文件名称
- 2．更改站内文件位置
- 5.6.3 链接检查
- 1．检查当前文档中的链接
- 2．检查站点中所选文件的链接
- 3．检查整个当前本地站点的链接
- 5.6.4 修复链接
- 5.7 练习案例
- 5.7.1 练习案例—室内设计网
- 5.7.2 练习案例—多美味餐厅
- 5.7.3 练习案例—生物科普网
- Dreamweaver CC
- 06
- 第6章
- 表格
- 6.1 表格的简单操作
- 6.1.1 表格的组成
- 6.1.2 插入表格
- 6.1.3 表格属性
- 6.1.4 表格单元格属性
- 6.1.5 在表格中插入内容
- 6.1.6 选择表格元素
- 1．选择单元格
- 2．选择行/列
- 3．选择整个表格
- 6.1.7 合并和拆分单元格
- 1．单元格的合并
- 2．单元格的拆分
- 6.2 简单表格的排版
- 6.2.1 课堂案例—融通室内装饰
- 1．设置页面布局效果
- 2．在单元格中插入图片
- 3．设置单元格格式
- 4．在单元格中插入图文内容
- 5．设置文字样式
- 6.2.2 复制和粘贴表格
- 1．利用菜单
- 2．利用组合键
- 3．利用鼠标直接拖动
- 6.2.3 删除表格和清除表格内容
- 1．删除整个表格
- 2．删除整行或整列
- 3．清除表格中的内容
- 6.2.4 增加或减少表格的行和列
- 1．利用表格【属性】面板
- 2．利用【编辑】菜单
- 6.3 复杂表格的排版
- 6.3.1 课堂案例—江雨桥博客
- 1．设置页面布局效果
- 2．插入嵌套表格细分布局
- 3．插入网页内容
- 4．设置文字样式
- 5．设置单元格样式
- 6.3.2 表格的嵌套
- 1．嵌套表格的大小
- 2．嵌套表格的位置
- 6.3.3 单元格与表格背景
- 1．建立CSS样式
- 2．直接修改代码
- 6.4 表格的其他应用
- 6.4.1 课堂案例—远景苑小区
- 1．设置表格和单元格属性
- 2．形成细线和带状表格效果
- 6.4.2 细线表格和带状表格
- 6.4.3 表格排序
- 6.5 练习案例
- 6.5.1 练习案例—爱丽丝家具
- 6.5.2 练习案例—逸购鲜花速递网
- 07
- 第7章
- CSS样式
- 7.1 CSS样式
- 7.1.1 CSS样式标准
- 7.1.2 CSS样式构造规则
- 7.1.3 CSS样式种类
- 7.1.4 CSS样式应用范围
- 7.2 CSS样式设计器
- 7.2.1 CSS样式选择器
- 1．重建HTML标签样式
- 2．创建类样式
- 3．创建ID样式
- 4．复合样式
- 7.2.2 课堂案例——美好摄影
- 1．设置文字类样式
- 2．设置文字ID式
- 3．CSS样式的移动
- 4．CSS样式的附加
- 7.2.3 CSS样式的使用
- 1．定义内部样式
- 2．移动CSS规则
- 3．定义外部样式文件
- 4．附加样式表文件
- 7.2.4 CSS样式的编辑
- 7.3 CSS属性
- 7.3.1 课堂案例——走进台湾
- 1．插入<div>标签并设置导航条框架
- 2．设置导航条样式
- 7.3.2 用<ul>和<li>创建导航条
- 7.3.3 布局
- 7.3.4 文字
- 7.3.5 边框
- 7.3.6 背景
- 7.4 CSS过渡效果
- 7.4.1 CSS样式私有属性
- 1．浏览器内核或引擎
- 2．CSS样式属性前缀
- 7.4.2 课堂案例——墙体装饰
- 1．设置图片阴影
- 2．设置CSS过渡效果
- 7.4.3 CSS过渡属性
- 7.5 CSS动画
- 7.5.1 课堂案例——校园统一认证
- 7.5.2 animation属性和@keyframes规则
- 7.6 练习案例
- 7.6.1 练习案例——航空旅游
- 7.6.2 练习案例——狗狗俱乐部
- 7.6.3 练习案例——养生美容
- 08
- 第8章
- CSS+Div布局
- 8.1 盒子模型
- 8.1.1 盒子结构
- 8.1.2 盒子属性
- 8.2 布局方法
- 8.2.1 <div>标签
- 8.2.2 position定位属性
- 8.2.3 浮动方式
- 1．float属性和clear属性
- 2．浮动关系
- 8.3 “上中下”布局
- 8.3.1 课堂案例——网页设计大奖赛
- 1．插入<div>标签并设置CSS布局
- 2．在<div>标签中插入内容并设置CSS样式外观
- 3．在nav标签中插入内容并设置CSS样式外观
- 8.3.2 在Dreamweaver中插入<div>标签
- 8.4 “左中右”布局
- 8.4.1 课堂案例——连锁餐厅
- 1．插入<div>标签并设置CSS样式布局
- 2．在ID为main的<div>标签中插入内嵌标签
- 3．在<div>标签中插入内容并设置CSS样式外观
- 8.4.2 使用CSS样式布局
- 1．Dreamweaver中<div>标签的浮动设置
- 2．常用布局形式
- 8.5 练习案例
- 8.5.1 练习案例——电子产品
- 8.5.2 练习案例——装修公司
- 09
- 第9章
- 行为
- 9.1 行为简介
- 9.1.1 事件
- 9.1.2 动作
- 9.1.3 行为面板
- 9.2 制作图像特效
- 9.2.1 课堂案例——吉太美食
- 1．设置交换图像特效
- 2．设置【显示-隐藏元素】特效
- 9.2.2 交换图像
- 9.2.3 显示-隐藏元素
- 9.3 改变属性
- 9.3.1 课堂案例——绿野网站建设
- 1．插入<div>标签及图像对象
- 2．设置【改变属性】特效
- 9.3.2 改变属性
- 9.4 启用浏览器窗口
- 9.4.1 课堂案例——儿童摄影
- 9.4.2 打开浏览器窗口
- 9.4.3 转到URL
- 9.5 效果行为
- 9.5.1 课堂案例——艺术画廊
- 1．为行为对象设置ID名称
- 2．设置图片特效
- 9.5.2 Blind、Clip、Slide、Fold
- 9.5.3 Fade、Highlight、Drop
- 9.5.4 Puff、Scale
- 9.5.5 Bounce、Pulsate、Shake
- 9.6 JavaScript代码
- 9.7 练习案例
- 9.7.1 练习案例——甜品饮料吧
- 9.7.2 练习案例——信息中心
- 9.7.3 练习案例——我们爱猫网
- 10
- 第10章
- 模板和库
- 10.1 模板
- 10.1.1 课堂案例——花仙子园艺
- 1．创建模板文件
- 2．编辑模板文件
- 3．根据模板文件创建网页
- 4．修改模板
- 10.1.2 创建模板
- 1．新建空白模板
- 2．根据现有网页文件创建模板
- 10.1.3 定义可编辑区域
- 10.1.4 定义可编辑重复区域
- 10.1.5 创建基于模板的网页
- 10.1.6 管理模板
- 1．修改模板文件
- 2．重命名模板文件
- 3．删除模板文件
- 4．更新站点
- 10.2 库
- 10.2.1 课堂案例——时尚女性网
- 1．创建库项目文件
- 2．将库项目插入到网页文件中
- 3．修改库项目
- 10.2.2 创建库项目
- 1．根据已有网页元素创建库项目
- 2．新建空白库元素
- 10.2.3 向页面添加库项目
- 10.2.4 更新库项目文件
- 1．修改库项目文件
- 2．将库项目从网页中分离
- 3．重命名库项目文件
- 4．删除库项目文件
- 5．更新站点
- 10.3 练习案例
- 10.3.1 练习案例——旗袍文化
- 10.3.2 练习案例——恒生国际老年公寓
- 11
- 第11章
- HTML5和弹性布局
- 11.1 HTML5概述
- 11.1.1 HTML5简介
- 11.1.2 HTML5特性
- 1．解决了跨浏览器问题
- 2．新增了多个新特性
- 3．设计安全机制
- 4．表现和内容进一步分离
- 5．简化HTML描述语言
- 11.2 HTML5布局
- 11.2.1 HTML5结构标签
- 1．<article>标签
- 2．＜header>标签
- 3．<nav>标签
- 4．<section>标签
- 5．<aside>标签
- 6．<footer>标签
- 7．<main>标签
- 8．<figure>和<figcaption>标签
- 11.2.2 课堂案例——在线课程
- 1．设置页面文档结构
- 2．添加文档内容
- 11.3 弹性盒子布局
- 11.3.1 弹性盒子概念
- 11.3.2 弹性容器属性
- 1．设置弹性盒子容器
- 2．flex-direction属性
- 3．flex-wrap属性
- 4．justify-content属性
- 5．align-items属性
- 11.3.3 弹性容器项目属性
- 1．flex-grow属性
- 2．flex-shrink属性
- 11.3.4 课堂案例——尚品家居
- 1．链接样式文件
- 2．设置头部header结构、内容和属性
- 3．设置标题、banner和页脚的结构和内容
- 4．设置中部mainbox结构、内容和属性
- 11.4 媒体查询应用
- 11.4.1 媒体查询
- 1．媒体查询介绍
- 2．媒体查询的使用
- 11.4.2 课堂案例——健康大步走
- 1．设置页面内容和样式
- 2．设置PC和手机页面布局
- 11.5 练习案例
- 11.5.1 练习案例——优胜企业网站
- 11.5.2 练习案例——雅派服饰
- 12
- 第12章
- 表单和jQuery UI
- 12.1 使用表单
- 12.1.1 课堂案例——网页设计
- 1．插入表单
- 2．插入文本域
- 3．插入单选按钮组、复选框和按钮
- 12.1.2 表单及属性
- 12.1.3 文本元素
- 1．单行文本域
- 2．文本区域
- 3．密码域
- 12.1.4 单选按钮和单选按钮组
- 1．单选按钮
- 2．单选按钮组
- 12.1.5 复选框和复选框组
- 1．复选框
- 2．复选框组
- 12.1.6 选择
- 12.1.7 文件元素
- 12.1.8 按钮
- 1．按钮
- 2．“提交”按钮
- 3．“重置”按钮
- 4．图像按钮
- 12.1.9 HTML5表单元素
- 1．电子邮件
- 2．Url
- 3．数字
- 4．范围
- 5．颜色
- 6．日期和时间类型
- 7．搜索
- 12.2 jQuery UI
- 12.2.1 课堂案例——创意家居
- 1．插入Accordion
- 2．插入Tabs
- 12.2.2 折叠面板Accordion
- 12.2.3 选项卡Tabs
- 12.2.4 日期选择器Datepicker
- 12.2.5 对话框Dialog
- 12.3 练习案例
- 12.3.1 练习案例——咖啡餐厅
- 12.3.2 练习案例——网上生活超市
- 13
- 第13章
- jQuery Mobile
- 13.1 jQuery Mobile概述
- 13.1.1 jQuery Mobile简介
- 13.1.2 jQuery Mobile框架
- 13.1.3 Data- 属性
- 13.1.4 jQuery Mobile样式
- 13.2 使用jQuery Mobile
- 13.2.1 课堂案例——服装定制I
- 1．设置jQuery Mobile页面
- 2．使用jQuery Mobile列表视图
- 3．设置导航条和使用jQuery Mobile布局网格
- 4．使用jQuery Mobile可折叠区块
- 13.2.2 jQuery Mobile页面
- 13.2.3 jQuery Mobile 列表视图
- 13.2.4 jQuery Mobile 布局网格
- 13.2.5 jQuery Mobile 可折叠区块
- 13.2.6 jQuery Mobile 表单
- 13.3 jQuery Mobile应用
- 13.3.1 jQuery Mobile版本
- 13.3.2 面板Panel
- 13.3.3 弹窗Popup
- 13.3.4 课堂案例——服装定制II
- 1．升级jQuery Mobile版本和图片轮播
- 2．使用面板Panel和弹窗Popup
- 3．页面链接
- 13.3.5 视口viewport
- 13.3.6 自定义jQuery Mobile主题
- 13.3.7 打包jQuery Mobile应用
- 13.4 练习案例
- 13.4.1 练习案例—男人会装I
- 一、制作index.html页面
- 二、制作westernclothes.html页面
- 三、制作whiteshirt.html页面
- 四、制作my.html页面
- 13.4.2 练习案例—男人会装II
- 一、完成jQuery Mobile 1.4.5版本引用升级
- 二、制作面板panel功能菜单
- 三、制作register.html和login.html页面
- 四、制作其他页面
- 五、建立链接
- 14
- 第14章
- 动态网页技术
- 14.1 动态网页技术概述
- 14.2 开发环境设置
- 14.2.1 安装WAMP
- 14.2.2 设置WAMP
- 1．更改网站根目录
- 2．更改WAMP系统菜单
- 3．更改显示错误（display_errors）无效
- 14.3 数据库设计
- 14.3.1 MySQL数据库
- 1．数据库
- 2．MySQL数据库介绍
- 14.3.2 使用phpMyAdmin创建数据库
- 1．phpMyAdmin介绍
- 2．使用phpMyAdmin创建数据库
- 3．为数据库表添加数据
- 14.4 在Dreamweaver中创建PHP环境
- 14.4.1 建立动态站点
- 14.4.2 创建数据库连接
- 14.5 数据库使用
- 14.5.1 定义记录集
- 1．创建记录集
- 2．使用高级功能创建记录集
- 14.5.2 数据绑定
- 1．绑定动态文本
- 2．动态数据源
- 14.5.3 添加服务器行为
- 1．设置插入记录
- 2．设置重复区域
- 3．设置记录集分页
- 14.6 课堂案例——美容美发
- 14.6.1 设计数据库
- 14.6.2 创建动态站点
- 14.6.3 创建数据库连接
- 14.6.4 发表留言页面
- 1．创建表单
- 2．设置插入记录
- 14.6.5 留言详细内容页面
- 14.6.6 留言列表页面
- 1．绑定字段
- 2．设置重复区域和记录集分页
- 14.7 练习案例——电子商务
- 15
- 第15章
- 综合实训
- 15.1 网站规划
- 15.2 网站设计
- 15.2.1 网站标识logo设计
- 15.2.2 banner设计
- 15.2.3 页面设计
- 1．主页设计
- 2．子页面设计
- 15.3 主页制作
- 15.3.1 主页面切图
- 15.3.2 前期工作
- 1．建立网站文件夹
- 2．建立站点
- 3．建立全局样式
- 15.3.3 主页布局分析
- 15.3.4 header区域制作
- 15.3.5 导航栏区域制作
- 1．导航菜单制作
- 2．搜索框制作
- 15.3.6 banner区域制作
- 15.3.7 内容区域制作
- 1．左侧内容部分
- 2．中间内容部分
- 3．右侧内容部分
- 15.3.8 footer区域制作
- 15.4 子页面制作
- 15.4.1 家园简介子页面切图
- 15.4.2 制作子页面模板
- 15.4.3 新建家园简介子页面
- 15.5 其他子页面制作
- 15.6 页面超链接设置
- ck
展开全部
网页设计与制作——Dreamweaver CC标准教程是2018年由人民邮电出版社出版,作者修毅 洪颖 邵熹雯。
版权说明：本电子书已获得正版授权，由出版社通过知传链发行。
得书感谢您对《网页设计与制作——Dreamweaver CC标准教程》关注和支持，如本书内容有不良信息或侵权等情形的，请联系本网站。
