网页制作基础知识.pdf

网页制作基础知识 张志平 苏州大学网络中心 网页的实质 网页相当于刊物中所发表的一篇篇文章，但与 纸上的文章相比，它增加了多媒体信息和网上交 互的功能。 网页的实质 = 表格+文本+图片+动画+声音+超 级链接+…… 网站的实质 网站相当于发行到全世界的期刊。 网站的实质 = 服务器上的文件夹 主页相当于期刊的封面。 主页的实质 = 打开网站的第一个网页 网页和网站的分类 网页现在可分为静态网页和动态网页两大类， 由此，网站也可以相应被称为“静态网页网站”或“ 动态网页网站” 什么是静态网页、动态网页? 所谓静态网页，指的是网页从服务器传到客户 端时，网页的内容是“固定不变”的，也就是说， 服务器只是把所存储的网页的内容原封不动直接 传递给客户端浏览器，这种网页一般是标准的 HTML代码。 什么是静态网页、动态网页? 所谓动态网页，它在由服务器传递给客户端 的时候必须由服务器把它转换成相应的HTML格 式，而且会根据用户的要求和选择在在服务器端 做出相应的改变和响应。 动态网页一般要用专门的脚本语言编写，如 ASP 、ASP.NET 、PHP、JSP等等。 制作静态网页的工具 静 静 态 用HTML语言直接编写 态 网 网 用WORD编写 页 页 制 用Dreamwaver编写 制 作 用Frontpage编写 作 工 工 …………………… 具 具 制作静态网页的工具 图片编辑工具：Photoshop、Firworks等； 动画制作工具：Flash、Swish、Cool 3d等 ； 还有网页特效工具：有声有色、网页特效梦工 厂等。 静态网页与word文本有何不同？ 我们在用word写文章时，由于word排版功能强 大，我们只要定义好行距、分栏和图片插入方式， 就可以实现图文混排。 但html语言却没有这样强大的图文混合排版能力 ，甚至连定义行距的功能都不够理想。所以一切网 页上的对象，都要装入页面的表格之中，才能精确 定位。这就是两种文本制作时最大的不同。 静态网页(站)制作的一般步骤 网页（站）规划 制作主页及超级链接 制作二级页面及超级链接 申请站点域名和空间 上传发布全部网页 定期更新维护，每次更新都要重新制作一 大批网页 静态网页制作的具体步骤 方法一 使用Photoshop制作一个页面的图片； 将制作好的图片进行“切片”，并保存为网页方 式； 用Dreamwaver对生成网页进行编辑。 静态网页制作的具体步骤 方法二 使用Photoshop制作需要的图片； 在Dreamwaver中创建页面，在相应的位置插 入图片，并编辑文字等。 静态网页制作的具体步骤 方法三 使用Photoshop制作需要的图片； 在Word 中进行编辑，插入相应的图片，将编 辑好的文档另存为HTML格式； 用Dreamwaver对生成网页进行编辑。 Photoshop使用简介 常用网页图片文件的格式有两种：GIF和JPG 。 一般情况下，GIF文件多用于单一颜色块而没有 渐变色的图片，或者需要设置透明区域的图片， 或者动画图片；JPG文件则用于要求质量较高的 图片。 Photoshop使用简介 Photoshop使用简介 网页制作工具很多，Photoshop是一个很不错的 选择。利用Photoshop制作网页的一般步骤是： Photoshop使用简介 标题栏