内容简介
本书系统地讲解了网页设计与制作的相关知识，全书共有14章，包括网页设计基础，Dreamweaver CC基础，页面与文本，图像、多媒体和表格，超链接，CSS样式，CSS+Div布局，行为，模板和库，表单和jQuery UI，HTML5和弹性布局，jQuery Mobile，动态网页技术以及综合实训等内容。本书以知识体系的构建为线索，以课堂案例为载体，在传授页面交互设计内容的同时兼顾对HTML和CSS代码的学习，不仅能让读者快速掌握网页创意、设计和制作的方法与技巧，还能够使读者理解交互设计原理和代码编程方法。书中练习案例帮助读者巩固和扩展相关的知识和技能，综合实训帮助读者理解和掌握网站制作的方法和流程。本书配有PPT课件、教学文档、基本素材、案例素材、案例效果、本书附录等教学资源，使用本书的教师可在人邮教育社区免费下载使用。本书既可以作为高等院校相关专业网页设计课程的教材，也可以作为网页设计培训教材，还可以作为自学人员学习网页设计和制作的参考书。
展开全文
- A-fy
- —Dreamweaver CC标准教程
- （微课版 第4版）
- 60763-bq
- C-qy
- 前言
- FOREWORD
- 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．网站标识
- 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．网站维护
- 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 HTML代码
- 1．文件结构标签
- 2．表格类标签
- 3．文本段落标签
- 4．图像标签
- 5．链接标签
- 6．块标签
- 7．表单标签
- 2.4.2 课堂案例—瑜伽会所
- 1．创建站点
- 2．编写HTML代码
- 3．编写CSS代码
- 4．编写JavaScript代码
- 2.4.3 使用代码
- 1．代码提示
- 2．代码查找与替换
- 3．快速标签编辑器
- 4．代码格式调整
- 5．代码注释
- 2.5 网页文档头部信息设置
- 2.5.1 设置搜索关键字
- 2.5.2 设置描述信息
- 2.5.3 设置版权信息
- 2.5.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.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.2 HTML5网页多媒体
- 4.2.1 课堂案例—米克音乐
- 1．插入HTML5 Video
- 2．插入HTML5 Audio
- 4.2.2 插入HTML5 Video元素
- 4.2.3 插入HTML5 Audio元素
- 4.3 表格简单操作
- 4.3.1 表格的组成
- 4.3.2 插入表格
- 4.3.3 表格属性
- 4.3.4 表格单元格属性
- 4.3.5 在表格中插入内容
- 4.3.6 选择表格元素
- 1．选择单元格
- 2．选择行/列
- 3．选择整个表格
- 4.3.7 合并/拆分单元格
- 1．单元格的合并
- 2．单元格的拆分
- 4.4 表格排版
- 4.4.1 课堂案例—融通室内装饰
- 1．设置页面布局效果
- 2．在单元格中插入图片
- 3．设置单元格格式
- 4．在单元格中插入图文内容
- 5．设置文字样式
- 4.4.2 复制和粘贴表格
- 4.4.3 删除表格和清除表格内容
- 1．删除整个表格
- 2．删除整行或整列
- 3．清除表格中的内容
- 4.4.4 增加或减少表格的行和列
- 4.5 表格应用
- 4.5.1 课堂案例—远景苑小区
- 1．设置表格和单元格属性
- 2．实现细线表格和带状表格效果
- 4.5.2 细线表格和带状表格
- 4.6 练习案例
- 4.6.1 练习案例—五金机械
- 4.6.2 练习案例—古典音乐网
- 4.6.3 练习案例—爱丽丝家具
- 4.6.4 练习案例—逸购鲜花速递网
- 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．在【代码】视图中设置链接
- 5.2.3 页面文本链接状态
- 1．使用【页面属性】菜单
- 2．在【代码】视图中设置
- 5.2.4 下载文件链接
- 1．使用【页面属性】
- 2．在【代码】视图中设置
- 5.2.5 电子邮件链接
- 1．使用【电子邮件链接】对话框
- 2．使用【属性】面板
- 3．在【代码】视图中设置
- 5.2.6 空链接
- 1．使用【属性】面板
- 2．在【代码】视图中设置
- 5.3 图像超链接
- 5.3.1 课堂案例—手机商城
- 1．创建图像超链接
- 2．创建鼠标经过图像超链接
- 5.3.2 创建图像超链接
- 1．使用【属性】面板
- 2．在【代码】视图中设置
- 5.3.3 创建鼠标经过图像超链接
- 5.4 热点链接
- 5.4.1 课堂案例—儿童课堂
- 1．创建多边形区域热点链接
- 2．创建圆形区域热点链接
- 5.4.2 创建热点链接
- 1．使用【属性】面板
- 2．在【代码】视图中设置
- 5.5 锚点链接
- 5.5.1 课堂案例—数码商城
- 1．创建跳转到本网页中指定位置的锚点链接
- 2．创建跳转到其他页面指定位置的锚点链接
- 5.5.2 创建锚点链接
- 1．创建锚点
- 2．创建指向锚点的链接
- 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 练习案例—生物科普网
- 06
- 第6章
- CSS样式
- 6.1 CSS样式
- 6.1.1 CSS样式标准
- 6.1.2 CSS样式构造规则
- 6.1.3 CSS样式种类
- 6.1.4 CSS样式应用范围
- 6.2 CSS样式设计器
- 6.2.1 CSS样式选择器
- 1．重建HTML标签样式
- 2．创建类样式
- 3．创建ID样式
- 4．复合样式
- 6.2.2 课堂案例—美好摄影
- 1．设置文本类样式
- 2．设置文本ID样式
- 3．CSS样式的移动
- 4．CSS样式的附加
- 6.2.3 CSS样式的使用
- 1．定义内部样式
- 2．移动CSS规则
- 3．定义外部样式表文件
- 4．附加样式表文件
- 6.2.4 CSS样式的编辑
- 6.3 CSS属性
- 6.3.1 课堂案例—走进台湾
- 1．插入<div>标签并设置导航条框架
- 2．设置导航条样式
- 6.3.2 用<ul>和<li>创建导航条
- 6.3.3 布局
- 6.3.4 文字
- 6.3.5 边框
- 6.3.6 背景
- 6.4 CSS过渡效果
- 6.4.1 CSS样式私有属性
- 1．浏览器内核或引擎
- 2．CSS样式属性前缀
- 6.4.2 课堂案例—墙体装饰
- 1．设置图片阴影
- 2．设置CSS过渡效果
- 6.4.3 CSS过渡属性
- 6.5 CSS动画
- 6.5.1 课堂案例—校园统一认证
- 6.5.2 animation属性和@keyframes规则
- 6.6 练习案例
- 6.6.1 练习案例—航空旅游
- 6.6.2 练习案例—狗狗俱乐部
- 6.6.3 练习案例—养生美容
- 07
- 第7章
- CSS+Div布局
- 7.1 盒子模型
- 7.1.1 盒子结构
- 7.1.2 盒子属性
- 7.2 布局方法
- 7.2.1 <div>标签
- 7.2.2 position属性
- 7.2.3 浮动方式
- 1．float属性和clear属性
- 2．浮动关系
- 7.3 “上中下”布局
- 7.3.1 课堂案例—网页设计大赛
- 1．插入<div>标签并设置CSS布局
- 2．在<div>标签中插入内容并设置CSS样式外观
- 3．在nav标签中插入内容并设置CSS样式外观
- 7.3.2 在Dreamweaver CC中插入<div>标签
- 7.4 “左中右”布局
- 7.4.1 课堂案例—连锁餐厅
- 1．插入<div>标签并设置CSS样式布局
- 2．在ID为main的<div>标签中插入内嵌标签
- 3．在<div>标签中插入内容并设置CSS样式外观
- 7.4.2 使用CSS样式布局
- 1．在Dreamweaver中设置<div>标签的浮动
- 2．常用布局形式
- 7.5 练习案例
- 7.5.1 练习案例—电子产品
- 7.5.2 练习案例—装修公司
- 08
- 第8章
- 行为
- 8.1 行为 简介
- 8.1.1 事件
- 8.1.2 动作
- 8.1.3 行为面板
- 8.2 制作图像特效
- 8.2.1 课堂案例—吉太美食
- 1．设置交换图像特效
- 2．设置【显示-隐藏元素】特效
- 8.2.2 交换图像
- 8.2.3 显示-隐藏元素
- 8.3 改变属性
- 8.3.1 课堂案例—绿野网站建设
- 1．插入<div>标签及图像对象
- 2．设置【改变属性】特效
- 8.3.2 改变属性
- 8.4 打开浏览器窗口
- 8.4.1 课堂案例—儿童摄影
- 8.4.2 打开浏览器窗口
- 8.5 JavaScript代码
- 8.6 练习案例
- 8.6.1 练习案例—甜品饮料吧
- 8.6.2 练习案例—校园信息中心
- 09
- 第9章
- 模板和库
- 9.1 模板
- 9.1.1 课堂案例—花仙子园艺
- 1．创建模板文件
- 2．编辑模板文件
- 3．根据模板文件创建网页
- 4．修改模板
- 9.1.2 创建模板
- 1．建空白模板
- 2．根据现有网页文件创建模板
- 9.1.3 定义可编辑区域
- 9.1.4 定义可编辑重复区域
- 9.1.5 创建基于模板的网页
- 9.1.6 管理模板
- 1．修改模板文件
- 2．重命名模板文件
- 3．删除模板文件
- 4．更新站点
- 9.2 库
- 9.2.1 课堂案例—时尚女性网
- 1．创建库项目文件
- 2．将库项目插入网页文件
- 3．修改库项目
- 9.2.2 创建库项目
- 1．根据现有网页元素创建库项目
- 2．新建空白库项目
- 9.2.3 向页面添加库项目
- 9.2.4 更新库项目文件
- 1．修改库项目文件
- 2．将库项目从网页中分离
- 3．重命名库项目文件
- 4．删除库项目文件
- 5．更新站点
- 9.3 练习案例
- 9.3.1 练习案例—旗袍文化
- 9.3.2 练习案例—恒生国际老年公寓
- 10
- 第10章
- 表单和jQuery UI
- 10.1 表单
- 10.1.1 课堂案例—网页设计
- 1．插入表单
- 2．插入文本域
- 3．插入单选按钮组、复选框和按钮
- 10.1.2 表单及属性
- 10.1.3 文本元素
- 1．文本
- 2．文本区域
- 3．密码域
- 10.1.4 单选按钮和单选按钮组
- 1．单选按钮
- 2．单选按钮组
- 10.1.5 复选框和复选框组
- 1．复选框
- 2．复选框组
- 10.1.6 选择
- 10.1.7 文件元素
- 10.1.8 按钮
- 1．按钮
- 2．提交按钮
- 3．重置按钮
- 4．图像按钮
- 10.1.9 其他表单元素
- 1．电子邮件
- 2．URL地址框
- 3．数字框
- 4．范围
- 5．颜色框
- 6．日期和时间
- 7．搜索
- 10.2 jQuery UI
- 10.2.1 课堂案例—创意家居
- 1．插入Accordion
- 2．插入Tabs
- 10.2.2 折叠面板Accordion
- 10.2.3 选项卡Tabs
- 10.2.4 日期选择器Datepicker
- 10.2.5 对话框Dialog
- 10.3 练习案例
- 10.3.1 练习案例—咖啡餐厅
- 10.3.2 练习案例—网上生活超市
- 11
- 第11章
- HTML5和弹性布局
- 11.1 HTML5概述
- 11.1.1 HTML5简介
- 11.1.2 HTML5特性
- 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．设置台式机和手机页面布局
- 11.5 练习案例
- 11.5.1 练习案例—优胜企业网站
- 11.5.2 练习案例—雅派服饰
- 12
- 第12章
- jQuery Mobile
- 12.1 jQuery Mobile概述
- 12.1.1 jQuery Mobile简介
- 12.1.2 jQuery Mobile框架
- 12.1.3 data-属性
- 12.1.4 jQuery Mobile样式
- 12.2 使用jQuery Mobile
- 12.2.1 课堂案例—服装定制I
- 1．设置jQuery Mobile页面
- 2．使用jQuery Mobile列表视图
- 3．设置导航条和使用jQuery Mobile布局网格
- 4．使用jQuery Mobile可折叠区块
- 12.2.2 jQuery Mobile页面
- 12.2.3 jQuery Mobile列表视图
- 12.2.4 jQuery Mobile布局网格
- 12.2.5 jQuery Mobile可折叠区块
- 12.2.6 jQuery Mobile表单
- 12.3 jQuery Mobile应用
- 12.3.1 jQuery Mobile版本
- 12.3.2 面板panel
- 12.3.3 弹窗popup
- 12.3.4 课堂案例—服装定制II
- 1．升级jQuery Mobile版本和图片轮播
- 2．使用面板panel和弹窗popup
- 3．页面链接
- 12.3.5 视口viewport
- 12.3.6 自定义jQuery Mobile主题
- 12.3.7 打包jQuery Mobile应用
- 12.4 练习案例
- 12.4.1 练习案例—男人会装I
- 一、制作index.html页面
- 二、制作westernclothes.html页面
- 三、制作whiteshirt.html页面
- 四、制作my.html页面
- 12.4.2 练习案例—男人会装II
- 一、完成jQuery Mobile 1.4.5版本引用升级
- 二、制作面板panel功能菜单
- 三、制作register.html和login.html页面
- 四、制作其他页面
- 五、建立链接
- 13
- 第13章
- 动态网页技术
- 13.1 动态网页技术概述
- 13.2 开发环境设置
- 13.2.1 安装WAMP
- 13.2.2 设置WAMP
- 1．更改网站根目录
- 2．更改WAMP系统菜单
- 3．更改显示错误（display_errors）无效
- 13.3 设计数据库
- 13.3.1 MySQL数据库
- 1．数据库
- 2．MySQL数据库介绍
- 13.3.2 使用phpMyAdmin创建数据库
- 1．phpMyAdmin介绍
- 2．使用phpMyAdmin创建数据库
- 3．为数据库表添加数据
- 13.4 在Dreamweaver CC中创建PHP环境
- 13.4.1 建立动态站点
- 13.4.2 创建数据库连接
- 13.5 数据库使用
- 13.5.1 定义记录集
- 1．创建记录集
- 2．使用高级功能创建记录集
- 13.5.2 数据绑定
- 1．绑定动态文本
- 2．动态数据源
- 13.5.3 添加服务器行为
- 1．设置插入记录
- 2．设置重复区域
- 3．设置记录集分页
- 13.6 课堂案例—美容美发
- 13.6.1 设计数据库
- 13.6.2 创建动态站点
- 13.6.3 创建数据库连接
- 13.6.4 发表留言页面
- 1．创建表单
- 2．设置插入记录
- 13.6.5 留言详细内容页面
- 13.6.6 留言列表页面
- 1．绑定字段
- 2．设置重复区域和记录集分页
- 13.7 练习案例—电子商务
- 14
- 第14章
- 综合实训
- 14.1 网站规划
- 14.2 网站设计
- 14.2.1 Logo设计
- 14.2.2 banner设计
- 14.2.3 页面设计
- 1．主页设计
- 2．子页面设计
- 14.3 主页制作
- 14.3.1 主页面切图
- 14.3.2 前期工作
- 1．建立网站文件夹
- 2．建立站点
- 3．建立全局样式
- 14.3.3 主页布局分析
- 14.3.4 header区域制作
- 14.3.5 导航栏区域制作
- 1．导航菜单制作
- 2．搜索框制作
- 14.3.6 banner区域制作
- 14.3.7 内容区域制作
- 1．左侧内容部分
- 2．中间内容部分
- 3．右侧内容部分
- 14.3.8 footer区域制作
- 14.4 子页面制作
- 14.4.1 家园简介子页面切图
- 14.4.2 制作子页面模板
- 14.4.3 新建家园简介子页面
- 14.5 其他子页面制作
- 14.6 页面超链接设置
- 15-ck
展开全部
版权信息
出版社：人民邮电出版社
出版时间：2023
作者：编著
温馨提示：
1.本电子书已获得正版授权，由出版社通过知传链发行。
2.该电子书为虚拟物品，付费之后概不接收任何理由退款。电子书内容仅支持在线阅读，不支持下载。
3.您在本站购买的阅读使用权仅限于您本人阅读使用，您不得/不能给任何第三方使用，由此造成的一切相关后果本平台保留向您追偿索赔的权利！版权所有，后果自负！
得书感谢您对《网页设计与制作——Dreamweaver CC标准教程（微课版 第4版）》关注和支持，如本书内容有不良信息或侵权等情形的，请联系本网站。
出版时间：2023
作者：编著
温馨提示：
1.本电子书已获得正版授权，由出版社通过知传链发行。
2.该电子书为虚拟物品，付费之后概不接收任何理由退款。电子书内容仅支持在线阅读，不支持下载。
3.您在本站购买的阅读使用权仅限于您本人阅读使用，您不得/不能给任何第三方使用，由此造成的一切相关后果本平台保留向您追偿索赔的权利！版权所有，后果自负！
得书感谢您对《网页设计与制作——Dreamweaver CC标准教程（微课版 第4版）》关注和支持，如本书内容有不良信息或侵权等情形的，请联系本网站。
网页设计与制作——Dreamweaver CC标准教程（微课版 第4版）
免费读 (VIP)