文档介绍：信息处理技术基础教程
第7章网页制作
第7章网页制作 学习目标:本章介绍制作静态网页的工具方法和技巧,了解动态网页的制作过程。其中涉及到: ·网页制作语言和工具介绍 ·网站概念与创建网站步骤 ·网页的布局与链接 ·信息交互—表单应用 ·网站的发布与维护
网页制作语言和工具
网页制作语言
制作网页,通常需要网页制作软件、图形处理软件和网页动画软件的配合使用来完成,在介绍以上内容之前,有必要了解一些网页制作的语言知识。
⒈ HTML 语言
HTML(HyperText Markup Language)即超级文本标志语言的缩写
HTML不是一种“所见即所得”的文本标志语言,它只是标记了一个对象如何显示,剩余的全部工作包括翻译、显示等都留给了浏览器。
制作网页可以使用HTML语言,也可以使用各种各样的网页编辑器
常用的HTML标记符号及简要说明见表7-1。
网页制作工具
制作网页的工具很多,且各有特点。
被称为网页制作三剑客的Flash、Fireworks和Dreamweaver,使用最为广泛。
下面简单介绍几种常用的网页编辑工具。
⒈ FrontPage
易学易用,适合于网页设计的初学者。
⒉ Dreamweaver MX
Dreamweaver MX 支持编写的网页文件非常多,它已经可以实现完整的数据库文件的编写,也是一个“所见即所得”的可视化网站开发工具,众多专业网站和个人主页将其作为建站的首选工具。
⒊ Adobe Pagemill
使用起来很方便,非常适合初学者。
⒋ HotDog
HotDog是初学者较容易上手的网页制作工具。
网站的概念与网站设计步骤
⒈网站设计与网站制作。网站“设计”与网站“制作”的区别在于:设计是一个思考的过程,而制作只是将思考的结果表现出来。一个成功的网站首先需要一个优秀的设计,然后辅之优秀的制作。所以,设计是网站的核心和灵魂,一个相同的设计可以有多种制作表现的方式。
⒉“网站”是指有确定主题和明确目的的实用性站点,不包括纯表现类或者纯文字类网站。
设置站点
所谓站点,就是一组相关主题的网页通过各种链接关联起来的集合。在使用Dreamweaver 制作网页之前,应建立一个本地站点,用来管理创建的网页。
Dreamweaver 既可以导人一个站点进行修改,也可以创建一个新站点。
创建 Web 站点最常见的方法就是在本地磁盘上创建并编辑网页,然后将这些网页拷贝并上传到一个远程 Web 服务器上,使公众可以访问它。
⑴ Web 站点:一组位于服务器上的网页,使用 Web 浏览器访问该站点的访问者可以对其进行浏览。
⑵远程站点:服务器上组成 Web 站点的文件。
⑶本地站点:与远程站点上的文件对应的本地磁盘上的文件。
网页中常用文件格式
计算机中使用到的文件格式有很多种,但由于受到网络带宽和浏览器的限制,在Web上常用的文件类型有:
声音文件:.wav .mid .wma .mp3(该文件比较大,常用超链接调用)
图形文件:.jpeg .jpg .png .gif(动画文件)
文本文件:.html .htm .txt
影像文件:.mpeg .mpg .mpe .qt .mov .avi
压缩文件:.zip .z .gz .bz
以上文件类型在网页制作中可以从某个超链接直接链接到该文件或将该文件直接插入网页。
绝对路径与相对路径
网页中插入的对象并没有真正嵌入到网页中成为网页的一部分,这与Word中插入图像和多媒体对象是不同的。
⒈绝对路径
绝对路径是文件在硬盘上的真正路径
⒉相对路径
相对路径是指插入的对象相对当前网页所在的文件夹位置
在网页中使用表单
表单是实现交互功能的主要方式。用户通过表单可以进行高级的人机对话、进行数据查询和收发Email等。
表单使用户不仅仅是信息的被动接收者,还是信息的主动发布者。
图7-14 表单示例