网络广告设计实验指导书.docVIP

目录 实验大纲 1 实验一 简单网页制作 3 实验二 在网页中插入基本元素 7 实验三 表格的创建与编辑 13 实验四　表格布局（一） 18 实验五　表格布局（二） 23 实验六 框架与表单 27 实验七 CSS 31 实验八 网页制作综合练习 36 实验大纲 课程名称： 网页设计与制作 英文名称： Design and Making of WebPages 设置形式： 非独立设课 课程模块： 专业课 实验课性质： 专业实验 课程编号： 课程负责人： 王丽萍 大纲主撰人： 王丽萍 大纲审核人： 李焕勤 一、学时、学分 课程总学时： 实验学时： 课程学分： 二、适用专业及年级 教育技术学 二年级 三、课程目标与基本要求 课程的目标： 课程全面介绍网页设计与制作的相关知识，包括网页制作工具Dreamweaver的使用方法、HTML语言、CSS技术及网站的发布与维护等，目标是使学生具备网页设计与制作的基本知识和基本技能，能够独立完成中、小型网站的设计与制作，为将来制作网络教学软件和教育专题网站打下基础。 基本要求： 1．掌握利用Dreamweaver创建网站、制作网页、管理站点等。 2．熟练掌握文字的各种编排方法。 3．熟练掌握图形的获取、各种修饰方法。 4．熟练掌握超链接技术。 5．熟练掌握音频、视频等多媒体信息的嵌入、链接方法; 6．熟练掌握表格的使用方法，会用表格设计网页； 7．掌握框架制作网页的方法，会使用框架设计网页； 8．掌握制作表单的方法，会利用表单建立交互式页面； 9．掌握HTML的语法结构及各种标记的使用方法； 10．掌握在网页中添加CSS的方法，会使用CSS设置网页格式和网页布局； 11．掌握站点管理及发布。 四、主要仪器设备 多媒体计算机，安装Dreamweaver、Fireworks、Flash、PhotoShop、CuteFTP等软件。 五、实验项目及教学安排 软件的界面建立站点链接表格布局表格布局布局插入表单及表单对象；设置表单元素属性建CSS样式CSS样式控制网页外观；编辑CSS样式 2 基础 1 必修 8 网页制作综合练习 定位网站的主题和名称；确定网站的栏目；确定网站的目录结构；确定网站的链接结构；设计网站的整体风格；绘制网页布局；收集制作素材；网站制作；网站上传。 2 设计 综合 1 必修 9 自拟主题网站制作 定位网站的主题和名称；确定网站的栏目；确定网站的目录结构；确定网站的链接结构；设计网站的整体风格；绘制网页布局；网站制作 8 设计 综合 1 选修 10 动态网站制作 使用Javascript、Asp、数据库等技术制作小型动态网站 10 设计 综合 1 选修 六、考核方式及成绩评定 考核方式： 1、实验平时成绩： （1）实验考勤：每次考勤分出勤（2分）；请假、迟到、早退（1分）；旷课（0分）记分。 （2）预习报告：要求写明实验目的、主要实验设备名称、实验原理和内容。分优秀（4分）、良好（3分）、中等（2分）、及格（1分）和不及格（0分）记分。 （3）实验报告：要求写明实验设备名称和型号、实验步骤、实验分析及注意事项。分优秀（4分）、良好（3分）、中等（2分）、及格（1分）和不及格（0分）记分。 实验平时成绩最后折算成100分。 2、平时作业：根据作品评定成绩，满分为100分 3、实验考试：上机考试，满分为100分。 成绩评定： 总实验成绩占本课程成绩的30%。 总实验成绩=实验平时成绩×20%+平时上机作业×30%+实验考试成绩×50%。 七、实验教科书、参考书 1．实验教科书 网页设计与制作（讲义），王丽萍，2002．实验参考书  实验一 “满立减”网络广告的制作 一、实验目的 1．熟悉软件的 单笔订单满 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．给出此次实验中你设计的网络广告的目标创意thumbnails文件夹保存的是缩略图，pages文件夹保存的是相册分页，index.htm是网站相册首页。 4．创建“多媒体”站点，并制作网页。 （1）在硬盘根目录下新建文件夹，命名为site。 （2）打开si