网页设计——网页基础知识.pptxVIP

1.1网页概述 1.2 网页制作工具简介 1.3 HTML基础 1.4 实践技能训练;1.1.1什么是网页 Web直译过来就是“网”，可以理解为通过超级连接将各种文档连接起来的一个大规模的信息集合。 网页（Web页）实际上就是HTML文件，是一种可以在WWW网上传输，并能被浏览器认识和翻译成页面的文件。 WWW是“World wide web”的缩写；HTML则是“HyperText Markup Language”的缩写，意为“超文本标记语言”，它是一种规范，一种标准。超文本就是指页面可以包含图片、链接、音乐等非文字的元素。 制作网页所需要的硬件和软件： 硬件：计算机主频最好的PⅡ以上，内存最好在128MB以上，必须有足够大的空间来存放网页素材。 软件：Dreamweaver 8.0是目前制作网页的最新版本，Frontpage也是一个不错的产品。处理网页图像和文字可以选择Fireworks，若要制作网页动画，可以选择 Flash。;1.1.2 网页中的基本元素 网页包括的主要元素有： 文本、图像、动画、声音、视频、表格、表单等。 ;1.1.2 网页中的基本元素 1.文本 文本是人类最重要的信息载体和交流的工具，网页的主体一般以文本为主。在制作网页时，可以根据需要设置文本的字体、字号、颜色以及所需要的其他格式。 文本在网页中的主要功能是显示信息和超级链接，文本通过文字的具体内容与不同的格式来显示信息的重要内容，这是文本的直接功能。此外，文本作为一个对象，往往又是超级链接的触发体，通过文本表达的链接目标指向相关内容。 2.图像 图像在网页中可以起到提供信息、展示作品、美化网页以及体现风格等效果。图像可以用作标题、网站标志、网页背景、链接按纽、导航条、网页主图等，网页中使用图像的格式主要有：GIF、JPEG、PNG等格式。;1.1.2 网页中的基本元素 图像 ⑴GIF图像。GIF(graphics interchange format)由Compu-Serve公司1987年6月制订。GIF通常对于卡通、图像、Logo、以及带有透明区域的图像、动化很有作用。 GIF文件格式的扩展名是“.gif”. ⑵JPEG图像。JPEG（joint photographic experts group 联合照片专家组）是一种特别为照片图像设计的图片压缩处理格式。JPEG文件采用先进的压缩算法，可以保持较好的图像保真度和较高的压缩比。JPEG文件格式的扩展名为 “.jpg”. ⑶ PNG图像。PNG（portable network graphic）即可移植网络图形。PNG图像是专门针对Web开发的一种无损压缩图像，它的压缩比要大大超过许多传统的图像无损压缩算法，同时还支持透明背景和动态效果。PNG文件格式的扩展名是“.png”;1.1.2 网页中的基本元素 3.动画 动画实质上就是动态的图像。在网页中使用动画可以有效地吸引浏览者的注意。由于活动的对象比静止的对象更具有吸引力，因而，网页上通常有大量的动画。网页中使用较多的动画是GIF动画和Flash动画。 4.声音 声音是多媒体网页的一个重要组成部分。用于网络声音文件格式非常多，常用的是MIDI、MAV、MP3和AIF等。 一般来讲，不要使用声音文件作为网页的背景音乐，那样会影响网页的下载速度。可以在网页中添加一个链接来打开声音文件作为背景音乐，让播放音乐变得可以控制。 浏览器的不同，处理声音文件的方式也会有很大的差异和不一致的地方，最好将声音文件添加到Flash影片中，然后嵌入SWF文件以改善一致性。;1.1.2 网页中的基本元素 ⒌视频 在网页中视频文件格式也非常多，常见的有RealPlayer、MPEG、AVI和DivX、flash等。 ⒍表格 表格是一种用来控制网页中页面布局的有效方式。为了达到理想的视觉效果，通常都不显示边框，我们所看到的网页如果具有横竖分明的风格，一般都是用表格来辅助布局的。 许多设计人员使用表格对网页进行布局。Dreamweaver提供两种方式来查看和操作表格：标准视图和布局视图。在标准视图中，表格显示为行和列的网格，而布局视图允许创建者在将表格用做基础结构的同时在网页上绘制、移动方框以及调整方框的大小。;1.1.2 网页中的基本元素 ⒎表单 表单是一种特殊的网页元素。表单的主要用途是：收集联系信息、接受用户要求、获得反馈意见、设置访问者签名、让浏览者输入关键字去搜索相关网页、让浏览者注册会员或以会员身份登录。登录的用户名、密码、搜索引擎等都是表单。