网页设计 第一 HTML简介.ppt

第一讲HTML简介 课程时间 6课时 教学目标 通过学习 我们对HTML语言和HTML编辑工具有了初步的认识 重新回顾了上学期学过的站点架设知识 并能够在实际中得到使用 编写第一个自己动手制的网页 教学重点和难点 WWW的发展史HTML文件基本结构HTML文件的编写HTML编辑器的基本使用WEB多站点的架设 一 WWW的基本概念 WWW WorldWideWeb 的三个组成 1 HTML HyperTextMarkupLanguage 起源于上世纪40年代 由TimBerners Lee设计 2 HTTP HyperTextTransferProtocol 超文本传输协议是网络上传输数据的一种协议 专用于传输WWW上的信息资源 3 URL UniversalResourceLocators 统一资源定位器提供在Web上进入资源的统一方法和路径 使得用户所要访问的站点具有惟一性 Internet上提拱的服务Web FTP BBS等 1 Web是一种建立在Internet上的 全球性的 交互的 多平台的 分布式的信息资源网络 采用HTML语言描述超文本 HyperText 文件 2 FTP文件传送协议 FileTransferProtocol 简称FTP 是一个用于从一台主机到另一台主机传送文件的协议 3 BBS是电子公告板 它是WWW上提供的一种可以用户进行交互使用的服务内容 WEB运行环境和运行过程1 服务端IIS InternetInformationServer Internet信息服务器 2 客户端二种浏览器NS Netscape发现者 和IE InternetExplorer探索者 3 图示运行过程 发出请求到服户端 发送数据到客户端 使用HTTP 超文本传输协议 工作 软件设计的两种体系结构 C S B S 的简介1 C S结构 Client Server 分为两部分 一部分是客户端 Client 客户机需要安装特定的客户端软件 另一部分是服务端 Server 为客户机提供某种信息的服务 2 B S结构 Browser Server 分为两部分 一部分是客户端浏览器 Browser Server 客户机使用浏览器浏览网站 另一部分是服务端 Server 存放供客户机用户浏览的网站 二 网页设计的基本概念 超链接 HyperLink 网页是使用HTML编写的 其特点在于网页有 超链接 超链接是特殊的文字标识 它指向了WWW中的其他资源 网页中的超链接可以是文字 图像 默认超链接显示时都是带有下划线的 网站 WebSite 网站是一个存放在网络服务器上的完整信息的集合体 它包含一个或多个网页 这些网页以一定的方式链接在一起 成为一个整体 网页 WebPages 网页是网站的组成部分 网页里可以有文字 表格 图像 声音及视频信息等 网页可以看成是一个单一体 它是磁盘上的多个单一的文件 是由Web浏览器下载或格式化的 主页 HomePage 主页可称为首页 它既是一个网页 可以存放各种信息 又是一个特殊的网页 作为整个网站的起始点和汇总点 是浏览者开始浏览一个网站的窗口 在主页中 应该给出这个网站的概述 所包含的主要内容和浏览各种信息的通道 使用浏览者在看到主页后 便对这个网站有了一个大体的了解 三 网页技术概况 静态网页静态网页是用HTML编写的 保存时扩展名 后缀名 需使用 HTM或 HTML 可使用VBScript JavaScript Jscript语言编写控制客户端操作界面 显示内容的程序和CSS样式表 网页美工网页美工主要是指Flash PhotoShop和FireWorks等处理网页素材的技术 动态网页动态网页是让网页能够按照用户的需求做出动态响应的技术 可使用ASP PHP JSP等语言编写处理服务端响应客户端操作的程序 四 HTML简介及基本结构 HTML文档的定义和作用HTML并不是一种程序 也不是一个图文混排的排版软件 它只是一种控制网页中资料显示的文本类型的标识语言 HTML是一个文本文件 可以使用任何一个文本编辑器进行编写 通过浏览器解释执行 HTML文档语法1 单标签 格式为 其作用是在相应位置插入标签 例如标签表示在该标签所在的位置插入一个换行符 2 双标签 由首标签和尾标签两部分组成 格式为要控制的内容 仅对包含在其中的文件部分发生作用 3 标签属性 在单标签或是双标签的首标签中可以设置一些属性 增强该标签的作用 格式为 尾标签保持原样 属性中的双引号切记不要省略 可以使用多个标签嵌套使用 网页显示的速度与网页代码的质量有很大的关系 HTML文档基本结构 文件开始 文件结束 文件头 文件标题 文件体 文件正文内容 文件头中的内容在浏览器打开时是看不到的 这些内容只是用来设置文档的标题和属性的 文件体中的内容在浏览器窗口中是可以看到的 五 编辑运行环境DW和EditPlus 菜单和工具条 属性面板 CSS面板 标签检查器面板 文件管理面板 工作区域 状态栏 EditPlus工具界面 菜单和工具条 状态栏 文件列表 目录列表 驱动器列表 工作区 调试预览按钮 六 WEB站点的架设 IIS的安装 调试 管理 运行1 安装 控制面板 添加或删除程序 添加 删除Windows组件 Internet信息服务 全选 单击下一步开始安装 确认Server版Windows安装光盘已放入光驱中 2 调试 打开本机浏览器在地址栏中输入 http localhost或http 127 0 0 1 如可以打开帮助文档 则为安装正确 3 管理 在磁盘中新建一个目录 用于存放网站文件 且再新建一个最基本的网页文件 取名为Index htm 打开IIS且修改默认站点目录到新建目录 设置文档为Index htm和Index asp 确定退出 4 运行 打开浏览器在地址栏中输入 http localhost Index htm 查看网页是否成功 如成功则证明Web站点架设成功 否则不成功 多个站点的架设多站点架设共有三种方法 1 不同的站点设置不同的IP地址 2 不同的站点设置不同的端口号 3 不同的站点设置不同的主机头名 结合上学期Window环境学过的知识 使用端口号区分二个以上的站点 在IIS中架设二个以上的站点 并通过浏览器正常访问到站点中的文件内容 实际应用中是使用不同的主机头名来区分多个站点的 通过把主机头名绑定到域名 主机头名等同于是一台主机的主机名 七 编写第一个网页 要求 1 设定背景颜色bgcolor 背景图像background 文字颜色text 文字大小 页面左右上下边距LeftMargin RightMargin TopMargin BottomMargin 2 设定页面标题 XXX姓名 页面编码 GB2312 简体中文 3 在文件体内编写正文内容 4 在浏览器地址栏中输入该网页存放的地址访问它和从其它计算机的浏览器来访问它 第一讲作业 1 WWW是 的缩写 也可简写为 中文叫做 2 目前 Internet主要提供 及 服务 3 WWW能够处理 及 等方面的多媒体信息 是一个多媒体信息系统 4 浏览Web就是以 在Internet上传送以 编写的网页内容 5 HTML的英文全名为 翻译为 6 标签是HTML的主要组成部分 它有 标签和 标签两种 其中