(制作基础.pptxVIP

第2章 网页设计制作概述2.1 网页、网站的概念1.网页、网站和主页网页：在网站中，供用户阅读的一个个页面，就称之为“网页”，又称为Web页。 网页是按照网页文档规范编写的一个或多个文件，这种格式的文件由超文本标记语言（HTML）创建。网站：是一系列网页的组合，这些网页拥有相同或相似的属性并通过各种链接相关联。通过浏览器，可以实现网页的跳转，从而浏览整个网站。第2章 网页设计制作概述根据网站内容来分，可以将网站分为4类，即门户网站、职能网站、专业网站和个人网站。门户网站　： 一种涉及领域最广的网站，它包括了很多的功能及页面，涉及到人们生活的方方面面，比如具有搜索、论坛、聊天室、电子邮箱、虚拟社区、短信等功能；新闻、娱乐、体育、音乐、影视、文学等页面。一般这类网站的外观都比较简洁，但功能齐全，用户想要的资源在它上面基本都能找到。 目前在国内比较有影响力的大型门户网站有雅虎中国（）、新浪）、搜狐（）及网易（）、及等。第2章 网页设计制作概述职能网站 这是一类具有专门功能的网站，如政府部门的网站、商务网站等。其中电子商务网站主要是用于在网上进行产品交易的网站，现在很多企业都在网上建立了自己的商务网站，用于自己公司产品的宣传及在网上进行商品的交易。 电子商务网站在国内很多，其中比较出名的有阿里巴巴（）、卓越网（）、易趣网（）及当当网上书店（）等。第2章 网页设计制作概述专业网站 专业网站的专业性非常强，它一般只涉及生活中的某一领域，但内容却十分专业广博，一般为一些专业人士提供服务。 这类网站也较多，比较有代表性的有网页制作大宝库（）、黄金书屋（）等，中央电视台CCTV（）的网站也是这类性质的。 第2章 网页设计制作概述个人网站 个人网站一般是个人为了兴趣爱好或为了展示自己等目的而建设的站点。由于该类站点都为个人建立，因此具有很明显的个人色彩，无论从内容、风格、样式上，都形色各异、罗万象。 这类网站在网上随处可见，优秀的也不少，比较不错的有南天俱乐部（）和情感天空（）等。第2章 网页设计制作概述主页：就是网站默认的网页，通常指用户进入网站后所看到的第一个页面（一般为index.htm或default.htm）。对于整个网站来说，主页的设计至关重要。2.静态网页和动态网页静态网页：指客户端的浏览器发送URL请求给WWW服务器，服务器查找需要的超文本文件，不加处理直接下载到客户端，其页面内容使用的仅仅是标准的HTML代码。第2章 网页设计制作概述动态网页技术根据程序运行的区域不同，分为客户端动态技术和服务器端动态技术。客户端动态技术不不需要与服务器进行交互，实现动态功能的代码往往采用脚本语言形式直接嵌入到网页中，常见的客户端动态技术包括：JavaScript、ActiveX和Flash等。服务器端动态技术需要与客户端共同参与，一般涉及数据库操作的网页（如注册、登录和查询等）都需要服务器动态技术程序。典型的服务器动态技术有ASP、PHP、JSP及CGI等。第2章 网页设计制作概述2.2 构成网页的基本元素构成网页的常见元素主要有文本、图片、超级链接、动画、音乐、表单等。如图所示是一个站点的首页。第2章 网页设计制作概述1、文本 网页中的信息也以文本为主。与图片相比，文字虽然不如图片那样能够很快引起浏览者的注意，但却能准确地表达信息的内容和含义。 2、图片 用户在网页中使用的图片格式主要包括GIF、JPEG和PNG等，其中使用最广泛的是GIF和JPEG两种格式。 3、超级链接 超级链接技术是WWW流行起来的最主要的原因。它是从一个网页指向另一个目的端的链接。4、动画 在网页中为了更有效地吸引浏览者的注意，许多网站的广告都做成了动画形式。网页中的动画主要有两种：GIF动画和Flash动画。其中GIF动画只能有256种颜色，主要用于简单动画和图标。第2章 网页设计制作概述5、声音和视频 声音是多媒体网页的一个重要组成部分。用于网络的声音文件的格式非常多，常用的有MIDI、WAV、MP3和AIF等。很多浏览器不要插件也可以支持MIDI、WAV和AIF格式的文件，而MP3和RM格式的声音文件则需要专门的浏览器播放。 6、导航栏 导航栏的作用就是引导浏览者游历站点。事实上，导航栏就是一组超级链接，这组超级链接的目标就是本站点的主页以及其他重要网页。7、表格 在网页中表格用来控制网页中信息的布局方式，包括两个方面：一是使用行和列的形式来布局文本和图像以及其他的列表化数据；二是可以使用表格来精确控制各种网页元素在网页中出现的位置。第2章 网页设计制作概述8、表单 网页中的表单通常用来接受用户在浏览器端的输入，然后将这些信息发送到网页设计者设置的目标端。这个目标可以是文本文件、Web页、电子邮件，也可以是服务器端的应用程序。表单一般用来收集联系信息、