网页制作39798.pptVIP

石家庄计算机职业学院.软件技术系 冯婷婷 * * 石家庄计算机职业学院.软件技术系 石家庄计算机职业学院.软件技术系 石家庄计算机职业学院.软件技术系 html 万维网 本 课 内 容 design WWW 网页基本构成元素 HTML基础 石家庄计算机职业学院.软件技术系 全球范围内的网络 Internet的一种应用 万维网概述 网页工作原理 石家庄计算机职业学院.软件技术系 本课程在整个体系中的地位 万维网 (word wide web) 万维网概述 石家庄计算机职业学院.软件技术系 万维网是一种建立在internet上的、全球性的、交互的、多平台的、分布式的信息资源网络，它采用HTML语言描述超文本文件。 万维网有3个基本组成部分，分别是URL（统一资源定位器）、http（超文本传输协议）和HTML（超文本标示语言）。 URL：提供在web上进入资源的统一方法和路径，使得用户所要访问的站点具有唯一性，相当于实际生活中的门牌地址。 HTTP：超文本传输协议是一种网络上传输数据的协议，专门用于传输www上的信息资源。 HTML：是一种文本类解释执行的语言，它是internet上用于编写网页的主要语言。 网页工作原理 石家庄计算机职业学院.软件技术系 http协议 Web服务器 客户端 客户端 客户端 站点地址或URL html head /head body … … /body /html 本课程在整个体系中的位置 石家庄计算机职业学院.软件技术系 整体框架 后台数据库 前台页面设计 网页基本构成元素 石家庄计算机职业学院.软件技术系 文本 图片 超链接 表格 表单 动画 框架 石家庄计算机职业学院.软件技术系 ＊ 网页中的信息主要是以文本为主的，在网页中可以通过字体、大小、颜色、底纹、边框等来设置文本的属性。在网页制作中，建议用于正文的文字一般不要太大，也不要使用过多的字体，中文文字使用宋体，9磅或12像素左右即可。 ＊用于网页上的图片一般为jpg和gif格式的，即以.jpg和.gif为后缀的文件。在网页中图片不可或缺，但也不能太多，因为图像的下载速度较慢。而且网页上如果放置了过多的图片，会显得很乱。 ＊超链接是网站的灵魂，从一个网页指向另一个目的端的链接，目的端通常是另一个网页，但也可以是一幅图片、一个电子邮件地址、一个文件、一个程序或者也可以是本页中的其他位置，超链接可以是文本或者图片。 石家庄计算机职业学院.软件技术系 ＊表格是网页排版的灵魂，使用表格排版时现在网页的主要制作形式。通过表格可以精确地控制各网页元素在网页中的位置。表格主要用于网页内容的排列，组织整个网页的外观，一般表格的边线不再网页中显示。 ＊表单是用来收集站点访问者信息的域集。站点访问者填写表单的方式是输入文本、单击单选按钮与复选框，以及从下拉菜单中选择选项。 ＊框架是网页的一种组织形式，将相互关联的多个网页的内容组织在一个浏览器窗口中显示。 HTML概念： 超文本标记语言（英文：HyperText Markup Language，简称为HTML）是为「网页创建和其它可在网页浏览器中看到的信息」设计的一种置标语言。HTML被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。由蒂姆·伯纳斯-李给出原始定义，由IETF（互联网工程工作小组）用简化的SGML（标准通用置标语言）语法进行进一步发展的HTML，后来成为国际标准，由万维网联盟（W3C）维护。 石家庄计算机职业学院.软件技术系 HTML基础 HTML发展历史： 1982 年，Tim Berners-Lee 为使世界各地的物理学家能夠方便的進行合作研究，建立了使用於其系統的 HTML。Tim Berners-Lee 設計的 HTML 以純文字格式为基础，可以任何文字编辑器处理，最初仅有少量标记（TAG）而易於掌握運用。随着 HTML 使用率的增加，人們不滿足只能看到文字。1993 年，还是大学生的 Marc Andreessen 在他的 Mosaic 浏览器加入 img 標記，從此可以在 Web 頁面上浏览图片。但人們认为仅有图片还不够，希望可將任何形式的媒体加到网页上。因此 HTML 不断的扩充和发展。 石家庄计算机职业学院.软件技术系 HTML基础 HTML版本发展历史： 超文本置标语言（第一版）——在1993年6月发为互联网工程工作小组（IETF）工作草案发布（并非标准）. HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时 HTML 3.2——1996年1月14日，W3C推荐标