网络广告设计实验指导书Word文档格式.docx
《网络广告设计实验指导书Word文档格式.docx》由会员分享，可在线阅读，更多相关《网络广告设计实验指导书Word文档格式.docx（35页珍藏版）》请在冰豆网上搜索。
课程学分:
2
二、适用专业及年级
教育技术学二年级
三、课程目标与基本要求
课程的目标:
课程全面介绍网页设计与制作的相关知识,包括网页制作工具Dreamweaver的使用方法、HTML语言、CSS技术及网站的发布与维护等,目标是使学生具备网页设计与制作的基本知识和基本技能,能够独立完成中、小型网站的设计与制作,为将来制作网络教学软件和教育专题网站打下基础。
基本要求:
1．掌握利用Dreamweaver创立网站、制作网页、管理站点等。
2．熟练掌握文字的各种编排方法。
3．熟练掌握图形的获取、各种修饰方法。
4．熟练掌握超链接技术。
5．熟练掌握音频、视频等多媒体信息的嵌入、链接方法;
6．熟练掌握表格的使用方法,会用表格设计网页;
7．掌握框架制作网页的方法,会使用框架设计网页;
8．掌握制作表单的方法,会利用表单建立交互式页面;
9．掌握HTML的语法结构及各种标记的使用方法;
10．掌握在网页中添加CSS的方法,会使用CSS设置网页格式和网页布局;
11．掌握站点管理及发布。
四、主要仪器设备
多媒体计算机,安装Dreamweaver、Fireworks、Flash、PhotoShop、CuteFTP等软件。
五、实验项目及教学安排
序号
实验项目名称
实验基本方法和内容
项目学时
项目
类型
每组
人数
教学要求
1
简单网页制作
Dreamweaver软件的操作界面的认识;
建立站点;
制作简单网页
基础
必修
在网页中插入基本元素
文本的插入及属性设置;
图像的插入及属性设置;
各种媒体的插入及相关参数的设置;
建立超链接
3
表格的创立与编辑
创立表格;
设置表格的属性;
设置单元格的属性;
制作特殊表格
4
表格布局
（一）
利用表格进行网页布局
5
表格布局
（二）
综合
6
框架与表单
创立框架;
设置框架集的属性;
设置框架的属性;
使用框架面板管理框架;
利用框架进行网页布局;
插入表单及表单对象;
设置表单元素属性
7
CSS
创立CSS样式;
使用CSS样式控制网页外观;
编辑CSS样式
8
网页制作综合练习
定位网站的主题和名称;
确定网站的栏目;
确定网站的目录结构;
确定网站的链接结构;
设计网站的整体风格;
绘制网页布局;
收集制作素材;
网站制作;
网站上传。
设计
综合
9
自拟主题网站制作
网站制作
选修
10
动态网站制作
使用Javascript、Asp、数据库等技术制作小型动态网站
六、考核方式及成绩评定
考核方式:
1、实验平时成绩:
（1）实验考勤:
每次考勤分出勤（2分）;
请假、迟到、早退（1分）;
旷课（0分）记分。
（2）预习报告:
要求写明实验目的、主要实验设备名称、实验原理和内容。
分优秀（4分）、良好（3分）、中等（2分）、及格（1分）和不及格（0分）记分。
（3）实验报告:
要求写明实验设备名称和型号、实验步骤、实验分析及注意事项。
实验平时成绩最后折算成100分。
2、平时作业:
根据作品评定成绩,满分为100分
3、实验考试:
上机考试,满分为100分。
成绩评定:
总实验成绩占本课程成绩的30%。
总实验成绩=实验平时成绩×
20%+平时上机作业×
30%+实验考试成绩×
50%。
七、实验教科书、参考书
1．实验教科书
网页设计与制作（讲义）,王丽萍,
2．实验参考书
DreamweaverMX完美网页设计与制作,姜楠,中国青年出版社,
实验一”满立减”网络广告的制作
一、实验目的
1．熟悉PHOTOSHOP软件的操作。
2．掌握网络广告的构成要素。
4．按要求完成一则网络广告的设计。
二、实验内容
设计一则图片广告,要求显示店铺的活动:
单笔订单满100元减5元,送5元店铺优惠券。
单笔订单满180元减10元,送10元店铺优惠券。
单笔订单满300元减20元,送10元店铺优惠券。
单笔订单满500元减30元,送20元店铺优惠券。
全场包邮
支持淘金币抵价100金币抵价1元,最高可抵货价的5%
三、操作步骤
1．设置背景颜色
2．创立宽为950像素,高度在300-450像素之间
3．构造广告的页面,要求有新奇的创意,并能体现出网络广告的主要内容
4．提交设计的网络广告效果图
5．撰写实验报告
四、实验要求
1．给出你设计的网络广告的主要构成要素?
2．给出此次实验中你设计的网络广告的主要目标?
3．阐述你设计的网络广告的创意。
实验二在网页中插入基本元素
1．掌握文本的插入方法及属性设置方法。
2．掌握图像的插入方法及属性设置方法。
3．掌握各种媒体的插入方法及相关参数的设置。
1．制作”何所思”网页。
2．制作”动画厨房”网页。
3．制作”我爱北京”网络站册。
4．创立”多媒体”站点,并制作以下网页:
（1）插入flash动画的网页
（2）插入RealPlayer播放器的网页
（3）插入MediaPlayer播放器的网页
（4）插入背景音乐的网页
（1）在硬盘根目录下新建文件夹,命名为thinking。
（2）打开thinging文件夹,在其中建立子文件夹,命名为images。
（3）将所有图片素材复制到images文件夹中。
（4）启动Dreamweaver,使用”站点｜管理站点｜新建站点”命令新建”何所思”站点。
（5）新建网页,保存为index.htm。
（6）在网页中插入文字,设置标题文字,在文字中插入空格,分段,换行。
（7）在网页中插入图片,设置图片的对齐方式为”右对齐”。
（8）保存网页,预览。
2．制作”动画厨房”网页
（1）在硬盘根目录下新建文件夹,命名为donghua。
（2）打开donghua文件夹,将图片donghua.jpg复制到该文件夹中。
（3）启动Fireworks,打开donghua.jpg图片,使用切片工具进行切片。
（4）使用”文件｜导出”命令,导出切片和网页,设置如图所示。
（5）启动Dreamweaver,打开donghua.htm网页,使用”修改｜页面属性”命令,设置网页背景色为黑色,上边距为0像素。
3．制作”我爱北京”网站相册。
（1）将所有图片素材保存在photo文件夹中。
（2）在硬盘根目录下新建文件夹,命名为beijing。
（3）启动Dreamweaver,使用”站点｜管理站点｜新建站点”命令新建”北京”站点,并指定beijing文件夹为”北京”站点的本地根文件夹。
（4）新建网页,使用”命令｜创立网站相册”命令创立相册,设置如图所示。
（5）单击确定按钮,相册创立完成。
（6）按F12,预览网页。
（7）打开硬盘上的beijing文件夹,查看文件,其中imgaes文件夹保存的是原图片,thumbnails文件夹保存的是缩略图,pages文件夹保存的是相册分页,index.htm是网站相册首页。
4．创立”多媒体”站点,并制作网页。
（1）在硬盘根目录下新建文件夹,命名为site。
（2）打开site文件夹,在其中建立子文件夹,命名为Media。
（3）将所有多媒体素材复制到Media文件夹中。
（4）启动Dreamweaver,使用”站点｜管理站点｜新建站点”命令新建”多媒体”站点,并指定site文件夹为”多媒体”站点的本地根文件夹。
设置完毕后,文件面板如图所示。
（5）在网页中插入flash动画
新建网页,保存网页为001.htm。
在网页中插入flash动画yueding.swf,设置flash动画背景透明。
（6）在网页中插入RealPlayer播放器
新建网页,保存网页为002.htm。
在网页中插入ActiveX,在属性面板上设置ClassID为CLSID:
CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA,宽320像素,高280像素,参数设置如图所示。
（7）在网页中插入MediaPlayer播放器1
新建网页,保存网页为003..htm。
22D6F312-B0F6-11D0-94AB-0080C74C7E95,宽320像素,高280像素,参数设置如图所示。
（8）在网页中插入MediaPlayer播放器2
新建网页,保存网页为004.htm。
6BF52A52-394A-11d3-B153-00C04F79FAA6,宽320像素,高280像素,参数设置如图所示。
（9）在网页中插入背景音乐
新建网页,保存网页为005.htm。
在网页中插入
在弹出的选择文件对话框中选择bgmusic.mid。
插件的参数设置如图所示。
四、思考题
1．文本分行和分段落的区别。
2．在网页中插入特殊符号的方法。
3．在网页中插入列表、日期、水平线的方法。
4．实现图文混排的方法。
5．在网页中插入视频的方法。
6．在网页中插入音频的方法。
实验三表格的创立与编辑
1．掌握表格的插入方法。
2．掌握表格属性、单元格属性的设置方法。
3．深入理解表格背景颜色、填充、间距、边框、单元格背景颜色等属性对网页外观的影响。
4．掌握各种特殊表格的制作方法。
1．插入、编辑表格。
2．在网页中制作水平细线和垂直细线。
3．在网页中制作细线表格。
4．在网页中制作双线边框表格。
5．在网页中制作圆角表格。
1．建立站点
（1）在硬盘根目录下新建文件夹,命名为table。
（2）在table文件夹中新建子文件夹,命名为images。
将所有图片素材保存在images文件夹中。
（3）启动Dreamweaver,使用”站点｜管理站点｜新建站点”命令新建”表格练习”站点,并指定table文件夹为”表格练习”站点的本地根文件夹。
2．插入、编辑表格
（1）新建网页,保存网页为001.htm。
（2）插入一个3行3列的表格,表格宽度为300像素,边框粗细为1,单元格边距为0,单元格间距为0。
（3）选中表格,设置表格的填充为5,间距6,边框为8。
（4）选中表格,设置表格的背景图像为girl.gif。
（5）选中表格,用鼠标拖动表格右下角的尺寸手柄,将表格加大,观察背景图像在表格中的”平铺”情况。
（6）选中第一行所有单
升级会员 