Dreamweaver-CS5-网页制作

DreamweaverCS5网页制作服务的基本概念的缩写，简称为Web（万维网）。月，是由欧洲粒子物理实验室CERN(theEuropeanLaboratoryforParticlePhysics)开发的主从结构分布式（“客户机/服务器”模式）超文本系统。是以超文本标记语言（HTML,HyperTextMarkupLanguage）与超文本传输协议（HTTP，HyperTextTransferProtocol)为基础，提供面向Internet服务、具有一致的用户界面的信息浏览系统。1992年1月,Web的第一个版本在瑞士日内瓦问世。是一个全球性的信息系统，使计算机能够在Internet上相互传送基于超媒体的数据信息。（企业内部网）的信息系统。具有三个统一：1.统一的资源命名方式：URL（统一资源定位符，即网址）。2.统一的资源访问方式：HTTP（超文本传输协议）。3.统一的信息组织方式：HTML（超文本标记语言）。浏览器软件安装在用户的计算机上，用户必须通过浏览器来查看服务器上的内容。当客户通过浏览器向服务器发送一个查询请求时，服务器负责对来自客户机的请求做出回答，找到信息和传递文件给用户；当客户机接收到文件，浏览器软件解释该文件在客户机上，用户才能在屏幕上看到。Web系统的结构采用客户机/服务器模式。Web系统的结构网页存放在被称为Web服务器(WebServer)的计算机上，等待用户访问。Web服务器1.什么是Web服务器？Web服务器也称为HTTP服务器，它是响应来自浏览器的请求，并且发送出网页的软件。当访问者在浏览器的地址文本框中输入一个URL，或者单击在浏览器中打开的网页上的某个链接时，便生成一个网页请求。常见的Web服务器有：•MicrosoftInternetInformationServer（IIS）•MicrosoftPersonalWebServer(PWS)•ApacheHTTPServer•NetscapeEnterpriseServer•SunONEWebServer。Web服务器2.五种常见的Web应用程序服务器Dreamweaver可以使用以下五种服务器技术的任何一种设计Web应用程序：•ColdFusion（可用于Windows和Solaris操作系统平台的动态服务器网页技术）•ASP（ActiveServerPage：动态服务器网页技术）•ASP.NET（.NET平台的动态服务器网页技术）•JSP（JavaServerPage：Java服务器网页技术）•PHP（PersonalHomePage：个人主页技术）每种技术都与Dreamweaver中的一种文档类型相对应。Web的特点和结构3.Web技术经历了3个发展阶段第一代，提供对静态网页的管理和访问。第二代，提供对动态网页的访问和显示。第三代，除动态网页生成和访问之外，还提供基于Web的联机事务处理能力。•静态网页是从放置到服务器以后，直到发送给浏览器不会发生更改的网页，通常用HTML语言编写其代码，保存为.htm文件。•动态网页是在发送到浏览器之前由应用程序服务器修改的网页。动态网页的源文件可用HTML语言和VBScript或JavaScript等脚本语言编写，保存为.asp文件，也称为Web应用程序。（统一资源定位符）Internet中使用URL(UniformResourceLocators)来定位信息资源所在位置。URL格式由三部分组成，描述了浏览器检索资源所用的协议、资源所在计算机的主机地址及资源的路径与文件名。标准的URL如下：表示用户要连接到名为的主机上，采用http方式读取名为index.html的超文本文件。URL通过访问类型来表示访问方式或使用协议。常用的类型有：Webpages://Filefile://2.网页服务器上的基本信息单位就是网页。网页是单个的HTML文件，是作者公布信息的最小单位。3.网站网站是一个存放在服务器上的完整信息的集合体，由一组相关联的网络文件组成，包含一个或多个网页。4.主页（首页）主页是一个特殊的网页，是整个网络文件的起始点和汇总点，读者开始浏览网络文件的开始点。服务的常用术语网站界面的基本要素文字图像声音视频与动画超级链接表格表单导航栏超级链接超级链接是从一个网页指向另一个目的端的链接，例如指向另一个网页或者相同网页上的不同位置。这个目的端通常是另一个网页，但也可以是一幅图片，一个电子邮件地址，一个文件，一个程序或者是本网页中的其他位置。其热点通常是文本，图片或图片中的区域，也可以是一些不可见的程序脚本。当浏览者单击超级链接热点时，其目的端将显示在Web浏览器上，并根据目的端的类型以不同方式打开。例如，当指向一个AVI文件的超级链接被单击后，该文件将在媒体播放软件中打开；如果单击的是指向一个网页的超级链接，则该网页将显示在Web浏览器上。加下划线的文字，就是已经建立了超链接的文本。表格在网页中表格用来控制网页中信息的布局方式。这包括两方面：一是使用行和列的形式把许多相互关联的信息集中起来，便于用户分析、比较；二是可以利用表格来控制各种网页元素在网页中布局定位，对网页进行排版。表单网页中的表单通常用来接受用户在浏览器端的输入，然后将这些信息发送到用户设置的目标端。这个目标可以是文本文件，Web页，电子邮件，也可以是服务器端的应用程序。表单一般用来收集联系信息、接受用户要求、获得反馈意见、设置来宾签名簿、让浏览者注册为会员并以会员的身份登陆站点等。表单由不同功能的表单域组成，最简单的表单也要包含一个输入区域和一个提交按钮。站点浏览者填写表单的方式通常是输入文本，选中单选按钮或复选框，以及从下拉列表框中选择选项等。框架页面一般情况下都是一个浏览器窗口显示一个的Web页面，这一类页面简单、直观制作方便。但是当要求在一个窗口内容纳大量信息时，比如一个大型网站的首页，这种页面就很难胜任了。这时，我们就必须运用框架技术来解决问题。框架的作用就是把浏览器窗口划分为若干个区域，每个区域显示不同的网页。可视化网页编辑工具Dreamweaver是由Macromedia公司推出的一款网页制作软件，它具有可视化编辑界面，用户不必编写复杂的HTML源代码就可以生成跨平台、跨浏览器的网页。Dreamweaver的网页动态效果与网页排版功能都比一般的软件好用，所以它是网页设计者的首选工具。它可以满足多层次需求，是功能强大的可视化、专业级网页设计及制作工具。动态网页技术在Internet早期，Web站点大都是由静态web页组成，静态页面只能固定地显示事先设计好的页面内容。随着Web业务处理越来越多，业务需求层次越来越高，特别是一些特殊的业务需求，比如商业网站中客户资料的获得、产品信息的查询、信息的反馈等，HTML的局限性日益明显，因此能够与用户进行动态交互的技术，就应运而生了。动态网页页面内容经过了服务端处理，完成了动态的个性化设置。但是客户端用户所接收到的页面与传统页面并没有任何区别。(1)CGI技术CGI---CommonGatewayInterface，公用网关接口。用来实现CGI应用程序的编程语言有许多种，如VisualBasic、C/C++、Perl等。当用户在浏览器端填好表单要求输入的资料，提出HTTP请求后，Web服务器端执行该表单所设定的CGI应用程序，处理访问者输入的信息并据此做出响应，将其运行结果传输到客户端的浏览器上。由于CGI程序不是整合在HTML文档中，因此须使用与HTML不同的设计过程来设计一个应用程序，每一次修改程序都必须重新将CGI程序编译成可执行文件。使用CGI方式的缺点是效率低下。动态网页技术(2)ASP技术ASP（ActiveServerPages）是微软公司推出的Web应用程序开发技术。使用ASP可以建立动态的、交互的、高效的Web服务器应用程序。ASP允许用服务器端脚本来扩展HTML，使HTML编写人员可以利用VBScript、JavaScript或其他第三方脚本语言编程，实现动态网页。如果去掉这些包含实现动态功能的脚本语句，它和标准的HTML文件没有任何区别。ASP核心技术是对组件和对象技术的充分支持。利用ASP内建对象可以进一步扩展HTML，使脚本更加强大。ASP还包含标准的ActiveX组件，ASP本身封装了一些基本组件和常用组件，同时也可以使用第三方组件，通过访问组件可以简化编程，快速、简易地完善HTML。动态网页技术(3)JSP技术JSP（JavaServerPages）是由Sun公司推出的，基于JavaServlet以及整个Java体系的Web开发技术。利用这一技术可以建立先进、安全和跨平台的动态网站。JSP和微软的ASP在技术方面有许多相似之处。两者都是为基于Web应用实现动态交互网页制作提供的技术环境支持。两者都能够为程序开发人员提供实现应用程序的编制与自带组件设计，而且都能够替代CGI使网站建设与发展变得较为简单与快捷，不过两者是来源于不同的技术规范组织。动态网页技术站点目录结构设计网站的目录是指建立网站时创建的文件目录。目录结构的好坏，对浏览者来说并没有什么感觉，但对于站点本身的维护、内容未来的扩充和移植有着重要的影响。步骤1.在驱动器根目录下创建网站文件夹；步骤2.在网站文件夹目录下建立子目录；按文件的类型建立子目录按栏目内容建立子目录网站的链接结构网站的链接结构有树状链接结构，星状链接结构。树状链接结构星状链接结构网页文件命名设计1.文件名称统一用小写的英文字母、数字和下划线的组合2.主页文件名用index.htm（index.html)或index.asp3.文件命名原则方便理解每一个文件的意义。尽量用英文，不要用拼音、中文。当我们在文件夹中使用“按名称排列”的命令时，同一种大类的文件能够排列在一起，以便我们查找、修改、替换等操作。例，“新闻”栏目html文件的命名原则：“国内新闻”的网页文件依次取名为：china_1.htm,china_2.htm,…；“国际新闻”的网页文件依次取名为：internation_1.htm,internation_2.htm,…应用场景企业网站电子商务网站个人网站门户网站机构网站教育网站娱乐网站社区网站企业网站电子商务网站个人网站门户网站机构网站教育网站娱乐网站社区网站Web服务器配置架设网站的基本条件1.要有主机或主机空间所谓主机在这里是指Web服务器。我们知道用户能浏览网站上的网页实际上是从远程的Web服务器上读取了一些内容，然后显示在本地计算机上的过程。因此如果要使网站能被访问就必须把网站的所有文件放到Web服务器上①使用本机作为Web服务器②将网站上传到专门的Web服务器上架设ASP网站服务器服务器运行ASP网站必须具备一定得软件环境和硬件环境在Windowsxp上，需安装IIS5.1；必须有数据库软件，如Access;三个必选项：①Internet信息服务管理单元②公用文件③万维网服务安装IIS安装完成之后，可以打开浏览器，在地址栏输入“localhost”，如果出现如图2.2所示，就说明Internet信息服务已经安装成功，安装成功的计算机就是一台功能强大的Web服务器了。Internet信息服务界面Web站点配置选择【开始】|【控制面板】|【管理工具】|【Internet信息服务】命令，可以打开【Internet信息服务】窗口，如图所示。Internet信息服务窗口默认网站属性默认网站属性指定站点主目录、默认文档主目录用来存放站点文件的位置，默认是%sys