网页设计与制作案例教程-全套PPT课件.pptx

网页的基本知识;本章学习内容;一、什么是网页;动态网页是基本的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、quick time等多媒体文件。 ;六、站点文件夹和网页文件命名规则;2. 网页文件命名规则 (1) 文件名可使用a～z、A～Z、0～9、减号（-）和下划线（_）等字符； (2) 禁止使用特殊字符，如：@、#、$、%、、*。 (3)文件名之间不能有空格。 (4)首页文件名是网页服务器预设的，所以文件名必须按照网页服务器的定义命名，通常为index.htm、index.HTML、default.htm。 (5)大部分网页服务器都区分大小写，最好统一使用小写英文，尤其是关键网页文件，如default.htm。 (6)文件名长度以简单短小为原则。建议尽量使用一些简单易懂的缩写，如集团介绍（group profile），可以将这个网页命名为group_pro.htm。 ;七、实训;实训二 创建hehua站点 1．实训目的 掌握在DWCS中如何创建站点； 掌握站点编辑、删除 、导入、导出。 2．实训要求 要求用户创建文件夹并掌握站点的编辑。;HTML元素;本节学习内容;一、什么是HTML HTML标记(Hyper Text Markup Language)超文本标记语言，是构成网页文档的主要语言。它利用标记来描述网页的字体、大小、颜色及页面布局，使用任何文本编辑器都可以对其进行编辑。 二、HTML的主要成分 HTML元素主要包括三种成分标记 属性和值。 1.元素 HTML元素指的是从开始标记(start tag)到结束标记(end tag) 之间的所有代码。HTML以开始标记起始，以结束标记终止，在开始标记与结束标记之间是元素的内容。 例如：h1 align=“left”网页案例教程/h1 上面所示的是一个标题， 标题的开始标记为h1 ，结束标记为/h1，;2. 属性和值 大多数HTML元素都拥有属性，一个元素可以有一个或多个属性，每个属性都有各自的值，不同的属性之间需用空格