《网页设计与制作教学课件作者HTML+CSS+JavaScript张洪斌教学资源1Web站点发布电子课件》由会员分享，可在线阅读，更多相关《网页设计与制作教学课件作者HTML+CSS+JavaScript张洪斌教学资源1Web站点发布电子课件（19页珍藏版）》请在金锄头文库上搜索。
1、,网页设计与制作课程开发组制作,主讲人：阚宝朋 管曙亮,本章要点,单元1 Web站点发布,任务1 配置Web站点 任务2 Web站点的发布测试,引例描述,学习计划分为两步完成: 第一步：安装与配置IIS，并测试站点。 第二步：编写HTML页面，进行Web站点的发布测试。,任务1：配置Web站点,【任务陈述】 本任务将详细描述个人或者企业如何构建一个良好的Web站点环境。,IIS（Internet Information Server，Internet信息服务）作为当今流行的Web服务器产品之一，提供了强大的Internet和Intranet服务功能。IIS融入Windows操作系统内核之中，提
2、供了一个图形界面管理工具，可用于配置和控制Internet服务，使构建一个Internet网站轻松易行。,任务1：配置Web站点,【知识准备】 1.1、网络基本概念,一、互联网 多台计算机相互连接即组成网络，Internet是一个网络的网络,任务1：配置Web站点,1.1 网络基本概念,二、WWW服务 1协议：协议是一组标准的规则，用于实现通过通信信道发送信息所需的数据表示、信号发送、身份验证及错误检测等，访问Web上的资源都需要遵循这些规则。 2.地址：万维网采用URL访问Web上的资源。URL用于标识Web上的页面和资源。,URL的组成,3.HTML：用于创建网页文档。HTML文档是使用H
3、TML标记和元素创建的，此文件以扩展名.htm或.html保存在Web服务器上。,客户浏览器/服务器工作的过程,任务1：配置Web站点,1.1 网络基本概念,三、域名 IP地址是联网计算机的地址标识，但是对于大多数人来说，记住很多计算机的IP地址并不是很容易的事，所以TCP/IP协议提供了域名服务系统（DNS），允许为主机分配字符名称，即域名，在网络通信时由DNS自动实现域名与IP地址的转换。 四、IP地址 IP地址是识别Internet 中的主机及网络设备的唯一标识。 五、统一资源定位符URL 格式如下： ：/,任务1：配置Web站点,【任务实施】 一、实现IIS的安装 二、实现测试IIS
4、三、实现站点配置,【任务拓展】 一、虚拟目录 二、通过虚拟目录搭建站点 三、实现站点配置,任务2：Web站点的发布测试,【任务陈述】 本任务将详细描述如何编辑一个简单的HTML页，发布并访问该Web站点。,HTML文件是一种文本文件，要通过简单的文本编辑器（如记事本）或可视化编辑工具（如Dreamweaver）编辑，然后将其存储在Web服务器的虚拟目录中，其他用户可以使用浏览器通过超文本传输协议访问这些网页。,任务2：Web站点的发布测试,【知识准备】 1.2 网页网站的相关概念,一、网页与网站 按网页在网站中的位置进行分类，可以分为主页和内页； 按网页的表现形式进行分类，可以分为静态网页和动
5、态网页。 主页：用户进入网站时看到的第一个页面就是主页（homepage）。 内页：通过主页中的超级链接，打开的网页就是内页。 静态网页：指用HTML语言编写的网页，其制作简单易学，但缺乏灵活性，在浏览网页时浏览者和服务器不发生交互。 动态网页：使用ASP、PHP、JSP、ASP.NET等程序生成的网页，可以与浏览者进行交互，也称为交互式网页，如可以收集浏览者填写的表单信息等。,任务2：Web站点的发布测试,【知识储备】 1.2 网页网站的相关概念,二、网页的基本要素 （1）页面标题,任务2：Web站点的发布测试,【知识储备】 1.2 网页网站的相关概念,二、网页的基本要素 （2）网站标志 （
6、3）页面尺寸,任务2：Web站点的发布测试,【知识储备】 1.2 网页网站的相关概念,二、网页的基本要素 （4）页眉和页脚 （5）导航栏,任务2：Web站点的发布测试,【知识储备】 1.2 网页网站的相关概念,二、网页的基本要素 （7）多媒体 （6）文本和图片 （8）超链接,任务2：Web站点的发布测试,【任务实施】 一、使用记事本编写一个简单的HTML页 二、IIS测试站点发布,任务2：Web站点的发布测试,【任务拓展】 一、HTML文件 二、编写html文件的注意事项,1“”是任何标记的开始结束符号，元素的标记要用这对尖括号括起来，并且结束符号总是在开始符号前加上一个斜杠。 2标记可以嵌套使用，如hello。 3回车和空格在HTML源文件中不起作用。 4HTML标记中可以设置各种属性，如hello。 其中size、color为属性，属性出现在元素内，并且与元素名称间有一个空格分隔，设置格式为“属性=属性值”。 5HTML文件源代码的注释以“”结束。,任务2：Web站点的发布测试,三、使用虚拟实训平台进行测试 四、Dreamweaver CS5的工作界面,任务2：Web站点的发布测试,四、Dreamweaver CS5的工作界面,（1）“文档”工具栏,（2）面板 1）设计类面板组 2）文件类面板组 3）应用程序类面板组,谢谢大家,
