《网页设计》实训大纲.doc

网页设计实训课程教学大纲 实训课程名称：网页设计实训适用专业：计算机应用，电子商务课程性质：专业必修课课程学时：36课程学分：4先修课程：计算机应用基础、Photoshop平面设计一 课程在人才培养中的地位与作用 本课程主要培养学生从事网页设计与制作的基本技能，使学生掌握网页设计的概念和方法，能够运用专业的网页设计工具和脚本语言，进行网站规划、建立和维护，具备网页设计岗位的职业技术能力。在本课程之前，学生已学习了计算机应用基础、Photoshop平面设计等基础课程的，具备基本的计算机操作与图形图像制作能力，本课程的后续课程是ASP动态网页设计。二 课程教学目标 本课程以学生能够独立进行静态网站开发与维护的实际工作能力为学习目标，要求学生具备综合运用HTML技术制作网页，规划、开发、发布管理静态网站的专业知识和技能，形成解决实际应用问题的方法能力，为以后的学习ASP动态网页设计课程打下基础。本课程培养学生综合运用HTML技术制作网页，以及使用常用网页设计工具规划、开发、发布、管理静态网站的专业知识和技能，具备解决实际应用问题的方法能力，为以后的学习ASP动态网页设计课程打下基础。具体目标如下：2.1知识目标u 能处理网页图形图像素材u 能规划、创建、发布、维护静态网站u 能运用javascript控制网页行为u 能运用多种布局技术制作网页布局 u 能灵活运用css技术规范、美化网页内容u 能跟踪和学习并应用网页设计与制作的新知识和新技术2.2技能目标 u 能合理的规划商业网站； u 能合理设计网页的布局方案和美术设计方案； u 能规范的编写网页策划书； u 能熟练应用Photoshop绘制网页导航要素； u 能熟练应用Photoshop绘制网页信息区块； u 能熟练应用Photoshop绘制网页美术文字效果； u 能熟练应用Photoshop处理网页插图； u 能熟练应用Photoshop绘制网页整体效果图； u 能熟练应用Photoshop正确的对网页效果图进行切片和优化； u 能熟练应用Dreamweaver进行网站站点管理和初始化页面； u 能熟练应用Dreamweaver对网页的总体结构进行排版； u 能熟练应用Dreamweaver对网页插片和文字进行编排； u 能熟练应用Dreamweaver制作网页的细节效果；u 能应用Dreamweaver进行DIV+CSS结构排版； u 能熟练应用Dreamweaver制作模板与网站子页； u 能应用Dreamweaver制作框架页面结构和简单页面脚本交互功能； u 能熟练应用Dreamweaver链接网页与测试网站； u 能应用互联网资源发布网站； u 能熟练应用Dreamweaver维护网页。 2.3 素质目标u 培养良好的劳动纪律观念； u 培养认真做事、细心做事的态度；u 培养团队协作精神； u 培养表述、回答等语言表达能力； u 培养交流、沟通的能力 三 实训主要内容与要求实训一 计创建站点及页面设置【实训目的和任务】掌握站点的规划学会创建与管理站点掌握页面的创建、保存操作学会设置页面属性【实训能力培养要求】熟悉站点的创建步骤，学会管理站点，页面的创建、保存及属性的设置方法。【实训内容】本次实训将为诚与广告公司网站进行站点规划以及站点的创建，并为站点创建主要的文件夹及文件：规划诚与广告公司站点结构创建站点创建主要文件夹及文件【实训方式】上机操作实训二 创建超级链接【实训目的和任务】了解超级链接的概念掌握如何创建各类超级链接掌握如何创建图像链接掌握如何创建导航条【实训能力培养要求】掌握创建图像链接，创建导航条的具体方法。【实训内容】本次实训将为“诚与广告公司”站点的“联系我们”页面创建导航条、图像链接和电子邮件链接，在完成后的网页上单击“企业文化”导航元件，打开“企业文化”页面；单击“乌镇分公司”热点链接，打开“乌镇分公司”页面；单击电子邮件链接启动电子邮件软件：导航图像链接的创建电子邮件及图像热点链接的创建【实训方式】上机操作实训三 表格的应用【实训目的和任务】学会插入表格 掌握表格的基本操作学会设置表格属性 掌握表格的高级操作掌握层与表格的相互转换【实训能力培养要求】学会插入表格，熟练掌握表格的基本操作，设置表格属性的方法。懂得表格的高级操作，及层与表格的相互转换方法。【实训内容】本次实训将利用表格布局诚与广告公司站点的“合作伙伴”网页，然后在表格中添加各种网页元素：将利用表格对“合作伙伴”网页进行布局。在表格中添加网页元素【实训方式】上机操作实训四 发 布 站 点【实训目的和任务】学会申请主页空间及域名掌握站点的本地测试学会发布站点了解站点的管理和宣传【实训能力培养要求】学会申请主页空间及域名，站点的本地测试。懂得发布站点，站点的管理和宣传。【实训内容】申请主页空间申请域名站点的本地测试站点的发布站点的管理和宣传实训五 项目设计案例【实训目的和任务】浏览“星之密语”网站规划站点及收集素材创建站点学会用FrontPage 2003、Dreamweaver 8 和Fireworks 8 创建网站、设计网页；熟悉网站综合开发的全过程【实训能力培养要求】本实训通过一个“星之密语”网站的制作，综合练习前面所学的内容，将整本书所讲解的知识点融会贯通【实训内容】申该网站共7个栏目，其中“星座壁纸”、“星座名人”、“星座歌曲”、“星座故事”、“星座专题”、“星座笑话”6个栏目通过导航条链接，“十二星座介绍”则通过主页中12张星座图片进行链接：制作模板制作首页制作“星座壁纸”页面制作“星座名人”页面制作“星座故事”页面制作“白羊座介绍”页面四 实训项目学时分配序号实训内容学时1创建站点及页面设置22创建超级链接23表格的应用44发 布 站 点25项目设计案例26合计36五 考核形式采用形成性和终结性考核相结合的考核方式1 、形成性考核 要求在真实dreamweaver环境下，完成五次实训项目。视实训完成的情况评分，占考核总成绩的50%。成绩由所在班级的任课教师给定。实训作品及实训报告上交各系部备份以备抽查。2、终结性考核 终结性考核采用计算机考试，题型包括选择题，填空题。占考核总成绩的50%，考试时间限制为90分钟。以上两方面成绩均需要及格，总成绩60分以上者（包括60分）考核通过。六 主要参考资料书名 作者 出版社 版本 网页设计超级梦幻组合 杜巧玲，后立胜，刘文政 清华大学出版社 电子图书 网页设计基础教程与上机指导 张宏伟、赵明富 清