网页设计三剑客电子课件.ppt

《网页设计三剑客电子课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第1章网页设计快速入门（时间：2次课，4学时）第1章网页设计快速入门使用Dreamweaver软件可以设计出精美、富有动感的网页，但是要制作出令人满意的网页，不仅要熟练地使用Dreamweaver，还要掌握网页的一些基本知识和网站建设的基本流程。本章将讲解一些关于网页设计的基础知识，为后面学习网页制作打下基础。第1章网页设计快速入门1.1网站的基本概念1.2网页制作基础1.3网页的构成分析1.4创建与发布网站的基本流程1.5网页设计常用软件1.1初识网站与网页1.1.1网站的基本概念1.1.2网页中的文字和图像1.1.3网页中使用的动画与

2、视频影像1.1.4网页中使用的声音1.1.5静态网页与动态网页1.1.1网站的基本概念网站是发布在网络服务器上由一系列网页文件构成的、为访问者提供信息和服务的网页文件的集合。网页是网站的基本组成要素，一个大型网站可能含有数以百万计的网页，而一个小的企业网站或个人网站可能只有几个网页。上网用户可以通过网页浏览器或者其他浏览工具访问网页以获取网站的信息和服务。中国互联网络信息中心（CNNIC）在进行中国互联网络发展状况统计时把网站定义为：网站是指有独立域名的Web站点，其中包括CN和通用顶级域名下的Web站点。独立域名指的是每个域名最多只对应

3、一个网站“WWW+域名”。1.1.2网页中的文字和图像1.1.3网页中使用的动画与视频影像1.1.4网页中使用的声音适当地在网页中加一些音乐效果，会使网页更具吸引力。网上流行的声音格式有MIDI、WAV、MP3及RealAudio。在一些博客网页中会经常添加背景音乐，当打开博客页面后会自动播放优美的音乐。1.1.5静态网页与动态网页静态网页和动态网页主要根据网页制作的语言来区分：静态网页使用HTML（HypertextMarkedLanguage，超文本标记语言），动态网页使用HTML＋ASP或HTML＋PHP或HTML＋JSP等。1.2

4、网页制作基础在这个网络盛行的时代，很多公司或个人建立了自己的网站。想要自己创建网站，首先要了解制作网页时所涉及的常用术语，这是网页制作的基础。1.2.1万维网万维网（WorldWideWeb，WWW）是一个资料空间。在这个空间中，一样有用的事物称为一种“资源”，并且由一个“统一资源定位符”（UniformResourceLocator，URL）标识。这些资源通过超文本传输协（HypertextTransferProtocol）传送给使用者，而后者通过网上查询找到需要的资源，通过单击链接来查看或是下载相应的资源。从另一个观点来看，万维网是一

5、个通过网络存取的互连超文件（interlinkedhypertextdocument）系统。1.2.2超文本标记语言超文本标记语言是一种用来制作超文本文档的简单标记语言。超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行的操作。HTTP的制定使浏览器在运行超文本时有了统一的规则和标准。用HTML编写的超文本文档称为HTML文档，能够独立于各种操作系统平台，自1990年以来HTML就一直被用作万维网的信息表示语言，使用HTML语言描述的文件需要通过Web浏览器显示出效果。1.2.3网站、网页与主页网站是一个组织（公司、学校、部

6、门等）或者个人建立在Internet上的站点。网站通常都是为了特定的目的而创建的，专门为用户提供某方面的服务。例如，有的网站专门提供新闻信息，有的网站专门提供流行音乐，还有的网站专门提供软件下载等。一个网站通常由许多网页组成。网页内容可以包含多种字体和样式的文本、各种图片、电影片段和声音等。主页是进入网站后的第一个网页，也称为首页。该页面是进入网站中其他网页的“入口”。通过主页上的介绍或说明，用户可以在短时间内了解网站所提供的信息和服务项目。1.2.4超级链接万维网之所以成为Internet中最引人瞩目、最受欢迎的应用，不仅是因为Inte

7、rnet提供了多媒体的浏览方式，更在于能够通过简单的鼠标操作就可以获得更多的信息。在这种交互过程中，超级链接起着十分重要的作用，是用户在万维网中畅游的航标。在网页中，超级链接表现为一些标有颜色或下划线的文字或图标，将鼠标指针移到超级链接上时，鼠标指针就会变成小手形（还有一些特定的鼠标指针形状），单击该文字或图标，就可以轻而易举地跳转到当前网站的其他网页或者相关的网站。1.2.5URL1.2.6网页编辑器随着HTML技术的不断发展和完善，出现了许多网页编辑器。从网页编辑器的基本性质上可以分为“所见即所得”网页编辑器和“非所见即所得”网页编辑

8、器（源代码编辑器）。1.3网页的构成分析一个网页给人的直观感觉就是由文字、图片、动画音频和视频等元素共同构成的，本节将对网页的构成进行分析。1.3.1网站标志1.3.2导航栏1.3.3广告条1