[大学计算机基础第9章网页设计与制作2007.pptVIP

大学计算机基础 第9章 网页设计与制作 本章重点 网页基本知识 网站建设的基本过程 常用的网页制作工具 使用FrontPage 2003建立网站 使用FrontPage 2003 编辑网页 级联样式表CSS 网页布局的方法 应用表单实现网页交互的方法 网站的发布与管理 9.1 网站的建设与规划 9.1.1 网页基本知识 9.1.2 HTML语言简介 9.1.3 常用的网页制作工具 9.1.1 网页基本知识 WWW(World Wide Web ) WWW是Internet上多媒体信息查询的工具。WEB由互相链接在一起的网页构成，这些网页是由普通文本、超文本Hypertext，以及图表、图片等构成。 URL（Uniform Resource Locator） URL（统一资源定位器）是指向网络服务器中某个资源的地址，用字符串来表示。其中包括协议、主机域名（或IP地址）、文件名等等。 超级链接（Hyperlink） 超级链接是包含在网页中指向其他网页的指针。 超文本 包含超链接的文本称为超文本。有时图像或图像的某部分也可以包含超链接。 网页基本知识 超媒体 当超文本网页中包含声音、动画、视频等其它媒体时，网页被称为是超媒体的。浏览器一般通过外挂的帮助程序来显示这些超媒体信息。 浏览器 用户通过称为浏览器的软件来观看网页，浏览器取回所请求的网页，解释其中所含的文本和格式命令，并正确的显示出来。 网页与网站 网页由超文本标记语言（HTML，HyperText Markup Language）写成，网页之间通过超链接相互组织成为反映某个主题的网站。 Web 工作模式 第一步：WEB浏览器向一个特定的服务器发送WEB页面请求 。 第二步：在每个WEB服务器上有一个服务进程在TCP的80端口上监听由浏览器发来的建立连接请求；在连接建立之后，寻找所请求的WEB页面，并将所请求的网页传送给浏览器。浏览器和服务器之间进行信息传输使用超文本传输协议HTTP协议。 第三步：WEB浏览器接收到所请求的网页，并按照预定的格式显示出来。 网站建设的基本过程 申请域名 有一个人们容易记住的域名，可以方便用户访问网站。域名是独一无二的，需要向网络信息中心申请。 建立服务器主机 服务器主机应该能够提供7*24小时不间断联网服务，根据企业或个人的资金、网络维护能力等不同可以选择不同的服务方式。 自己建立服务器主机 大的企业、学校、政府部门等，有专门的技术人员维护。 主机托管模式 将服务器主机交给专门的网络运营部门管理。 虚拟主机模式 租用网络运营商服务器主机的部分存储空间。 设计网站 设计网站首先要确定网站的主题，围绕主题就可以确定网站的内容和网页的风格。确定了主题和风格后就需要组织文字、图片、声音等网页素材制作网页。 制作网页 网页是用HTML语言写出来的文档，是纯文本文档。 网页设计 确定网站主题 主题确定网站主要传播哪些内容和提供哪些服务。 确定网页风格(选择视觉外观) 网页风格决定了网页的表现形式，决定于网站的主题和内容，以达到内容和形式的统一。 设计有效的页面布局 合理的网页布局可以使浏览者更加方便地浏览网页。 组织素材 确定了主题和风格后就需要组织文字、图片、声音等网页素材来表现主题。 制作网页 将各种网页素材组织到网页中 网页设计遵循的一般原则 主题鲜明 一個主题鲜明、內容丰富具有特色的网站，通常要比什么都有的大杂烩式的网站更加吸引人。 形式与內容统一 网页的排版、布局、色彩、图形的运用要与网页中欲向网友传达的有效信息相统一。 风格要统一 风格的选用要尽量突出自己的个性，让浏览者有一个独特的印象。 栏目设计要合理 倘若內容较多，栏目设计要合理、清晰，让浏览者容易找到所需的信息。 导航清晰易懂 一个清晰、容易理解的导航栏，可以使新手快速了解到网站的结构，便于转到其他的页面。 时常更新內容 经常更新网页内容，给网友提供必威体育精装版的信息，才能使网站更有吸引力。 网页制作 网页文档中包含了网页元素及其显示格式，制作网页就是将网页元素按照风格所确定的显示格式写成HTML文档。 9.1.2 HTML语言简介 HTML是一种简单的标记语言，它主要用于描述Web文档的结构，HTML代码描述超文本文档的格式。格式由浏览器解释和执行。 标记的一般格式为： tag对象/tag tag 属性=参数对象/tag tag 例如：h1我的主页/h1 a href=jianjie.htm简介/a 超文本文档的结构 例：html head title我的第一个主页/title /head body