《网页设计与制作案例教程》
教案
课时分配表
章序 课程内容 课时 备注
1 网页设计与制作基础 4
2 创新与创新素养培养 4
3 创新发明与创新成果保护 4
4 创业机会与创业风险 4
5 创业者与创业团队 4
6 创业资源与融资 4
7 创业计划 4
8 新创企业管理 4
合计 32
第 课 网页设计与制作基础（一） 1
2 课题 网页设计与制作基础(一)
课时 4课时（180 min）
教学目标 知识技能目标：
（1）了解网页，网站和主页的概念
（2）了解网页类型、构成、版式和配色的相关知识
思政育人目标：
（1）养成做事有计划、有条理的工作习惯
（2）有意识地培养自己的审美能力，并运用到工作中
教学重难点 教学重点：网页设计的基础知识
教学难点：能够分析总结网站的特点
教学方法 情景模拟法、问答法、讨论法
教学用具 电脑、投影仪、多媒体课件、教材
教学设计 第1节课：课前任务→ 考勤（2 min）→ 新课预热（8 min）→ 互动导入（12 min）→传授新知（23 min）
第2节课：问题导入（5 min）→ 实践探究（25 min）→ 小组合作（5 min）→ 课堂小结（3 min）→ 作业布置（2 min）
教学过程 主要教学内容及步骤 设计意图
第一节课
课前任务 【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP，查阅资料，了解网页设计相关知识
【学生】按照教师要求完成课前任务 通过课前的预热，让学生了解所学课程的大概内容，激发学生的学习欲望
考勤
（2 min） 【教师】使用APP进行签到
【学生】按照老师要求签到 培养学生的组织纪律性，掌握学生的出勤情况
新课预热
（8 min） 【教师】教师自我介绍，并介绍课程定位、内容安排、考核要求等
网页就是我们上网时在浏览器中打开的一个个画面。网站则是一组相关网页的集合。一个小型网站可能只包含几个网页，而一个大型网站则可能包含成千上万个网页。例如，新浪网就包含新闻、财经、科技、体育、娱乐等多个版块，而每个版块又包含很多网页。
1 第11讲 布局技术-层AP Div
1.1教学目标：
知识目标
1. 理解层的作用
2. 掌握层的各种基本操作
技能目标
能运用层进行布局，能设置层的重叠与嵌套，能合理操作层
品质目标
培养学生认真细致、踏实进取的精神
1.2教学重点：
1. 掌握层的各种基本操作
1.3 教学难点
理解层的作用和操作。
1.4教学方法：讲练结合，任务驱动、分子任务操练
1.5课时安排：2课时
1.6教学对象分析：
这个班学生具有基本专业技能，不仅仅是要教会他们方法，最重要的是教会他们的规范的动手能力与各种事件多方法的灵活处理能力，在保证全班同学教学进度一致的情况上，培养学生较好的专业基础与创新创作意识。
1.7教学过程：
一、激趣导入，揭示课题
层是一种HTML页面元素，可以将其定位在页面上的任意位置。层可以包含文本、图像或其他任何可在HTML文档正文中放入的内容。
通过Dreamweaver MX 2004，可以使用层来设置页面的布局。可以将层前后放置，隐藏某些层而显示其他层，以及在屏幕上移动层。还可以在一个层中放置背景图像，然后在该层的前面放置第二个层，利用层不仅可以非常灵活地放置内容，还可以根据不同的设置，实现相应的动态效果。
二、层的操作
层可以理解为浮动在网页上的一个页面，它可以准确地定位在页面上的任意位置，并可以规定它的大小。通过层可以对网页进行精确定位。不仅如此，通过对层与行为的综合使用，还可以创作出赏心悦目的动作效果。
层可以包含文本、图像或其它任何可在网页中放置的内容。层可以重叠，并且可以改变重叠次序，因此可以在网页上实现内容的重叠效果；可以动态地设定层的显示或隐藏，实现层内容的动态交替显示等特殊的显示效果；层可以嵌套，子层会遗传父层的特征，例如可见性，位置移动等。
0.1新建层
用Dreamweaver可以方便地在页面上创建层并精确地将层定位。
2 建立新层的步骤：
.. ..
..
参考材料 1.在基于网络的应用程序中，主要有B/S与C/S两种部署模式，一下哪项不属于．．．对于B/S模式的正确描述（ A ）
A. B/S模式的程序主要部署在客户端
B. B/S模式与C/S模式相比更容易维护
C. B/S模式只需要客户端安装web浏览器就可以访问
D. B/S模式逐渐成为网络应用程序设计的主流
3.以下关于HTML文档的说法正确的一项是( C )
A．与这两个标记合起来说明在它们之间的文本表示两个HTML文本
B．HTML文档是一个可执行的文档
C．HTML文档只是一种简单的ASCII码文本
D．HTML文档的结束标记可以省略不写
4.BODY元素可以支持很多属性，其中用于定义已访问过的链接的颜色属性是( D )。
A．ALINK B．CLINK
C．HLINK D．VLINK
2.在网站设计中所有的站点结构都可以归结为(D )
A.两级结构
B.三级结构
C.四级结构
D.多级结构 .. ..
..
参考材料
3.Dreamweaver中，模板文件的扩展名是C
.htm
B. .asp
C. .dwt D. .css
4.Dreamweaver中，站点文件的扩展名是B
.htm B. .ste
C .dwt D. .css
5.网页中插入的flash动画文件的格式是：
GIF B.PNG C. SWF D.FLA
(完整)网页设计过程及步骤
一、 网页设计过程及步骤
网页设计过程
网页是信息传播的媒体，但又不同于传统媒体，有自己的特殊性.网页具有交互性、多维性、整合性、多维性、不确定性等特点，它与技术的结合更为密切，网页的超级链接功能也使它比传统媒体更具吸引力。正是因为这些特殊性,网页的设计与发布也有一个特殊的流程。
1．项目规划 马克思将做事的计划性看成是人区别于动物的本质特征之一。如果把一个网站比喻为一所房子，那么，没有事先规划和设计建造起来的“房子”是不会漂亮、牢固的。设计者必须认真对待站点开发计划，这样才能使网站的建设经得起时间的考验。这一阶段可称为项目规划阶段.
本阶段，首先要明确建立站点的目的，也就是先搞清楚要建一座什么样的“房子”.这座“房子”可能有以下用途：
●个人主页：发布个人信息,提供个人服务，展示个性，同别人广泛地交流，比如共享业余爱好等。
●电子商务：首先，有利于树立企业的形象.目前国内很多大企业都非常重视企业形象这种无形资产,建立企业网页是宣传自己的重要手段。拥有国际域名和主页代表了企业的实力、规模和品位。
●电子出版内容的更新、传递的速度都比传统报刊杂志更快捷，影响更广泛。
●社区服务:可以通过邮件列表、新闻组、聊天室和电子公告牌促进社区人员的信息交流，为背景和地址各不相同的人提供活动的场所。
●网上教育：远程教育、终身教育和开放式教育都因此而变为现实。这样的站点主要靠内容来吸引浏览者,而不是华而不实的设计技巧。
●休闲娱乐：包括影视站点、音乐站点、旅游站点、游戏站点等,都为浏览者提供了休闲娱乐的场所。要求设计者能够提供各种多媒体信息,具有很强的编程能力和灵活的设计思想。
●艺术欣赏:如何把作品的含义表达给浏览者,是艺术站点应该考虑的问题.因此，设计者应该与艺术家保持良好的沟通。另外，准确地运用多媒体也是设计好艺术站点的关键。 (完整)网页设计过程及步骤
