高级网页设计

《高级网页设计》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第一次课教学设计书2012年2月28日星期2授课地点：615课时：2标题第一章网页和网站制作流程教学目标能力目标知识目标从全局的角度概要性的了解网站制作技术和流程，了解本学期学习目标及进度安排。认识网页和网站；网页的基本构成元素；网页设计的相关术语；如何设计网页；网页设计师应具备的素质；静态页面的制作流程；教学任务(内容)网页是因特网展示信息的一种形式。一般网页上会有文本和图像，复杂一些的还会有声音、视频、动画等多媒体。要制作出精美的网页，不仅要能够熟练的使用软件，还要掌握网页的一些基本概念和基本原则，只

2、有对网页的基础知识进行深入的学习，才能快速掌握网页的设计技巧。重点难点重点：网站制作流程难点：网页设计原则步骤教学内容教学方法教学手段学生活动时间分配复习/课程引入Div+css布局网站案例赏析回答法；演示法；板书；多媒体教学；网络资源；实训设备；思考；回答问题；5知识讲授1认识网页网页和网站网页的基本构成元素文本和图像；超链接；动画；表单；音频和视频2什么是网页设计网页设计概述网页设计与网页制作网页设计的特点交互性；版式的不可控性；技术与艺术结合的紧密型；多媒体的综合性；多维性3网页设计的相关术语因特网

3、；浏览器；网页；网站；html；dhtml；url；http;tcp/ip;ftp;ip地址；域名；静态网页；动态网页；虚拟主机；租赁服务器；主机托管；4网页设计涵盖的内容视听元素；版式设计；回答法；演示法；板书；多媒体教学；实训设备；思考；理解；记忆；5555能力训练5如何设计网页网页设计的基本原则明确主题；首页设计；分类；互动性；图像应用技巧；避免滥用技术；及时维护更新网站设计成功的要素：整体布局；信息；下载速度；图像和版面设计；文字的可读性；多媒体功能的运用；导向清晰网页设计风格及色彩搭配6网页设计

4、原则为用户考虑原则；主题突出原则；整体原则；内容与形式相统一的原则；更新和维护原则7网页设计师应具备的素质艺术素质；技能素质；综合素质8网站制作流程前期策划；页面细化及实施；后期维护9静态页面的制作流程观察设计稿；拆分设计稿；网页设计的实现；表格布局；div布局回答法；演示法；实际操作法；多媒体教学；实训设备；实践操作1010101010归纳提高Div布局页面特点：表现、内容和行为相分离讲述法；演示法；板书；多媒体教学；实训设备；思考；回答问题3课后任务2课后小结第二次课教学设计书2012年3月1日星期4

5、授课地点：615课时：2标题第二章css样式入门第一节css样式教学目标能力目标知识目标网页制作离不开css技术，采用css技术可以有效对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制，只要对相应代码做出一些简单的编辑，就可以改变同一页面中不同部分或不同页面的外观和格式。本节主要掌握css的特点及基本语法。Css的特点；Css的类型；Css的基本语法；如何使用css；内联样式表；嵌入样式表；外部样式表；Css的单位和值；教学任务(内容)对于设计者来说，css是一个非常灵活的工具，使用户不必再把复

6、杂的样式定义编写在文档结构中，而将有关文档的样式内容全部脱离出来，在行内定义，在标题中定义，甚至作为外部样式文件供html页面调用。Css规则Css的特点Css的类型Css的基本语法：Css能做什么Css样式表的基本用法：怎样在html中插入样式表应用到网页中单位和值重点难点重点：内联样式；嵌入式样式；外部样式表难点：单位和值的定义步骤教学内容教学方法教学手段学生活动时间分配复习/课程引入网页中的css回答法；演示法；板书；多媒体教学；思考；回答问题；5知识讲授Css规则如下：选择符{属性1：值1；属性2

7、：值2；}Css的特点Css的类型自定义css样式；html样式；css选择器样式；Css的基本语法：选择符{属性1：值1；属性2：值2；}Css的冲突怎样使用cssCss和html；css和xmlCss能做什么文本格式和颜色；图形外观和布局；动态操作回答法；演示法；板书；多媒体教学；实训设备思考；理解；记忆；101010能力训练Css样式表的基本用法：怎样在html中插入样式表Css样式表规则选择符；声明应用到网页中内联样式；嵌入式样式；外部样式表单位和值定义颜色值；定义字体；群选择符；派生选择符；id

8、选择符；类别选择符回答法；演示法；实际操作法；多媒体教学；实训设备实践操作151515归纳提高Css的三种选择器Css的三种定义方式讲述法；演示法；板书；多媒体教学；实训设备；思考；回答问题3课后任务预习应用实例：为页面添加css样式2课后小结第三次课教学设计书2012年3月日6星期2授课地点：615课时：2标题第二章css样式入门第二节应用实例：为页面添加css样式教学目标能力目标知识目标本例通过一个工作室网站页面，讲解如何