《网页设计与制作》-实训指导书

.

实训15 利用层的布局制作“技术支持”网页

实训目的

为了让学生掌握如何利用层来布局网页,掌握层的插入,设置层的各项属性,利用层与行为的应用来创建层动画等操作。 实训环境

硬件环境:考核用机为奔腾以上兼容机,内存不少于 32M ,最好 64M 或 128M ;硬盘不小于 500M ; VGA 彩显,带鼠标器。

操作系统:Windows95/98/me/2000/XP 软件环境:Dreamweaver MX 2004

特殊要求:必须将IIS配置好,能正常进行WEB浏览 素材准备

准备制作网页所需的文字素材、图像素材、音乐素材。 实训课时

2学时 实训内容

1、使用层排版 2、设置层文本 3、显示隐藏层 4、拖动层 5、调整层的大小 6、层的对齐 实训要求

要求学生能利用层来进行布局网页,了解层的属性的设置,掌握在层中插入相关的图片或文字,并掌握层与行为的综合使用。 实训步骤

1、新建一个页面,在页面中插入三个不同的层;

2、在各个层中分别插入不同的图片,并设置Layer1显示属性为可见, Layer2 、Layer3显示属性为隐藏性;

.

.

3、利用层与行为来制作显示与隐藏层动画:选择Layer1,添加一个“显示-隐藏层”行为,设置Layer1隐藏,Layer2 、Layer3显示,事件改为onmouseover;利用同样的道理,设置当事件为onmouseout时显示Layer2 ,隐藏Layer1、 Layer3的行为。

4、利用层与行为来制作拖动层动画:新建一个层,在层中插入一张图片,并调整图片与层的大小。选择层,添加一个“拖动层”行为,设置层移动的目标处,事件为onmouseover;

5、调整页面中所有层的大小,选择对齐层命令来调整页面中层的对齐方式。 6、保存文件,预览文件效果; 实训过程注意事项

1、插入的图像必须放在站点文件夹下的image文件夹内; 2、利用层与行为制作动画首先应选中对应层。 实训思考

1、行为由哪两部分组成? 2、如何设置行为中的事件更多? 书写实训报告要求

1、根据调试结果,写出调试分析报告 2、写出本次实训的心得与体会

实训16 网页设计与网站管理

实训目的

为了让学生了解网站进行优化处理操作的原理,了解网站的创意和布局,对网页元素进行优化的过程和步骤,掌握网站域名申请的过程,了解网站发布的过程等内容。 实训环境

硬件环境:考核用机为奔腾以上兼容机,内存不少于 32M ,最好 64M 或

.

.

128M ;硬盘不小于 500M ; VGA 彩显,带鼠标器。

操作系统:Windows95/98/me/2000/XP 软件环境:Dreamweaver MX 2004

特殊要求:必须将IIS配置好,能正常进行WEB浏览 素材准备

准备制作网页所需的文字素材、图像素材、音乐素材、动画素材。 实训课时

2学时 实训内容

1、网页布局设计 2、网页中的文字设计 3、网页中的图像应用 4、图文排版 5、网页导航条设计 6、网页广告设计 7、域名的设计与申请 8、网站的发布 实训要求

要求学生掌握整个网站的优化过程,了解网站各种版面的布局形式,掌握网页色彩搭配的原则,了解网站发布的整个流程等操作。 实训步骤

1、打开前面已做好网站的主页面,根据网页设计原则,对网页不同元素:布局、文字、图像、图文排版、导航、广告等方面进行优化设计,调整网页效果;

2、推广主页的方法和思路:注册各个搜索引擎;互换广告;到BBS或网上论坛去发布自己网站的消息;友情链接登录等方法可以推广你网站的主页,提高访问量。

3、域名的设计与申请:选择申请主页的网站去申请免费的空间;申请虚拟域名;注册搜索引擎;

4、网站的发布与上传:

.

.

5、登录网站,预览效果图; 实训过程注意事项

1、申请的虚拟域名原则上是容易识记,代表一定的含义;

2、在选择站点的时候要注意主页空间的大小、速度、支持哪些网页技术、是否支持FTP上传或下载; 实训思考

1、导航设计的原则是什么? 2、网页中广告是越多越好吗? 书写实训报告要求

1、根据调试结果,写出调试分析报告 2、写出本次实训的心得与体会

实训17 网站开发综合实训

17.1 实训意义

网页设计与制作综合实训是教学过程中重要的实践性教学环节。它是根据专业教学计划的要求,在教师指导下对学生进行的网页制作专业技能的训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的转化,是对理论与实践教学效果的检验,也是对学生综合分析能力与独立工作能力的培养过程。因此,加强实践教学环节,搞好实训教学,对实现本专业的培养目标,提高学生的综合素有着重要的作用。 17.2 实训目的

1.通过综合实训进一步巩固、深化和扩展学生的理论知识与专业技能。 (1)掌握规划网站的内容结构、目录结构、链接结构的方法。 (2)熟练掌握网页制作软件Dreamweaver MX的基本操作和使用技能。 (3)掌握页面的整体控制和头部内容设置的方法。 (4)熟练掌握网页页面布局的各种方法。

.

.

(5)熟练掌握在网页中输入、设置标题和正文文字的方法。 (6)熟练掌握在网页中插入图像、flash动画、背景音乐的方法。 (7)掌握建立各种形式超级链接的方法。 (8)掌握表单网页制作方法。 (9)掌握网页特效的制作方法。 (10)掌握网站测试的方法。

2.训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、flash动画和网页特效等。

3.培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。

4.培养学生理论联系实际的工作作风、严肃认真的科学态度以及独立工作的能力,树立自信心。

5.训练和培养团队协作精神和共同开发网站的综合能力。 17.3 实训要求

1.动手制作网页之前,必须认真做好网站的需求分析,策划好网站的主题,规划好网站的风格和结构,创建完善的目录结构。

2.制作网页前,收集好所需的文字资料、图像资料、flash动画和网页特效。 3.所创建的网站至少包括8个页面,分为三层,第一层为首页,第二层为4个二级子页,第三层为3个内容页。

(1)首页采用表格进行布局,必须包含导航栏;

(2)4个二级子页分别为框架网页、表单网页、利用模板制作的网页、利用布局表格制作的网页;

(3)3个内容页分别为层布局的网页、应用JavaScript制作特效的网页、应用行为制作特效的网页。

(4)各个页面根据需要插入合适的图像和Falsh动画,首页要求插入背景音乐。 (5)所有页面要求内容充实、布局合理、颜色搭配协调、美观大方。 (6)各个页面之间导航清晰、链接准确无误。

4.网页的版面尺寸应用符合网页设计的规范,网站中所有文件、文件夹的命名

.

联系客服:779662525#qq.com(#替换为@) 苏ICP备20003344号-4