当前位置:文档之家› 网页制作流程

网页制作流程

2.这门课程的教学内容:在制作软件上:以网页制作软件DreamWeaver MX为主
干进行网页制作教学,同时选择了FlashMX版本来制作网页中的动画素材,选择 了图形图像工具Photoshop版本软件来处理和制作网页中的图片。教学内容
安排上按照学生学习网页的渐进规律划以及学校制订的计划主要学习第1、2、3、5、6、9章,主要包括网页制作的基础知识、Dreamweaver MX软件的使用,初学 者利用现有的素材设计制作出一个简单的网页;利用Photoshop?和Flash MX软 件来美化网页,以及网页布局和用色方面的美术知识,如何设计网页的版面和结 构,还要能对供给的素材按照网站的特点进行适当的美化处理;还能掌握中小型 网站的建立方法。
3.这门课程的教学和学习方法:教学上以一个个案例为基础,采用项目教学的 方法,由浅入深的介绍网页制作的各个知识点;教学中以学生会操作为目的,重 视学生动手能力和自学能力的培养同学们学习时除了要掌握相应的操作技能以 外,更要重视操作技能的使用,要努力完成每章教学案例的制作以及课后素材案 例。在不断的练习过程中熟悉和升华所学的操作技能。同时,要学会学习,即要 学会与老师或同学之间技术心得的交流,要学会能自主的依靠其他资源(网络、 报纸杂志等)来扩展所学的知识体系。
认识DreamWeaver
的作用和特色
功能界面的分解
工作流程
4.DreamWeaver的版本、安装、打开、保存等操作演示:练习制作第一张网页一 一作业一 在主窗口中输入以下文字,并按以下格式排版,最后把文件以“学 号姓名.htm”为名保存在桌面上。注意难点:设置字体、水平线、二个全角空格、 回车会自动空一行,Shift+回车就不会空行了。
4、Dreamweaver Firework>Flash有彳可关系
它们都是Macromedia公司的软件,Dreamweaver是网页制作工具,Firework是图形处理工具,与photoshop相似,一般用于网页图形的制作,Flash是动画制 作工具,在制作好的网页时,一般先用Firework和Flash先制作好网页中要用到 的图形和动画素材,再用Dreamweaver把这些素材做成一张网页,只会Dreamweaver,不会图形处理和动画制作,是做不出好的网页的。有人把这三个软 件称作网页设计“三剑客”。
Dreamweaver的基本概念
1、了解Dreamweaver与IE有什么区别
Dreamweaver是制作网页的工具,用它可以生成.htm或.html文件,而IE是浏 览网页的工具,用IE只能看网页,而不能改网页,修改网页还是需要网页制作工 具。
2、做网页只能使用Dreamweaver一种匚具吗
常用的网页制作软件有Dreamweaver和FrontPage<>Dreamweaver由美国Macromedia公司开发,虽然初学者感到比较难学,但它的功能更强大,生成的网 页代码质量好,是当今最流行的网页制作工具,适合专业网页设计人员使用,近 年來它还获得过不少大奖呢。Frontpage是微软公司开发的Office办公软件中的 一部分,比较容易上手,但功能不太强大,我们只在需要时(如向网页中加入微 软格式的视频),才会使用FrontPage o
所以,行家的做法是:
(1先建立一个文件夹用于存放网站的所有文件,再在文件内建立儿个文件夹,将文件分类,如图片文件放在image文件夹内,HTML文件放在HTML文件夹内
(2)当然,如果站点比较大,文件比较多,可以先按er最新版是多少
Dreamweaver从、、、MX到现在最新的MX2004版,平均每过一年就出一个新版。 可见计算机是多么的富有活力。今年常用的是MX版,建议大家在家里的电脑上也 将这个版本,以便与学校的相同。对于软件,我并不认为版本越新越好,它们的 基本功能还是相同的,一般版本越高,对计算机的要求也越高,如果计算机配置 不高,初学时还是找个低版本比较好,当然所装的软件必须与书本上的相同,这 也是学习其它软件的基本要求。
教学重点:
1、认识Dreamweaver MX。
2、新增功能。
3、Dreamweaver MX主窗口。
4、自定义工作环境。
5、利用Dreamweaver建立站点的方法
教学难点:
1、认识Dreamweaver MX。
2、新增功能。
3、自定义工作环境。
教学内容与教学过程:
一、介绍网页制作这门课程
1.学习这门课程的目的:让学生掌握HTML语言、以及利用相关网页制作工具制 作网页的基本方法与技能。学生通过这门课程的学习,能够具备综合运用专业软 件进行小型网站开发和静态网页页面设计的能力,同时积累一定的实践经验,为 今后从事相应的网站设计制作工作打下良好基础。
第一章网页设计基础
教学目的:
本章将带领用户认识Dreamweaver MX,了解其新增功能。在开始学习该软件 之前,了解一下Dreamweaver MX的工作界面的一些简单设置。通过本章的学习, 用户能熟悉Dreamweaver MX的工作界面,并能自行设置具有独特的个性化的工作 环境。理解DW站点的作用,并掌握建立站点的方法及站点维护的方法。
课前思考:
1、Dreamweaver软件是干什么用的?
2、试用一下Dreamweaver,你觉得这个软件在界面上更象Word还是Photoshop,为什么
3、试用一下Dreamweaver,按默认格式保存,文件的扩展名是什么
4、双击网页文件,会自动打开Dreamweaver软件吗这点上与Word软件相同吗
创建本地站点引入:为什么要建站点在正式开始制作网页之前,最好先定义一个 新网站,这是因为:
更好地利用站点窗口对站点文件进行管理。
尽可能的减少一些错误的出现,如路径出错,链接出错(特别是新手),当熟练掌 握了DREAMWEAVER的使用后,并且只需制作单个网页时候可以省去这一步; 还值得说的是,新手做网页,就只知道做网页,不懂得条理性、结构性,一个文 件放这里,另一个文件放那里,或者所有文件都放在同一文件夹内,这样显得很 乱。
相关主题