1-2课程介绍及相关资源

讲师：如水迷
chenyun1314@qq.com
web前端开发系列课程：HTML5+CSS3 入门篇
DW编码软件（dreamweaver）
• 特点：
» 所见即所得的网页编辑器
» 两大主要功能：网页编程和管理网站 » 推荐版本：CS6 / CC
讲师：如水迷
chenyun1314@qq.com
web前端开发系列课程：HTML5+CSS3 入门篇
web前端开发系列课程
HTML5 + CSS3 入门篇
• • • 课程介绍 学习目的及方法 相关资源
讲师：如水迷
web前端开发系列课程：HTML5+CSS3 入门篇
课程介绍：
• 2+1学习模式（2门语言1门软件）
» HTML5 结构语言
» CSS3 样式语言 » DW 编码软件
讲师：如水迷
chenyun1314@qq.com
• 特点：
» web编程的基础（必学）
» 通过浏览器来解析 » 文件名为html或htm
讲师：如水迷
chenyun1314@qq.com
web前端开发系列课程：HTML5+CSS3 入门篇
CSS样式语言（样式表）
• 本质：实现表现与结构分离的样式设计语言
» 控制网页的视觉表现及简单交互
» 通过浏览器来解析 » 文件名为css
web前端开发系列课程：HTML5+CSS3 入门篇
HTML结构语言
• 本质：超文本标记语言
» 通过各种标记符号（标签）来代表网页中的内容元素
» 通过各种标记符号（标签）将网页中的内容结构化
讲师：如水迷
chenyun1314@qq.com
web前端开发系列课程：HTML5+CSS3 入门篇
HTML结构语言
学习目的：
• 掌握并熟练运用HTML+CSS制作网页
• 能使用DW软件帮助建站和编程
讲师：如水迷
chenyun1314@qq.com
web前端开发系列课程：HTML5+CSS3 入门篇
学习方法：
• 边学边做，跟随教程案例，把代碼敲出來，並調試成功。
• 浏览主流、大型网站，通过Biblioteka Baidu览器功能分析其页面代码编写方式。
chenyun1314@qq.com
讲师：如水迷
chenyun1314@qq.com
web前端开发系列课程：HTML5+CSS3 入门篇
相关资源：
• HTML参考手册 + CSS参考手册 （学习必备“字典”）
• DW软件安装（搭建编程环境）
• 多款浏览器（火狐Firefox / 谷歌Chrome / 苹果Safari / IE）
讲师：如水迷