第2讲网页设计概述

《第2讲网页设计概述》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、教案序号：2第2讲第2周学时数：2本讲课题：网页设计概述教学目标：了解网页与网站的基木知识和常用的网页制作工具；熟悉网站开发的工作流程。内容提要：本讲主要教学内容有：♦网页和网站♦网页中的主要元素♦网页制作工具♦网站开发的基本流程重点难点：本讲重点是网站开发的基本流程；难点是网页中的元素。解决的办法是采用“捉岀问题——探究点拨——归纳总结”的问题探究模式。教学用具：投影机教学过程：【课程导入】昱不昱飯飯欲弑锂科壮歹习树仔网运3?别急，午里之&能孑足下。弘我们免来么识一下网页鸟网豹，3超需用的网罚钊仔3風，畀诸网©中的走老，热总网豹科岌的M仔烷蛊，弟以启的萼

2、刁対下坚空的晏础。1.1网页和网站【板述预设】WorldWideWeb,中文称为万维网，简称WWW或3W或Web。Web上貝-有共同主题、性质相关的•组资源就是Web站点。WWW采用的是客户/服务器结构，其作川是响应客户端的请求，把客户端所需的资源传送给该客户。【板述预设】1.1.1网页【一般介绍】WWW是由欧洲最了物理实验室CERN(theEuropeanLaboratoryforParticlePhysics)发展出來的分布式超媒体系统。1.网页用HTML语言编写，通过WWW传输，并被Web浏览器翻译成为可以显示出來的集文本、图片、声音、视频、动画等信

3、息元素于-•体的页面文件。2.网页的类型根据页面内容可将网页分为首页、主页、专栏网页、内容网页和功能网页等类型；根据制作技术又可分为静态网页与动态网页。【板述预设】1.1.2网站网站就是把一系列网页通过超链接的形式关联起來形成的网页的集合。【一般讲解】网站是一个文件夹，网页是一个页面文件，网页是网站的构成要素，是网站信息发布与表现的一种主耍形式。【板述预设】1.1.3网页的基本功能①媒体的作川。②互动的作川。③传输的作川。1.2网页中的主要元素【难点讲解】【问题探究】［问题］通过浏览“凌志网站”的网页，你能说出网页中包括哪些元素吗？［探究点拨］1.人类最重

4、要的信息载体和交流工具是什么？2.在网页中可以起到提供信息、展示作品、美化网页及体现风格等效果的元素是哪个？3.在浏览网页时，为什么能从一个网页跳转到另一个网页？4.能使浏览者方便地返回主页或继续下一页的访问的元素是哪个？5.网页中的哪种元素是用于控制网页页而布局的有效方法？6.网页中哪种元索•能用于收集信息或实现一些交互式的效果？7.有些网页中还包含有声咅、动画、视频等，它们是哪一种元素？［归纳总结］1.文本是人类最重要的信息载体和交流工具。由文字制作出的网页占用空间小，当用户浏览吋，可以很快的展现在用戶而询。2.图像在网页屮可以起到提供信息、展示作品、

5、美化网页及体现风格等效果。一幅优秀的网页除了冇能吸引浏览者的文字形式和内容外，图形的表现功能是不能低估的。网页上的图形格式一般使用JPEG和GIF,这两种格式具有跨平台的特性。3.在浏览网页时，使用超链接能从一个网页跳转到另一个网页。链接是网页中一种非常重要的功能，是网页中最重要、最根本的元索之一。链接的标志有文字和图形两种。4.导航能使浏览者方便地返回主页或继续下一页的访问。5.网页屮的表格是一种用于控制网页页面布局的有效方法。表格具冇容量人、结构严谨和效果直观等多个优点，是网页中不可缺少的记录或总结工具。6.网页屮的表单能用于收集信息或实现一些交互式的

6、效果。通常网页的交互功能都是利用表单来实现的。表单是网页中站点服务器处理的一组数据输入域，当访问者单击按钮或图形来提交表单后，数据就会传送到服务器上。7.有些网页中还包含有声咅、动画、视频等，它们称为多媒体元素。【板述预设】由上可知，Web页包括的主耍元素有：文本、图像、超级链接、导航栏、表格、表单、多媒体及特效等。1.3网页制作工具【板述预设】1.3.1网页编辑工具【一般介绍】1.超文本标识语言(HTML)HTML(HypertextMarkupLanguage)是一种专门用于Web页制作的编程语言，用來描述超文本各个部分的内容，告诉浏览器如何显示文本，

7、怎样住成与别的文本或图像的链接点。HTML文档由文本、格式化代码和导向其他文档的超链接组成。2.DreamweaverDreamweaver是

8、]

9、Macromedia公司推出的一款在网页制作方而人众化的软件，它具有可视化编辑界面，用户不必编写复杂的HTML源代码就可以生成跨平台、跨浏览器的网页，不仅适合于专业网页编辑人员的需要，同时也容易被业余网友们所掌握。Dreamweaver支持动态HTML,并采川了RoundtripHTML技术，Dreamweaver是一种可以满足多层次需求、功能强大的可视化专业级网页设计及制作工具。3.FrontPageFron

10、tPage是由Microsoft公创推出的新一代Web网页制作工具