|
海南工商职业学院
《dreamweaver》课程
实
训
指
导
书
主编：钟梅
2020年4月1日
《dreamweaver》实训指导书
目 录
总体说明…………………………………1 实训（验） 一制作图文混排网页………………………… 实训（验） 二制作作品展示网页………………………… 实训（验） 三制作心情日记网页………………………… 实训（验） 四制作家乡山水网页………………………… 实训（验） 五制作时尚艺术网页………………………… 实训（验） 六将幽幽我心个人网站上………………………… 实训（验） 七制作风格统一的“幽幽我心个人网站”………
“Dreamweaver网页设计”是电子商务专业（专科）的一门核心必修课程。本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计，包括新建、编辑和设置一个Web站点；如何对页面属性进行基本的设置，如何设置、编辑CSS层叠式样式表；如何排版文字、表格和层；如何进行基本的图像处理；建立框架；模板和库的使用和编辑；网站的发布与维护等基本知识与应用。目的是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，能够运用所学的知识进行网页设计。
1、实训（验）目的与要求 目标： (1) dreamweaver软件的使用能力：熟悉操作dreamweaver软件，并利用该软件进行网页制作，包括有颜色值的配置和背景图案的设置方法，字符、段落分段与换行和添加CSS样式的方法，以及创建网页的超链接等； (2) 能够理解HTML语言能力：能够理解html中的各种标记及标记的使用方法，并可以通过标记设置颜色、文本格式和列表，能够掌握html的的语法结构； (3) 能够运用javascript语言实现特效的能力：能够在html语言代码中嵌入javascript代码的方法，能看懂javascript特效的网页源代码。 (4) 具备网站的上传和下载的能力：能够了解网站测试上传的流程； 要求： 本课程要求学生掌握基本的HTML语言。学会使用Dreamweaver开发工具进行网页设计。这是一门重在实践的科目，因此需要学生多上机、多进行实际操作，把老师所教授的各种网页制作、版面设计以及程序熟练制作或调试出来，并且能够在此基础上有所创造、有更进一步的发挥。 2、实训（验）内容 (1) 制作图文混排网页 (2) 制作作品展示网页 (3) 将幽幽我心个人网站上传 (4) 制作家乡山水网页 (5) 制作时尚艺术网页 (6) 制作风格统一的“幽幽我心个人网站” (7) 制作心情日记网页 3、学时分配建议
4、考核办法 成绩评定方式为百分制。学期总评成绩构成结构是：平时考核30％；期中考核20％；期末考核50％，平时成绩包括考勤、作业、课堂测验、实训环节等。
实训（验）一：制作图文混排网页 1、实训（验）目的与要求 会使用dreamweaver软件完成简单的网页，能读懂简单的html语言；通过多个开发性任务的练习，培养学生的创新意识及创新能力；能够利用网上提供的模板资源，掌握简单的图像和文本排版的设置，能够很好的把握网页中的颜色搭配； 2、实训（验）内容 (1) Html文档基本结构 (2) 文本和图像的插入 (3) 运用css技术控制文字图片样式 3、实训（验）准备 （1）实训（验）环境准备 硬件：计算机 软件：实训基地可进行Internet服务器安装、配置实验实训，包括WEB、FTP、VOD、BBS及EMAIL服务器架设；可完成软件开发、网页设计、美术广告设计等实训。 资料：《Dreamweaver网页设计与制作案例教程》 （2）相关知识要点 Html文档基本结构 文本和图像的插入 css技术 4、实训（验）步骤 (1) 下发“幽幽我心个人网站”的首页页面； (2) 针对该网页的技术特点及难点集中详细讲解； 5、评价标准
6、实训（验）小结 7、实训（验）任务拓展 学生动手操作，遇到问题小组讨论，并相互评论； 8、思考与练习 （1）如何运用css技术控制文字图片样式？ 实训（验）二：制作作品展示网页 1、实训（验）目的与要求 表格的插入，用表格对网页对象进行定位及表格的标记，网页图像素材的特点与主要类型，相册的排版特点。fireworks对图片进行批处理的方法 2、实训（验）内容 (1) 表格的标记及使用方法 (2) 图像的优化技术 (3) 灵活运用运用表格进行网页布局 3、实训（验）准备 （1）实训（验）环境准备 硬件：计算机 软件：实训基地可进行Internet服务器安装、配置实验实训，包括WEB、FTP、VOD、BBS及EMAIL服务器架设；可完成软件开发、网页设计、美术广告设计等实训。 资料：《Dreamweaver网页设计与制作案例教程》 （2）相关知识要点 表格的标记及使用方法 图像的优化技术 4、实训（验）步骤 (1) 下发“幽幽我心个人网站”的作品展示页面； (2) 分析该网页的技术特点并进行讲解； (3) 学生动手操作，遇到问题小组讨论，并相互评论； 5、评价标准 6、实训（验）小结 7、实训（验）任务拓展 给学生下发食品公司月饼网页，并进行小组讨论，自行制作； 8、思考与练习 （1）如何灵活运用运用表格进行网页布局？ 实训（验）三：制作心情日记网页 1、实训（验）目的与要求 能制作框架页面，能利用flash来完成页面的美化，能灵活运用flash对网页进行创新意识。框架技术进行网页布局的方法，制作flash banner 的方法。 2、实训（验）内容 (1) 能灵活运用flash对网页进行创新意识 (2) 框架技术进行网页布局的方法，制作flash banner 的方法 (3) 能制作框架页面，能利用flash来完成页面的美化 3、实训（验）准备 （1）实训（验）环境准备 硬件：计算机 软件：实训基地可进行Internet服务器安装、配置实验实训，包括WEB、FTP、VOD、BBS及EMAIL服务器架设；可完成软件开发、网页设计、美术广告设计等实训。 资料：《Dreamweaver网页设计与制作案例教程》 （2）相关知识要点 网页进行创新意识 框架技术进行网页布局的方法 制作flash banner 的方法 4、实训（验）步骤 (1) 下发“幽幽我心个人网站”的心情日记页面； (2) 分析该网页的技术特点并进行讲解； (3) 学生动手操作，遇到问题小组讨论，并相互评论； 5、评价标准 6、实训（验）小结 7、实训（验）任务拓展 再次下发唐诗鉴赏网页，自行完成； 8、思考与练习 （1）如何利用flash来完成页面的美化？ 实训（验）四：制作家乡山水网页 1、实训（验）目的与要求 能灵活运用行为面板制作动态图片的能力，能借用网络提供中的javascript脚本语言完成网页特效的能力，javascript语句嵌入到html的方法 2、实训（验）内容 运用“行为面板”的插入javascript特效，熟悉javascript语法知识，并能够灵活运用利用网络中提供的特效。 3、实训（验）准备 （1）实训（验）环境准备 硬件：计算机 软件：实训基地可进行Internet服务器安装、配置实验实训，包括WEB、FTP、VOD、BBS及EMAIL服务器架设；可完成软件开发、网页设计、美术广告设计等实训。 资料：《Dreamweaver网页设计与制作案例教程》 （2）相关知识要点 javascript语法 4、实训（验）步骤 (1) 下发“幽幽我心个人网站”的家乡山水页面； (2) 分析该网页的技术特点并进行讲解； (3) 学生动手操作，遇到问题小组讨论，并相互评论； 5、评价标准 6、实训（验）小结 7、实训（验）任务拓展 鉴赏海南工商职业学院信息工程系学生展示页面； 8、思考与练习 javascript语法？ 实训（验）五：制作时尚艺术网页 1、实训（验）目的与要求 能利用Div+css制作简单的网页，运用div+css布局技术完成网页的布局的能力，能掌握div+css布局技术。 2、实训（验）内容 (1) Css样式表的灵活运用 (2) 能运用div+css技术设计网页 3、实训（验）准备 （1）实训（验）环境准备 硬件：计算机 软件：实训基地可进行Internet服务器安装、配置实验实训，包括WEB、FTP、VOD、BBS及EMAIL服务器架设；可完成软件开发、网页设计、美术广告设计等实训。 资料：《Dreamweaver网页设计与制作案例教程》 （2）相关知识要点 Css样式 div+css技术 4、实训（验）步骤 (1) 下发“时尚艺术网页”； (2) 分析该网页的技术特点并进行讲解； (3) 学生动手操作，遇到问题小组讨论，并相互评论； 5、评价标准 6、实训（验）小结 7、实训（验）任务拓展 鉴赏律师事务所等网站； 8、思考与练习 （1）网页技术特点如何分析？ 实训（验）六：制作风格统一的“幽幽我心个人网站” 1、实训（验）目的与要求 能使用模板完成页面设计，具有一定的科学思维方式和判断分析问题的能力，能运用模板完成风格统一的页面的方法。 2、实训（验）内容 模板的运用 3、实训（验）准备 （1）实训（验）环境准备 硬件：计算机 软件：实训基地可进行Internet服务器安装、配置实验实训，包括WEB、FTP、VOD、BBS及EMAIL服务器架设；可完成软件开发、网页设计、美术广告设计等实训。 资料：《Dreamweaver网页设计与制作案例教程》 （2）相关知识要点 模板的运用 4、实训（验）步骤 (1) 下发“幽幽我心个人网站”的访客页面； (2) 分析该网页的技术特点并进行讲解； 5、评价标准 6、实训（验）小结 7、实训（验）任务拓展 1) 学生动手操作，遇到问题小组讨论，并相互评论； 8、思考与练习 （1）如何运用模板？ 实训（验）七：将幽幽我心个人网站上传 1、实训（验）目的与要求 安装IIS服务器，具有良好的心理素质，能将网站上传的方法。 2、实训（验）内容 (1) 配置IIS及上传网站 (2) 网站测试 3、实训（验）准备 （1）实训（验）环境准备 硬件：计算机 软件：实训基地可进行Internet服务器安装、配置实验实训，包括WEB、FTP、VOD、BBS及EMAIL服务器架设；可完成软件开发、网页设计、美术广告设计等实训。 资料：《Dreamweaver网页设计与制作案例教程》 （2）相关知识要点 IIS 网站测试 4、实训（验）步骤 (1) 将个人完成的“幽幽我心个人网站”进行测试； (2) 找出该网站中出现的错误并加以修改； (3) 安装IIS并进行设置；并将“幽幽我心个人网站”进行上传 5、评价标准 6、实训（验）小结 7、实训（验）任务拓展
8、思考与练习 （1）什么是IIS？
|
||||||||||||||||||||||||
|
|
||||||||||||||||||||||||