网页制作的基本方法.ppt

Dreamweaver网页制作 网站，站点，网页 网站：在internet 网上有自已独立的internet地址和IP地址的计算机系统，或者我们叫主机。（比如：网易，sohu等） 站点：分为本地站点和远程站点。本地站点是在自已的计算机上建立的用于存储本地信息资源的一种形式。而远程站点是在主机上分配一定的存储空间，用于存储本地站点的所有的信息。 网页却是它们（网站，站点的组成部分） 网页，网站，站点 网页基本概念： 网页是网页是一种在网络上传送的特殊文件。它的扩展名一般为htm或html。 网页是由文字、图像、动画、表格、声音等多种媒体组成的。 网页必须使用浏览器软件来打开。 网页，网站，站点 网页的类型 静态网页 在网站设计中，纯粹HTML格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页制作的。静态网页以.htm、.html、.shtml、.xml等为后缀的。在HTML格式的网页上，也可以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动字母等，这些“动态效果”只是视觉上的。 动态网页 动态网页是指使用网页脚本语言，比如php、asp、、jsp等编写，通过脚本将网站内容动态存储到数据库，用户访问网站是通过读取数据库来动态生成网页的方法。网站上主要是一些框架基础，网页的内容大都存储在数据库中。 网页，网站，站点 区别 程序是否在服务器端运行，是重要标志。在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间，返回不同的网页，例如ASP、PHP、JSP、ASP.net、CGI等。运行于客户端的程序、网页、插件、组件，属于静态网页，例如html页、Flash、JavaScript、VBScript等等，它们是永远不变的。 网页，网站，站点 网站的基本概念 网站是由若干个网页组成的。网页有序地链接在一起就构成网站。 在internet 网上有自已独立的internet地址和IP地址的计算机系统，或者我们叫主机。（比如：网易，sohu等） 网页，网站，站点 站点的基本概念 分为本地站点和远程站点。 本地站点是在自已的计算机上建立的用于存储本地信息资源的一种形式。 远程站点是在主机上分配一定的存储空间，用于存储本地站点的所有的信息。 其他一些概念 文件的概念 网页文件：是以网页编程语言编写的文件，根据编写语言的不同分为动态和静态两种 网页上显示的图片、动画、视音频、flash等信息，并不存在与网页文件中，而是通过在网页文件中调用相关文件的形式实现的 编辑网页文件的工具可以是网页制作软件，可以是编程软件，也可以是记事本软件 其他一些概念 路径概念 绝对路径：就是从根目录开始一直到该目录的全程的路径，举个例子：“c:\apache\htdocs\cgi-bin\test.htm就是文件test.htm的绝对路径 相对路径：就是相对于当前目录的路径，举个例子：例如当前目录目录是 “c:\apache\htdocs” ，那么 c:\apache\htdocs\cgi-bin\test.htm文件相对与当前目录的路径就是cgi-bin\test.htm 其他一些概念 首页 首页是最重要的网页，就像书中的目录页一样，通过首页的引导，我们可以访问其它的网页。首页是进入网站时默认打开的首页面。首页的文件名一般是index(index的中文含义是索引）或default（默认的意思），扩展名有htm、html、asp、aspx、php、jsp等 网站制作的步骤 网站制作的一般步骤： 第一步　网站规划 　网站内容、结构（三层）、特色、色调、功能、风格等信息 第二步　资料准备收集所需信息：包括，文字、图像（动画）、脚本、数据库等 第三步 web服务器准备（可选） 选择合适的web服务器如：iis（internet information server）、apache等 第四步 网页外观设计 使用图像处理软件（photoshop、fireworks等）绘制网页图像并对图像制作切片，导出成页面文件 第五步 创建网站，制作网页，调试完成 针对各类网页的特点，使用不同的编辑器。如，FrontPage 、Dreamweaver 等，完成静态和动态程序的编写 网页制作常用方法 1、准备网页制作素材 2、规划网页布局 3、使用图像处理软件（如Fireworks、Photoshop等）绘制网页完整图像 4、对绘制的网页图片制作切片，并导出成网页文件 5、在网页制作软件中对导出的网页文件进行修改完善。 使用Fireworks绘制网页图像 1、新建文档，并设定文档参数 使用Fireworks绘制网页图像 2、在新建文档中完整绘制出要制作的网页图片 对绘制好的网页图片制作切片 选择“切片”工具