DreamweaverCC网页设计零基础入门教程

小编：Dreamweaver是第一套专业的视觉化网页开发工具。集网页制作、代码编辑、管理网站于一身，是网页设计师开发网站的必备利器。学习DW过程中少不了对HTML、CSS、Javascript与JQuery等前段知识的学习，在这套DW网页设计教程中，涵盖了web前段基础教程的知识点，是一套系统学习Dw软件以及网页前段代码不容错过的入门自学教程。

课程介绍

期待已久的Dreamweaver软件教程终于和大家见面啦！老师一贯的细致全面讲解风格，注重每个专业术语的概念介绍和软件实操相结合，帮助大家全面理解掌握Dreamweaver的使用，以及HTML/CSS样式/JavaScript/jQuery以及网页交互效果的添加。

本套课程基于Dreamweaver CC2015版本进行讲解，从软件的基本工具命令到新增功能逐一介绍并结合实际案例进行演示，几乎每个小节结束后，老师都会针对本小节知识点布置对应作业供大家独立思考操作练习，并且在第二节课开始对作业进行分析，以便大家检查作业完成是否正确。

本课程适用于网页设计零基础学员，在实际工作中，网页前端设计是基于设计稿完成之后的一个职位，需要会基本的Photoshop操作，尤其切片工具、文件格式等知识点在网页前端使用频率非常高，因此建议大家先学会《Photoshop CS6零基础入门教程》。课程细致全面，学习模式专业系统，是套不可错过的入门教程。

授课老师：田婧

主攻：平面设计、网站美工

简介：毕业于武汉大学,丰富的从业经验和任教经验。发表有论文：《浅谈商业网站配色方案应用》河南省文联期刊、“优秀论文”评选活动1等奖、《Photoshop滤镜效果在图片处理中的应用》、《网页版式设计分析》；第一主编并出版《计算机应用基础》教材，副主编《Flash动画制作》、《居住空间设计》；参编《3dsMax环艺极速表现》、《平面形态构成》、《计算机辅助设计艺术CorelDRAWX4篇》；获得sketchup软件国际认证讲师、北大青鸟APTECH平面设计认证讲师、北大青鸟OBDE网页设计认证。

课程详情

（一）了解什么是行为？如何利用Dreamweaver CC 行为实现交换图像效果、添加弹出信息、打开浏览器窗口、动态改变DIV中文本内容、设置关闭页面链接等。

1/变换图像效果                                     2/ 添加弹窗效果

3/折叠标签效果

（二）了解jQuery Accordion构件，通过插入accordion构件实现用户操作的交互式行为，并且利用CSS样式定义accordion样式，实现元素抖动及元素渐隐的效果等。

4/元素抖动效果                                                                     5/元素渐隐效果