网页设计与制作-公开课件（讲义）.pptVIP

计算机学院教学实验中心 教师--焦福菊 单位：计算机教学实验中心 办公室：新主楼F114 jfj@ 主讲课程：大学计算机基础 全校 计算机基础操作 计算机学院 计算机网络实验及设计 计算机学院 计算机网络通讯实验 计算机学院 网页设计与制作 WWW基本知识 网站的建设与规划 使用FrontPage 2003制作网站 网站的发布和管理 本章重点 WWW基本知识 网站建设的基本过程 常用的网页制作工具 网页编辑 级联样式表CSS 网页布局的方法 应用表单实现网页交互的方法 网站的发布与管理 主题1 WWW基本知识 WWW(World Wide Web ) WWW是Internet上多媒体信息查询的工具。WEB由互相链接的网页构成，这些网页由普通文本、超文本Hypertext，以及图表、图片等等构成。 URL（Uniform Resource Locator） URL（统一资源定位符）是指向网络服务器中某个资源的地址，用字符串来表示。其中包括协议、主机域名（或IP地址）、端口号、文件名等等。 31:8080/dxjsj/ 31/ 主题1 WWW基本知识 超级链接（Hyperlink） 超级链接是包含在网页中指向其他网页的指针。 超文本 包含超链接的文本称为超文本。图像或图像的某部分也可以包含超链接。 超媒体 当网页中包含声音、动画、视频等其它媒体时，网页被称为是超媒体的。浏览器一般通过外挂的帮助程序来显示这些超媒体信息。 主题1 WWW基本知识 服务器 WWW服务器用来放置网页，始终循环等待客户端的服务请求，并把网页作为回答发送给客户端。 浏览器 用户通过浏览器来观看网页。浏览器发出服务请求，得到网页后，解释其中所含的网页内容和格式命令，并正确的显示出来。 网页与网站 网页由超文本标记语言（HTML，HyperText Markup Language）写成，网页之间通过超链接相互组织成为反映某一个或某几个主题的网站。 Web 工作模式 Web 工作模式 第一步：WEB浏览器向一个特定的服务器发送WEB页面请求 。 第二步：在每个WEB服务器上有一个服务进程在TCP的80端口上监听由浏览器发来的建立连接请求；在连接建立之后，寻找所请求的WEB页面，并将所请求的网页传送给浏览器。浏览器和服务器之间进行信息传输使用超文本传输协议HTTP协议。 第三步：WEB浏览器接收到所请求的网页，并按照预定的格式显示出来。 主题2 HTML语言简介 HTML是一种简单的标记语言，它主要用于描述Web文档的结构。HTML代码描述超文本文档的格式。格式由浏览器解释和执行。 主题2 HTML语言简介 例：html head title我的第一个主页/title /head body h1这是一个简单的例子/h1 img src=”../abc.gif” alt=”text” a href=北航a /body /html 主题3 网站建设的基本过程 申请域名 有一个人们容易记住的域名，可以方便用户访问网站。域名是独一无二的，需要向网络信息中心申请。 建立服务器主机 服务器主机应该能够提供7*24小时不间断联网服务，根据企业或个人的资金、网络维护能力等不同可以选择不同的服务方式。 自己建立服务器主机 大的企业、学校、政府部门等，有专门的技术人员维护。 主机托管模式 将服务器主机交给专门的网络运营部门管理。 虚拟主机模式 租用网络运营商服务器主机的部分存储空间。 主题3 网站建设的基本过程 设计网站 设计网站首先要确定网站的主题，围绕主题就可以确定网站的内容和网页的风格。确定了主题和风格后就需要组织文字、图片、声音等网页素材制作网页。 制作网页 网页是用HTML语言写出来的纯文本文档。 网站的维护与更新 制作好网页以后需要将网页及素材等文件复制到服务器中，并及时更新网页的内容。 主题4 网页设计 确定网站主题 主题确定网站主要传播哪些内容和提供哪些服务。 确定网页风格(选择视觉外观) 网页风格决定了网页的表现形式，决定于网站的主题和内容，以达到内容和形式的统一。 如：活泼欢快、严肃庄