《网页设计基础》完整教案

《《网页设计基础》完整教案》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、《网页设计与制作》院系:专业:班级:教师:学年:多媒体技术专业、课程整体教学设计建议：1、说课，介绍课程内容设计2、介绍相关的概念和软件，学会赏析网页3、介绍基本工具DW的使用，制作简单的文本网页、图文泯排网页，使学生有一定的DW基础。4、网站规划和设计流程5、网页配色方案，效果图设计，6、切片、布局等一、课程信息课程名称：网页设计与制作学分：4学时:68学时课程类型：专业课程授课对象：11多媒体先修课程：《Photoshop》、《Flash》、《计算机基础》、《美术基础》、。后修课程：《网站开发与建设》、《动态网页制作》等二、课程设计

2、1.课程目标本课程的教学廿标是：培养学牛静态网页网站开发与维护的实际工作能力，使学牛具备计算机及其它相关专业课学习和应用中所必需的网页制作与网站设计的基本知识和基本技能，初步形成解决实际应用问题的能力，为以后的相关专业课学习和工作打下基础，为以后发展的软件新技术提供平台，并注意渗透思想教冇,逐步培养学生的辩证思维，加强学生的］才I队精神和职业道徳观念。2.教学目标(1)知识目标了解网页设计行业的总体特征，并能说出网页设计师的某本技能要求；能说出网页设计与制作的一•般方法和流程；能陈述相关的基木概念；能欣赏和分析各种类型的网页；能陈述网页

3、设计中的色彩应用理论:能止确素材在网页制作中的作用；能说出网页布局的几种典型形式；能熟练说出切片时的几个要点、;能陈述书写网站策划书应注意的问题；能说出在网上川请域名的具体步骤；（2）能力目标能书写网站策划书;能手绘网页草图，并在Photoshop屮制作效果图；能利川网络工具收集需要的各种索•材；能使用Photoshop设计网页界而中的LOGO、贝而效果图和页眉等；能利用Flash等软件制作简易的gif与swf动画，并插入到网页中；能熟练使用Fireworks进彳了网页切片，并导入到Dreamweaver；能熟练使用Dreamweave

4、r的基本功能制作网页；能利用衣格或单元格工具进行网贝布局与版式设计；能制作框架网页；能在网页中添加合适的超级链接；能看懂并编写简单的HTML代码，能修改复杂的HTML代码；能使川CSS工具修饰网页；能熟练管理站点;能在网上申请域名；通过多种工具上传网站；（3）素质目标培养学生的沟通能力和协作精神；培养学牛勤于思考、认真做事的良好作风；培养学生勇于创新、敬业乐业的工作作风；培养学生具有良好的职业道徳和较强的工作责任心；培养学生自主学习能力和知识应用能力；培养学牛理论联系实际的工作作风、严肃认真的科学态度以及独立工作的能力;训练和培养团队协

5、作精神和共同开发网站的综合能力；1.模块化教学内容设计序号工作流程典型工作任务学时理论实践总学时1网页制作基础相关的基木概念24各种网站赏析112网站规划网站开发工作流程26网站策划书的书写11了解并收集素材113网页设计网页配色与布局2224设计与制作网站LOGO13设计与制作网站页眉13设计与制作网页动画13设计与绘制主页效果图22设计打绘制子页效果图224网页制作效果图切片与导入3526用表格和单元格进行网页布局13制作框架网页22添加超级链接11Html代码22CSS样式表修饰网贝225网站管理站点管理1126期末考核检査各组的

6、网站完成情况22总计283664三、教学材料教材：文东，《DreamweaverCS3网页设计基础与项1=1实训》，北京：科学出版社，2010年4月参考资料：张洪斌等，《基于工作过程的网页设计与制作教程》，北京：机械工业出版社，2010年4月四、教学组织形式集中授课与分组训练相结合，课内授课、校外实习与观看录像相结合。釆用模块化教学模式，课堂教学与现场教学相结合，课内项目训练为实习项目训练相结合，任务驱动，学、练同步，做到理论与实践一体化。既考虑理论知识体系，乂紧紧围绕能力忖标与综合项H组织教学，通过项□分解和提炼，以项H练习实现能力b

7、l标和知识bl标。五、考核方案木课程采川形成性考核和终结性考核相结合的方法进行考核。形成性考核（平时成绩）：占40%；出勤、听课情况、上课提问回答情况、作业完成情况等。终结性考核（作品考核成绩）：占60%；根据各小组的网站质暈进行考核。总评二平时成绩X40%+期终考核成绩X60%附1：《网站设计与制作》期末考核标准重要时间：网站完成时间为杠月和口，期末考评时间为口评价项目评价内容分值评价等级优良及格不及格主题站点主题鲜明204321内容丰富健康，实用性强4321页面元素丰富（有文字、图片、动画等）4321页面数目不少于5张4321页面内

8、容淸晰，语言文字有特色4321外观标题将炼，Logo标志新颖255132整体布局合理，美观，一致432色彩选用得当，搭配和谐5432图片或动画处理效果好，无变形5432有独特的设计风格5432技术应用衣格运