第8章 网页设计基础.ppt

第8章 网页设计基础 Internet及多媒体应用 主要内容 8.1 概 述 8.1.1 网页的工作机制 网页 网页，又称Web页，是一种可以在WWW上传输的，能被浏览器识别和解释并呈现各种信息的页面。实质上是一个纯文本文件，它应用超文本和超媒体技术，采用HTML、CSS、XML等语言来描述组成页面的各种元素，包括文字、图片、声音、视频、动画等，并通过浏览器进行解释后，向浏览者呈现出来。 网页通常分为静态网页和动态网页两种。 8.1.1 网页的工作机制 网站 网站，又称Web站点或站点，它是万维网中的一个结点（即网络上的一个位置，包括服务器、网络设备和相关网络软件），每个结点可通过服务器上的一个文件夹存放不同的内容，服务器将整个文件夹在网上发布出去，这样其他用户可以通过WWW访问网站内容。这些内容可能是一组相关网页及其他辅助文件的集合，也可能只有一个网页。只要有独立的域名和空间，只有一个网页也可以是一个网站。 当用户上网进入网站后，网站总是向用户提供一个首先要访问的网页，该网页称为首页或主页，再通过超链接访问站点的其他网页。 8.1.1 网页的工作机制 静态网页 静态网页是纯粹的HTML文件，其文件扩展名是 .htm.、.html或 .shtml。它可以包含HTML标签、文本、Jave小程序、客户端脚本及客户端ActiveX控件。但这种网页不包含任何服务器端脚本，网页中的每一行HTML代码在它放置到Web服务器之前都是事先编写好的，在放到Web服务器以后其内容便不再发生任何更改，除非网页设计人员重新编写或修改，所以称之为静态网页。 8.1.1 网页的工作机制 动态网页 所谓动态网页是指网页文件中包含在服务器端执行的程序代码，需要应用程序服务器根据用户提供的不同信息而执行该程序代码进行数据处理，从而动态地生成不同的网页内容；可根据需要通过后台数据库提供实时数据更新和数据查询服务，然后将结果发送到浏览器端呈现。这类网页通常采用ASP、PHP或JSP等技术来设计，根据所采用的技术不同，网页文件的扩展名也不同，如 .asp，.aspx，.jsp，.php，.cgi等。 静态网页的访问过程 ① Web 浏览器请求静态页面。 ② Web 服务器查找该页面。 ③ Web 服务器将该页面发送到请求浏览器。 动态网页的访问过程 ① Web 浏览器请求动态页面。 ② Web 服务器查找该页面并将其传递给应用程序服务器。 ③ 应用程序服务器扫描并执行该页面中的指令，动态生成结果页面。 ④ 应用程序服务器将生成的页面传递回Web服务器。 ⑤ Web服务器将结果页面发送到发出请求的浏览器。 站点的作用 一个网页是由多个文件构成，各文件之间的相对位置不可随意变更。 建立网站，将所有网页文件放在网站文件夹内是管理文件之间相对位置关系的好办法。 使用dreamweaver的站点功能帮助用户自动管理网站中多个网页之间以及其他素材之间的连接关系。 新建站点的方法 新建mywebsite文件夹。 在资源管理器中建立一个文件夹后，启动Dreamweaver，选择“站点”、“新建站点” 。 输入“站点名称”，并选择mywebsite文件夹。 我们的要求 站点名称统一为：mywebsite 不得使用my web 、my webs、 mywebs等其他任何名字作为网站名称。 不得将网站保存在桌面或C盘的任何位置。 自己的所有网页文件（扩展名为htm的文件）保存到mywebsite文件夹中（不要放到子文件夹） index.html文件名保留，作为网站的第一个文件。 制作网站第一次上机 新建mywebsite文件夹及其子文件夹。 在资源管理器中建立一个文件夹后，启动Dreamweaver，选择“站点”、“新建站点” 。 启动资源管理器，将自己准备的素材复制到文件夹E:\mywebsite\images中。 每个网站只有一个index.html文件，其他文件的文件名可自由命名，但文件名最好有意义，能代表文件内容，不要随意乱取。 下课前上传：关闭Dreamweaver,启动资源管理器，在E:盘中选定mywebsite文件夹，将该文件夹压缩成一个文件mywebsite.rar,上传该文件到自己帐号根目录下。 制作网站第二次及以后上机 到自己帐号中将mywebsite.rar文件下载到当前计算机的E:\ 启动资源管理器，如果E:\盘中已经有myweb文件夹，先删除它！将mywebsite.rar释放到当前文件夹中。 启动Dreamweaver,选择菜单“站点”、“新建站点”,将mywebsite作为站点。 继续编辑网页，但保存时不要使用index.html文件名。 下课前上传：关闭Dreamweaver,启动资源管理器，在E:盘中选定m