《WEB前端设计》网页开发工具Dreamweaver

• Hbuider： HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。 HBuilder 的编写用到了Java、C、Web和Ruby，HBuilder本身主体是由Java编写。快，是HBuilder的最 大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效 率。
菜单
浏览器预览 主编辑区
文档标题
江西信息应用职业技术学院《web前端设计》在线开放课程建设小组
Dreamweaver
WEB PAGE CATEGORY
• 属性面板 • 站点与文件
江西信息应用职业技术学院《we•b前代端码设窗计口》在线开放课程建设小组
创建网页站点
STATION BUILDING PROCESS
江西信息应用职业技术学院《web前端设计》在线开放课程建设小组
Dreamweaver
WEB PAGE CATEGORY
• 启动界面
打开已有 网页文档
新建网页文档
江西信息应用职业技术学院《web前端设计》在线开放课程建设小组
Dreamweaver
WEB PAGE CATEGORY
• HTML界面
编辑模式
步骤1：
步骤2：
步骤3：
网页标签结构
STATION BUILDING PROCESS
一级
HTML
HEAD BODY
二级
Title style script Link .......
div p span font ul li ........
三级
注释
3
教学小结
Teachingபைடு நூலகம்Summary
本讲围绕当前进行网页前端设计的主流软件Dreamweaver，重 点介绍了软件的作用，应用软件创建网页站点与新建文档等， 内容简单实用，希望初学者多加练习。
网页开发工具Dreamweaver
教学目标
Teaching Goal
1
• 了解主流的网页前端开发工具
• 掌握用Dreamweaver创建网
页文档
2
教学内容
Teaching Content
网页前端开发工具种类
WEB PAGE CATEGORY
• Dreamweaver：为曾经的网页三剑客之一，对初学者而言，简单易学，可完成不同类别的 简单网页效果。当前主流的版本的是CS6与CC，其增强功能包括响应迅速的自适应网格版 面、增强型jQueryMobile支持、CSS3转换。