大学计算机基础(第6章)教程.pptx

《大学计算机基础》;网站的构成与Web资源访问方法;;网页文件2;主页;;一个大型网站架构实例：;用户对Web服务器上的网站访问，通常是从首页开始。访问者访问一个网站的过程如下：;⒉ Web资源的定位;⒊ Web浏览器结构 浏览器属于Web的客户端程序，用于向服务器发送HTTP请求，接收服务器的HTTP响应，解析HTML网页内容并呈现给用户。其内部结构如图所示：;如果说，Web是计算机、Internet和多媒体技术结合的产物，HTML则是这一结合的实现者。由于有了HTML，才使得Web风行于Internet。;⒉ HTML与Web的关系 HTML是Web的核心与基础。用户可以通过HTML标签控制网页的显示风格并对访问者的行为作出反应。以下是一段简单的HTML文档：;超文本（Hypertext)，是指用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本，它使用户在浏览时能够从一段信息跳转到另一段信息。 超媒体是指以超文本方式链接的网页媒体组织形式。超媒体从两个方面强化了超文本的功能：一是将多媒体结合到超文本中；二是允许图片、声音、视频等信息元素也可以像文本一样作为指向其他文本或媒体信息的链接。在超媒体中，不仅有文字，还有图片、声音、视频等，用户可以声形并茂地浏览网页，漫游在一个五彩缤纷的信息世界中。 由于HTML具备这种全新的、更加合理便捷的信息查询方式，使得Web不再是一个沉寂无声的、单调的文字世界，促成了Web空前快速的发展。因此有人说，如果没有了HTML，Web就失去了存在的意义。;网页是包含HTML标签并以“htm”或“html”为扩展名的文件。一个网站可以只有一个网页，也可以由若干网页组成。;;⒈ 确定网站的浏览对象及主题 制作网站之前，应先确定网站的浏览对象及主题。网站的浏览对象在一定程度上决定了网站的主题。所谓主题，就是指网站的题材和定位。只有在确定了浏览网站的群体后，网站的内容才能根据浏览者的需求进行取舍。 ⒉ 确定网站的内容及风格 确定了网站的浏览对象和主题后，接下来就要决定网站的整体风格和需要提供的信息内容。网站的风格是指网站的整体形象给浏览者的综合感受。这个“整体形象”包括：网站的CI（Corporate Identity）、???面布局、浏览方式、交互性、文字内容等诸多因素。一般来说，一个优秀的网站应具有以下特点： ⑴ 清晰的导航信息 ⑵ 正常的超链接 ⑶ 丰富而正确的内容 ⑷ 请晰的文字 ⑸ 精致的图片 ⑹ 实时更新的内容;⒈ 网页编辑工具 作用是，实现主页制作与HTML语言分离，用户只需在编辑器中输入文本或图片，网页编辑工具软件会自动将其转换为相应的HTML代码。这种“所见即所得”的制作环境，可大大简化制作网页的难度。 ⑴ 网页三剑客 （Macromedia公司推出）;⒉ 动态网页技术 ⑴ ASP(Active Server Pages) ;;SharePoint Designer 2007的前身是FrontPage 2003，它是Microsoft公司专门为个人学习网页设计，以及企业在SharePoint 平台上建立多功能的自动化商务网站而提供的开发工具。;⒈ 新建网页;⒉ 网页的保存、打开和关闭;⒊ 预览网页 网页编辑完成并保存后可进行网页的预览。理论上讲，SPD 2007设计视图中看到的网页效果和在浏览器中看到的效果应相同，但实际上可能会存在差异；因此，通过网页预览功能，可方便地测试网页在浏览器中的真实效果。;一个网页能否吸引人，很大程度上取决于它的版面设计。一个布局合理、结构清晰的网页，会给浏览者留下良好印象。布局常用的基本方法：一是表格的应用，二是层的运用，三是框架的使用。下面着重介绍表格及框架的应用方法。;表格布局设计实例;;⒉ 制作框架与框架网页 框架网页把浏览器窗口切割成几个独立的区域，每个区域可以载入不同的网页文档来分别显示不同的网页，当单击某一框架上的超链接时，超链接所指向的网页可在同一框架网页上的其他框架中显示。使用框架布局网页，最明显的优势是，可以在一个框架中控制另一个框架的动作，当一个框架的内容固定不动时，而另一个框架的内容仍然可以通过滚动条进行上下翻动。;;框架网页设计实例;思考题;;6.4 常用的HTML标记;HTML文档从本质上讲，就是一个放置了标签的ASCII码文本文件，通常它带有“.html”或“.htm”的文件扩展名（扩展名为“.html”和“.htm”的文档才能被浏览器所识别）。;;;6.4.2 头部标记HEAD与主体标记BODY;6.4.2 头部标记HEAD与主体标记BODY;设置页面默认的链接颜色为蓝色;6.4.3 版式设置与文字修饰;6.4.3 版式设置与文字修饰;6.4.3 版式设置与文字修饰;6.4.3 版式