本书全面系统地讲解了应用Dreamweaver CC 2019工具制作网页、建设网站到发布网站的全部过程。让初学者在了解网页制作基础知识以后，通过熟悉Dreamweaver CC 2019软件，从简单网页的制作逐步深入学习多功能网页制作、移动端网站制作等。书中设计的任务实施步骤让读者既可以从Dreamweaver CC 2019的设计模式快速入门，又可以通过HTML5的代码模式得到提高，两种模式交替使用、灵活运用。此外，教材中的小提示和小技巧是编者多年来在教学中积累的丰富经验，可以帮助读者更好地学习。

本书内容从浅入深，从基础到提高，既讲解了使用Dreamweaver制作网页的传统优势，又详细讲解了Dreamweaver CC 2019的高级应用jQuery UI、Bootstrap组件、启动器模板等移动网页制作方法，让学习Web前端设计更简单、更专业。

书中案例循序渐进，既各自独立，又环环相扣，简单易学的实例步骤、丰富的代码、灵活多样的操作方法加上细致的微课讲解，方便教师教、学生学。本书适合作为网页制作、网站建设、Web前端开发等课程的教材和参考书，也适合作为网页设计爱好者的自学教材。

目前，市场上的Web前端制作教材存在着以下几个问题： 

（1） Dreamweaver项目式教程的教材使用的软件版本太低，不太适用于移动页面的制作。

（2） Dreamweaver CC 2017、CC 2018版本的书籍着重介绍软件的使用，实战案例很少。教师不好教，学生不好学。

（3） HTML5、VS Code等代码编辑类的书籍会让初学者有畏难情绪，失去学习的兴趣。

因此，市场上迫切需要一本适合读者迅速入门、快速提高，有图形化操作步骤和实例演示，且适合目前最新移动端技术的Web页前端开发、网页设计制作类的教材。

本书从初学者的角度出发，使用Dreamweaver CC 2019作为工具软件，结合多位长期进行网页制作和网站建设教学，并有商业网站制作实战经验的一线专业课教师的教学实战经验，以“培养计算机应用和电商综合型人才”为目标，采用教育改革“项目引导，任务驱动”的最新教学模式编写，切合高等院校计算机、电子商务等专业的授课要求，对于Web前端制作爱好者自学来说是一大福音。

本书主要内容从浅入深，从基础到提高，既讲解了Dreamweaver制作网页的传统优势，又详细讲解了Dreamweaver CC 2019的高级应用jQuery UI、Bootstrap组件、启动器模板等移动网页制作方法，让学习Web前端设计更简单、更专业。书中案例也由浅入深，既各自独立，又环环相扣，简单易学的实例步骤、丰富的代码、灵活多样的操作方法加上细致的微课讲解，方便教师教、学生学，是一本既适合教学又便于自学的好教材。

本书配套资源丰富，包括教学大纲、教学课件、电子教案、程序源码、习题答案、教学进度表和配套素材； 作者还精心录制了300分钟的微课视频。

资源下载提示

课件等资源： 扫描封底的“课件下载”二维码，在公众号“书圈”下载。

素材（源码）等资源： 扫描目录上方的二维码下载。

视频等资源： 扫描封底刮刮卡中的二维码，再扫描书中相应章节中的二维码，可以在线学习。

本书由肖丽、袁文韬、刘珍亿、蒋继红担任主编，曾艳琼、李冬、赵丹、董亮、陈奇担任副主编，阳佑、杨盈、吴昆、唐强、王琴、李美娟、彭飞艳、杨语欣、陈枝亮、李皓婧、龙琦、杨从林、肖青、余建美共同编写，周骎、赵炜担任主审。其中，项目一、七、十二、十三由肖丽编写，项目二、三由曾艳琼编写，项目四由阳佑编写，项目五、六由袁文韬编写，项目八、九由蒋继红编写，项目十、十一由刘珍亿编写，项目十四由李冬编写，杨盈参与了项目一的编写，微课视频由袁文韬、吴昆录制，网站所用图片美工由蒋继红、唐强完成，网站设计制作由肖丽、赵丹完成，电子教案、教学课件的制作由董亮、陈奇、杨语欣、彭飞艳完成，文字订正由王琴、李美娟完成，陈枝亮、李皓婧、龙琦、杨从林、肖青、余建美参与了教学案例的设计工作。全书由肖丽、刘珍亿组稿、审稿，其他主编和所有副主编多次审稿并验证书中的任务步骤。

在本书的编写过程中得到了周云华、张翼、杨敏、周敏、浦春等多位老师的大力支持和帮助，在此表示感谢！

由于作者水平有限，书中难免存在疏漏和错误之处，也由衷希望广大读者多提宝贵意见。

编者

2021年1月

源码下载

项目一网站制作基础

任务1： 认识、欣赏网页

任务2： 网页布局及版面编排

项目二Web服务器的配置和HTML基础

任务1： Web服务器的配置与管理

任务2： 用HTML创建并测试网页

项目三使用HTML制作网页

任务1： HTML5简介

任务2： 使用HTML创建网页

任务3： 使用文本控制标签制作网页

项目四Dreamweaver CC 2019概述

任务1： 安装并认识Dreamweaver CC 2019

任务2： Dreamweaver CC 2019工作面板

任务3： 本地站点的创建与管理

项目五使用网页元素制作网页

任务1： 使用表格制作“旅游签证报价表”页面

任务2： 使用表格的版面布局功能制作Banner页面

任务3： 创建超链接

任务4： 制作表单网页

项目六CSS样式的运用

任务1： 使用CSS美化表格

任务2： 使用CSS设置文本、图像样式

任务3： 使用CSS设置超链接页面

任务4： 使用CSS设置“旅游调查表”网页

〖1〗

〖2〗

项目七使用DIV+CSS布局网页

任务1： 使用DIV+CSS制作网站主页

任务2： 使用DIV+CSS制作导航栏

任务3： 使用DIV+CSS制作网页主体

项目八使用模板和库提高制作效率

任务1： 模板的使用

任务2： 库

项目九网页行为特效

任务1： 使用行为制作主页按钮效果

任务2： 使用行为实现DIV的显示/隐藏

项目十jQuery和jQuery UI的使用

任务1： 使用jQuery制作淡入效果

任务2： 使用jQuery制作焦点轮播图

任务3： 使用jQuery UI制作标签页和折叠面板

项目十一jQuery Mobile的使用

任务1： 制作并测试第一个手机端页面

任务2： 创建手机端“旅游小助理”页面

任务3： 制作会员注册和登录页面

项目十二启动器模板的使用

任务1： 用简单网格模板制作“化妆脸”列表页

任务2： 用启动器模板制作“汽配人”列表页

任务3： 用Bootstrap模板制作云南美食页

项目十三实例网站制作及调试

任务1： 策划“昆明正曼经贸”网站及建站流程

任务2： 完善“昆明正曼经贸”网站主页及站点调试

任务3： 创建“昆明正曼经贸”网站子页模板

任务4： 用模板创建“昆明正曼经贸”网站子页

项目十四域名注册备案、虚拟主机申请及网站调试上传

任务1： 域名注册

任务2： 申请虚拟主机

任务3： 网站备案

任务4： 网站上传

任务5： 网站域名的解析

任务6： 使用西部数码预装网站模板快速建站

附录ACSS样式属性介绍

参考文献

本书主要内容从浅入深，从基础到提高，既讲解了Dreamweaver制作网页的传统优势，也详细讲解了Dreamweaver CC 2019的高级应用jQuery UI、Bootstrap组件、启动器模板等移动网页制作方法，让学习WEB前端设计更简单、更专业。