网页设计基础教程.pptxVIP

网页的基本知识;本章学习内容;一、什么是网页

;动态网页是基本的HTML语法规范与Java、PHP、VC等高级程序设计语言、数据库编程等多种技术的融合，以期实现对网站内容和风格的高效、动态和交互式的管理。页面代码虽然没有改变，但显示的内容是可以随着时间、环境或者数据库操作的结果而发生改变的。

;三、网页的基本元素

;2.图像。

图像是网页的重要组成部分，与文字相比，图像更加直观、生动。图像在整个网页中可以起到画龙点睛的作用，图文并茂的网页比纯文本更能吸引人的注意力。

计算机图像格式有很多种，但在网页中可以使用的只有JPEG、IJPG、GIF和PNG格式。GIF格式可以制作动画，但最多贝支持256色；JPEG格式可以支持真彩色，只能为静态图像;PNG格式既可以制作动画又可以支持真彩色，但文件大，下载速度慢。;3.Flash动画。

用Flash可以创作出既飘亮又可改变尺寸的导航界面以及各种动画效果。Flash动画文件体积小，效果华丽，还具有极强的互动效果，由于它是矢量的，所以即使放大也不会出现变形和模糊。

Flash的源文件格式为“.fla”，生成的用于网络上传输的文件格式为“.swf”.

;4.超链接。

互联网上有数以百万的站点，要将众多分散的网页联系起来，构成一个整体，就必须在网页上加入链接，超链接实现了网页与网页之间的跳转，是网页中至关重要的元素。通过超链接可以将链接指向图像文件、多媒体文件，电子邮件地址或可执行程序。在一个完整的网站中，至少要包括站内链接和站外链接。;?站内链接:如果网站规划了多个主题版块，必须给网站的首页加入超链接，让浏览者可以快速地转到感兴趣的页面。在各个子页面之间也要有超链接，并有能够回到主页的链接。通过超链接，浏览者可以迅速找到自已需要的信息。

?站外链接:在制作的网站上放置些与网站主题有关的对外链接，不但可以把好的网站介绍给浏览者，而且能使浏览者乐意再度光临该网站。如果对外链接信息很多，可以进行分类。

;5.表单。

表单是获取访问者信息并与访问者进行交互的有效方式，在网络中应用非常广泛。访问者可以在表单对象中输入信息，然后提交这些信息。表单分为文本域、复选框、单选按钮、列表菜单等。比如制作发送电子邮件表单、制作跳转菜单和在网页中加入搜索引擎等。

;6.音频和视频

通过音频进行人机交流逐步成为网页交互的重要手段。浏览网页时，一些网页设置了背景音乐，伴随者优美的乐曲，浏览者在网上冲浪会更加惬意。但是加入音乐后，网页文件会变大，下载时间会增加。;四、网页制作相关软件

;五、什么是站点;一般站点文件夹内包括三个文件夹。

webs：用来存放网站的所有网页。

images：用来存放网站的所有图片。

Common：用来存放网站的所有css样式、js、php等公共文件

Media：用于存放flash、avi、quicktime等多媒体文件。

;六、站点文件夹和网页文件命名规则

;2.网页文件命名规则

(1)文件名可使用a～z、A～Z、0～9、减号（-）和下划线（_）等字符；

(2)禁止使用特殊字符，如：@、#、$、%、、*。

(3)文件名之间不能有空格。

(4)首页文件名是网页服务器预设的，所以文件名必须按照网页服务器的定义命名，通常为index.htm、index.HTML、default.htm。

(5)大部分网页服务器都区分大小写，最好统一使用小写英文，尤其是关键网页文件，如default.htm。

(6)文件名长度以简单短小为原则。建议尽量使用一些简单易懂的缩写，如集团介绍（groupprofile），可以将这个网页命名为group_pro.htm。

;七、实训;实训二创建hehua站点

1．实训目的

掌握在DWCS中如何创建站点；

掌握站点编辑、删除、导入、导出。

2．实训要求

要求用户创建文件夹并掌握站点的编辑。;HTML元素;本节学习内容;一、什么是HTML

HTML标记(HyperTextMarkupLanguage)超文本标记语言，是构成网页文档的主要语言。它利用标记来描述网页的字体、大小、颜色及页面布局，使用任何文本编辑器都可以对其进行编辑。

二、HTML的主要成分

HTML元素主要包括三种成分标记属性和值。

1.元素

HTML元素指的是从开始标记(starttag)到结束标记(endtag)之间的所有代码。HTML以开始标记起始，以结束标记终止，在开始标记与结束标记之间是元素的内容。

例如：h1align=“left”网页案例教程/h1

上面所示的是一个标题，标题的开始标记为h1，结束标记为/h1，;2.属性和值

大多数HTML元素都拥有属性，一个元素可以有一个或多个属性，每个属性都有各自的值，不同的属性之间需用空格隔开