网页设计与制作任务驱动式教程

章节摘录

版权页：   插图：   2.制作网页的常用工具 （1）Dreamweaver CS6 Dreamweaver是世界顶级软件厂商Adobe推出的一套制作并编辑网站和移动应用程序的专业网页设计软件，其最新推出的版本为Dreamweaver CS6。由于它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，无需编写任何代码就能快速创建Web页面。其成熟的代码编辑工具更适用于Web开发高级人员的创作。CS6版本使用了自适应网格版面创建页面，在发布前使用多屏幕预览审阅设计，可大大提高工作效率。改善的FTP性能，可更高效地传输大型文件。“实时视图”和“多屏幕预览”面板可呈现HTML5代码，更能够检查自己的工作。 Dreamweaver CS6的主要功能如下。 ①使用Adobe@Dreamweaver@CS6软件中的自适应网格版面创建行业标准的HTML5和CSS3编码。jQuery移动和Adobe PhoneGapTM框架的扩展支持可以为各种屏幕、手机和平板电脑建立项目，将HTML5视频和CSS3转换融入页面。 ②利用重新改良的FTP传输工具快速上传大型文件，节省发布项目时批量传输相关文件的时间。 ③建立复杂的网页设计和版面，无需编写代码。自适应网格版面能够及时响应，可以快速设计出能在台式机和各种不同大小屏幕中显示的项目。 ④使用Dreamweaver中集成的Adobe Business Catalyst面板连接并编辑利用AdobeBusiness Catalyst建立的网站，利用托管解决方案建立电子商务网站。 ⑤借助jQuery代码提示加入高级交互性功能，jQuery可轻松为网页添加互动内容，借助针对手机的启动模板快速开始设计。 ⑥借助Adobe PhoneGap为AndroidTM和iOS构建并封装本机应用程序。在Dreamweaver中，借助PhoneGap框架将现有的HTML转换为手机应用程序。 ⑦将CSS属性变化制成动画转换效果，使网页设计栩栩如生。在处理网页元素和创建优美效果时保持对网页设计的精准控制。 ⑧使用支持显示HTML5内容的WebKit转换引擎，在发布之前检查所制作的网页，以确保版面的跨浏览器兼容性和版面显示的一致性。 ⑨借助“多屏幕预览”面板，为智能手机、平板电脑和台式机进行设计。使用媒体查询支持，为各种不同设备设计样式并将呈现内容可视化。

内容概要

陈承欢，教授，高级工程师，软件设计师，湖南省省级专业带头人，国家精品课程《网页设计与制作》主持人，国家资源库子项目负责人，湖南省“十一五”教育科学重点课题主持人，湖南省教学改革项目主持人，湖南省软件实习实训基地项目负责人。多年来致力于总结教学规律、探索教学模式、创新教学方法、开发特色教材，主持开发《网页设汁与制作任务驱动式教程（第2版）》、《XHTML+CSS网页布局与美化案例教程》、《ASP.NET网站开发实例教程》、《SQL Server 2008数据库设计与管理》、《Java程序设计任务驱动式教程》、 《C#程序设计案例教程》、《信息技术实用技能案例教程》、《计算机应用基础实用教程》、《计算机组装与维护》、《管理信息系统应用与开发》、《实用工具软件》等特色教材，其中国家级规划教材多种。成功地实现了以真实项目或任务为载体重构教学内容、面向教学全过程设置教学环节、 “教、学、做、评”一体化设计，在教学实施中取得了良好的教学效果。

书籍目录

单元1创建站点与浏览网页 【教学导航】 【操作准备】 【引导训练】 【任务1—1】创建“E游天下”站点并浏览网页 【任务1—1—1】创建本地站点“E游天下” 【任务1—1—2】认识DreamweaverCS6的工作界面 【任务1—1—3】打开与保存网页文档0101html 【任务1—1—4】在浏览器中浏览网页0101.html 【引导训练考核评价】 【同步训练】 【任务1—2】赏析“快乐旅游“网的主页 【同步训练考核评价】 【拓展训练】 【任务1—3】赏析“爱旅游”网的主页 【拓展训练考核评价】 【HTML代码解读】 【问题探究】 【单元小结】 【单元习题】 单元2制作文本网页 【教学导航】 【操作准备】 【引导训练】 【任务2—1】制作总览旅游景点的文本网页 【任务2—1—1】建立站点目录结构 【任务2—1—2】创建与保存网页文档 【任务2—1—3】设置网页的首选参数 【任务2—1—4】设置页面的整体属性 【任务2—1—5】在网页中输入文字 【任务2—1—6】输入与编辑网页中的文本 【任务2—1—7】网页文本的格式化 【任务2—1—8】插入与文本相关的元素并设置其属性 【任务2—1—9】设置超链接与浏览网页效果 【引导训练考核评价】 【同步训练】 【任务2—2】制作介绍中国名河的文本网页 【同步训练考核评价】 【拓展训练】 【任务2—3】制作介绍中国名山的文本网页 【拓展训练考核评价】 【HTML代码解读】 【问题探究】 【单元小结】 【单元习题】 单元3制作图文混排网页 【教学导航】 【操作准备】 【引导训练】 【任务3—1】制作介绍中国瀑布的图文混排网页 【任务3—1—1】使用【管理站点】对话框创建站点“单元3” 【任务3—1—2】应用【文件】面板新建网页0301.html 【任务3—1—3】设置页面的背景图像 【任务3—1—4】从外部导入文本并设置文本格式 【任务3—1—5】插入图像与设置图像属性 【任务3—1—6】括入鼠标经过图像并设置其属性 【引导训练考核评价】 【同步训练】 【任务3—2】制作介绍中国名泉的图文混排网页 【同步训练考核评价】 【拓展训练】 【任务3—3】制作介绍中国名岛的图文混排网 【拓展训练考核评价】 【HTML代码解读】 【问题探究】 【单元小结】 【单元习题】 单元4制作表格布局的网页 【教学导航】 【操作准备】 【引导训练】 【任务4—1】制作以表格布局的展示千岛湖旅游景点的网页 【任务4—1—1】插入表格1并设置其属性 【任务4—1—2】在表格l中插入SWF动画并设置其属性 【任务4—1—3】设置表格1单元格的背景图像 【任务4—1—4】在表格1的单元格中输入文本 【任务4—1—5】设置滚动文本效果 【任务4—1—6】插入表格2并设置其属性 【任务4—1—7】设置表格2及其行、列属性 【任务4—1—8】在表格2第1列的单元格中插入图像并设置其属性 【任务4—1—9】在表格2第2列的两个单元格中输入文本并设置其属性 【任务4—1—10】在表格2第3列的单元格中插入嵌套表格2—1 【任务4—1—11】插入表格3并设置其属性 【任务4—1—12】插入表格4并设置其属性 【任务4—1—13】插入嵌套表格4—1并设置其属性 【任务4—1—14】插入表格5并设置其属性 【任务4—1—15】设置网页头文件的内容 【引导训练考核评价】 【同步训练】 【任务4—2】制作以表格布局展示三峡旅游景点的网页 【同步训练考核评价】 【拓展训练】 【任务4—3】制作以表格布局介绍中国名湖的网页 【拓展训练考核评价】 【HTML代码解读】 【问题探究】 【单元小结】 【单元习题】 单元5制作包含超镊接和APDiv的网页 【教学导航】 【操作准备】 【引导训练】 【任务5—1】制作包含超链接的展示张家界景点的网页 【任务5—1—1】创建网页文档0501.html 【任务5—1—2】在网页0501.html中绘制或插入AP Div 【任务5—1—3】在网页0501.html 中创建多种类型的超链接 【引导训练考核评价】 【同步训练】 【任务5—2】制作包含超链接的展示桂林旅游景点的网页 【同步训练考核评价】 【拓展训练】 【任务5—3】制作包含超链接的介绍中国名河的网页 【拓展训练考核评价】 【HTML代码解读】 【问题探究】 【单元小结】 【单元习题】 单元6使用模板和库制作网页 【教学导航】 【操作准备】 【引导训练】 【任务6—1】使用模板和库制作“上海游”的网页 【任务6—1—1】创建库项目 【任务6—1—2 l在网页中插入库项目 【任务6—1—3】创建网页模板 【任务6—1—4】定义与修改可编辑区域和可选区域 【任务6—1—5】创建基于网页模板的网页 【任务6—1—6】修改网页模板并更新网页 【任务6—1—7】修改库项目并更新网页 【同步训练】 【任务6—2】使用模板和库制作“海口游”的网页 【同步训练考核评价】 【拓展训练】_ 【任务6—3】使用模板和库制作“南京游”的网页 【拓餍训练考核评价】 【HTML和CSS代码解读】 【问题探究】 【单元小结】 【单元习题】 单元7制作表单网页 【教学导航】 【操作准备】 【引导训练】 【任务7—1】制作一个E游调查的表单网页 【任务7—1—1】插入表单域及其属性设置 【任务7—1—2】插入表单控件与设置其属性 【任务7—1—3】预设文本域中输入文字的字体和大小 【任务7—1—4】使用Spry验证表单数据的有效性 【任务7—1—5】应用行为实现表单网页所需的功能 【任务7—1—6】调用外部JavaScript脚本文件实现表单网页所需的功能 【引导训练考核评价】 【同步训练】 【任务7—2】制作1个E游留言簿 【同步训练考核评价】 【拓展训练】_ 【任务7—3】制作注册网页 【拓展训练考核评价】 …… 单元8使用CSS布局与美化网页 单元9制作包含辅效的网页 单元10设计与制作网站主页 单元11整合与发布网站 单元12网页设计与制作类职业 单元13岗位需求分析 单元14课程教学设计

编辑推荐

《全国高职高专教育规划教材:网页设计与制作任务驱动式教程(第2版)》可以作为各大专院校相关专业的网页设计与制作教材，也可以作为网页制作的培训教材和网站开发的参考书。

作者简介

《全国高职高专教育规划教材:网页设计与制作任务驱动式教程(第2版)》以训练网页制作技能为中心，在真实的开发环境中以真实的制作流程执行真实的开发要求，制作真实的旅游网站。围绕“旅游”这个主题精心设计了18个网页，以网页制作为主线设计了33项主任务、80项子任务。《全国高职高专教育规划教材:网页设计与制作任务驱动式教程(第2版)》面向教学全过程设置了12个必要的教学环节：教学导航—操作准备—引导训练—引导训练考核评价—同步训练—同步训练考核评价—拓展训练—拓展训练考核评价—代码解读—问题探究—单元小结—单元习题。在全书力求做到课内与课外相结合、教师引导示范与学生自主训练相结合、能力培养与关注态度相结合。 

课程教学以完成网页制作任务为主线，实行“项目导向、任务驱动、理论实践一体化”的教学方法，融“教、学、练、评”于一体，体现了“做中学、做中会”的教学理念。

---

 网页设计与制作任务驱动式教程下载

---