HTML+CSS+JavaScript网站开发实用技术第1章.pptVIP

1.7 建立站点 1.7.1 Dreamweaver CS5 文档窗口 工具栏 属性面板 插入面板 行为面板、文件面板、历史面板等。 设计视图、代码视图、拆分视图 1.7 建立站点 1.7.2 站点组成 使用Dreamweaver 开发网站时，最好先建立站点，然后再具体制作网页。通常站点由三个部分（或文件夹）组成 Dreamweaver站点组成 本地根文件夹 远程文件夹 测试服务器文件夹 1.7 建立站点 1.7.3创建站点 （1）在本地计算机上创建要用于存储站点文件的本地文件夹e:\e_learning，文件夹结构根据网站需要设计，将e:\e_learning作为本地根文件夹。 （2）在Dreamweaver窗口中执行[站点]/[新建站点]命令。输入用于存储站点文件的本地文件夹的地址即可。 1.7 建立站点 1.7.4 管理站点 执行[站点]/[管理站点]命令在弹出的”管理站点”对话框中可以完成创建新站点、编辑现有站，点、复制站点、删除站点或者导入/导出站点工作。 1.8 应用案例 小结 本章首先介绍了互联网的访问过程和工作机制。 在互联网访问过程中，浏览器与服务器、WWW与万维网，还有IP地址与域名是最基本的概念。 还涉及到的网站、网页、静态网页和动态网页等概念。 Web标准由一系列标准构成，其网页部分的标准通过三部分来描述：结构（Structure）、表现（Presentation）和行为（Behavior）。 (X)HTML用来决定网页的结构和内容，CSS用来设计网页的表现形式，JavaScript用来控制网页的行为。 小结 网站开发工具Dreamweaver CS5。 创建站点的方法。 网站建设的流程可以划分为前期策划、中期制作和后期维护等三个阶段。 作业 1. 简答题 （1）简要说明HTML的基本工作原理。 （2）说明网站、网页、静态网页和动态网页的含义。 （3）组成网页的最基本元素有哪些？ （4）简述Web标准的含义。 （5）使用记事本编辑HTML文件，需要注意哪些问题? Diagram Your Text Your Text Your Text Your Text Your Text Your Text Your Text Your Text 2001 2002 2003 2004 HTML+CSS+JS网站开发实用技术 LOGO HTML+CSS+JS网站开发实用技术 * * * * * 第1章网站开发基础知识 互联网的访问过程 1 互联网的工作机制 2 网站设计中的一些基本概念 3 制作网站的标准和常用技术 4 常用的开发工具 5 网站建设的流程 6 建立站点 7 小结 1.1 互联网的访问过程 浏览网站涉及一些非常基本的概念，包括浏览器与服务器、WWW与万维网，还有IP地址与域名等. 1.1 互联网的访问过程 浏览器与服务器 浏览网站是从远程计算机中获取内容。提供内容信息的计算机就称为服务器，访问者使用浏览网页的软件被称为浏览器。 实例 WWW与万维网 万维网，英文单词是“World Wide Web”，简称WWW，也称作Web。WWW、万维网和Web是同义词，是一个大型的相互链接的文件所组成的集合体，范围包括了整个网络世界。 1.1 互联网的访问过程 IP地址和域名 我们要浏览服务器上的资源，必须知道服务器在网络中的地址，这是通过IP地址来实现的。为了实现IP地址的易理解、易识别，又引入了域名的概念。 IP地址是识别互联网上计算机和网络设备的标识。 域名是IP地址的一种符号化表示，域名通过域名解析系统（Domain Name System，DNS）保证每台主机的域名与IP地址一一对应。 1.1 互联网的访问过程 URL和HTTP协议 WWW上的地址通过URL来指明，HTTP协议是用于浏览网站的基本约束或规则。 URL是Uniform Resource Location的缩写，含义是统一资源定位器，用来指明文件在互联网中的位置。 HTTP是超文本传输协议. 例如，/是一个URL，其中http是协议，是服务器地址（域名） 1.2 互联网的工作机制 1.2 互联网的工作机制 （1）浏览器中输入将要访问页面的URL地址。由DNS进行域名地址解析，找到服务器IP地址，向该地址所指向的Web服务器发出请求。 （2）Web服务器根据浏览器送来的请求，把URL地址转换成页面所在服务器上的文件全名，查找相应的文件。 （3）如果URL指向静态HTML文档，Web服务器使用HTTP协议把该文档直接送给浏览器。如果HTML文档中嵌入了ASP、PHP或JSP程序，则由Web服务器运行这些程序，把结果送到浏览器。如果Web服务器运行的程序包含对数据库的访问，则服务器将查询指令发送给数据库服务器，对数据库