第2章-站点的创建与管理

中文版DreamweaverCS5实用教程第2章网站的创建与管理中文版DreamweaverCS5实用教程2.1网页和网站随着互联网的迅猛发展，网络已经逐渐成为人们工作和生活中不可缺少的一部分。通过网络，可以获取、交换和存错连接到网络上的各计算机上的信息。网络上存放信息和提供服务的地方就是网站，而网站是网页的集合。中文版DreamweaverCS5实用教程2.1.1什么是网页网页(web)，也就是网站上的某一个页面，它是一个纯文本文件，是向浏览者传递信息的载体，以超文本和超媒体为技术，采用HTML、CSS、XML等语言来描述组成页面的各种元素，包括文字、图像、音乐、视频、动画等，并通过客户端浏览器进行解析，从而向浏览者呈现网页的各种内容。中文版DreamweaverCS5实用教程1.1.2网页的基本元素网页是一个纯文本文件，通过HTML、CSS等脚本语言对页面元素进行标识、然后由浏览器自动生成的页面。构建网页的基本元素包括文本、网站标志（logo)、像和超链接，其他元素包括声音、动画、视频、表格、导航栏、表单、Banner广告、版权区等组成，如下图所示。超链接Flash动画导航栏图像中文版DreamweaverCS5实用教程2.1.3网页的常见类型目前，常见的网页有静态网页和动态网页两种。静态网页：是指不使用程序直接或间接制作成的HTML页面，静态网页的URL通常以.htm、.html、.shtml、.xml等形式为后缀；动态网页：是指使用网页程序语言，通过程序将网站内容动态存储到数据库，用户访问网站时再通过读取数据库来动态生成网页的方法，动态网页的URL一般以.asp、.jsp、.php、.aspx式为后缀。中文版DreamweaverCS5实用教程2.1.4什么是网站网站(Website)，它是指在互联网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页集合，它建立在网络基础之上，以计算机、网络和通信技术为依托，通过一台或多台计算机向访问者提供服务。平时所说的访问某个站点，实际上访问的是提供这种服务的一台或多台计算机。中文版DreamweaverCS5实用教程•1、门户类网站•2、资料类网站•3、机构类网站•4、娱乐类网站•5、生活类网站•6、时尚类网站•7、文化类网站•8、电子商务类网站•9、企业类网站•10、个人网站网站的类型中文版DreamweaverCS5实用教程2.2网页制作基础知识制作一个优秀的网页，首先需要了解设计网页的一些原则，根据网页所要展示的内容，进行网页的设计构思、布局、配色，然后制定好网页的制作流程。中文版DreamweaverCS5实用教程2.2.1网页的设计原则网页的设计不仅涉及各种软件的操作技术，还关联到设计者对生活的理解和体验。网页设计就是要把适合的信息传达给适合的观众，要设计出一个既好看又实用的网页，就必须要遵循一些必要的原则。中文版DreamweaverCS5实用教程2.2.2网页的设计构思在制作网页之前，首先要进行网页的设计与构思，主要包括网页的主题、网页的命名、网站标志、色彩搭配和字体等要素。中文版DreamweaverCS5实用教程2.2.3网页的布局网页布局的好坏是决定网页美观与否的一个重要方面。通过合理的布局，可以将页面中的文字、图像等内容完美、直观地展现给访问者，同时合理安排网页空间，优化网页的页面效果和下载速度。反之，如果页面布局不合理，网页在浏览器中的显示将十分糟糕，页面中的各个元素显示效果可能会重叠或丢失。因此，在对网页进行布局设计时，应遵循对称平衡、异常平衡、对比、凝视和空白等原则。常见的网页布局形式包括：型布局、T型布局、“三”型布局、对比布局和POP布局等。中文版DreamweaverCS5实用教程2.2.4网页的配色颜色的使用在网页制作中起着非常关键的作用，色彩成功搭配的网站可以令人过目不忘。但要再网页设计中自由掌握色彩的搭配，首先需要了解一些网页配色的基础理论知识。中文版DreamweaverCS5实用教程2.3规划和创建站点规划站点的目的在于明确创建站点的方向并采用的方法，同时也是确定本地站点所要实现的功能。规划时要明确网站的主题，搜集需要的信息等。规划站点主要是规划站点的结构。创建站点既可以创建一个网站，又可以创建一个本地网页文件的存储地址，规划好站点后即可开始创建站点。中文版DreamweaverCS5实用教程2.3.1站点的概念网站建立在互联网基础之上，以计算机、网络和通信技术为依托，通过一台或多台安装了系统程序、服务程序及相关应用程序的计算机，向访问者提供相应的服务。网站中的服务具体通过网页来实现，根据网站提供服务的不同，网站可分为政府网站、新闻网站、搜索网站、电子商务网站等。站点是由文档和文档所在的文件夹组成。本地站站：放置在本地机上的站点称为“本地站点”，就是在制作过程中存放所有文件和资源的本地机的总文件夹；远程站点：放置在连接了网络的远程Web服务器的站点称为“远程站点”；网页制作者无须知道具体位置，只须知道用于上传和下载的IP地址、用户名和密码即可。中文版DreamweaverCS5实用教程2.3.2规划站点创建Web站点的第一步是规划。为了使网站在完成后能够达到最佳效果，在利用DreamweaverCS5建立任何Web站点之前，应根据需求对站点的结构进行设计与规划。（1）将站点中的内容（资源文件）进行分类，存放在不同文件夹中（层次=3）（2）文件夹名称容易理解与记录（英文），如images、photo、css等中文版DreamweaverCS5实用教程2.3.3创建站点在创建站点之前，一般在本地将整个网络完成，然后再将站点上传到Web服务器上（远程站点）。因此，在开始创建网页之前，最好的选择是用Dreamweaver建立一个本地站点。中文版DreamweaverCS5实用教程1、创建本地站点创建本地站点，可以更好地利用站点对文件进行管理，尽可能地减少错误，例如链接和路径出错等。创建本地站点，可以使用站点定义向导快速创建。（1）在本地机磁盘上创建本地站点文件夹，如在D：盘根目录上创建文件夹myweb及子文件夹images；（2）站点—新建站点中文版DreamweaverCS5实用教程中文版DreamweaverCS5实用教程2、创建远程站点设置站点远程信息的目的是使DreamweaverCS5能够向远程文件夹所在的网站服务器(远程站点)上传或下载文件。在完成Dreamweaver站点的本地信息设置以后，就可以开始设置站点的远程文件夹(根据开发环境的不同，远程文件夹是存储用于进行测试、协作、生产、部署等文件的位置)。FTP连接远程服务器：站点---管理站点--编辑—服务器中文版DreamweaverCS5实用教程中文版DreamweaverCS5实用教程2.3.4管理站点创建好站点后，根据需要创建各频道、栏目文件夹等，对于创建好的站点，也可以进行再次编辑，或删除和复制这些站点。1、文件管理（文件面板）：新建文件夹、新建网页、文件的移动与复制、文件或文件夹的重命名与删除2、站点管理：站点—管理站点中文版DreamweaverCS5实用教程2.3.5申请网站随着网络的发展，许多个人都拥有自己的网站，例如如火如荼的个人博客、个人空间等，都是个人网站。使用DreamweaverCS5制作好网页后，也可以发布到自己的网站上去。中文版DreamweaverCS5实用教程1、申请网站步骤申请网站，或者要做网站，首先需要注册域名，也就是俗称的网址，然后购买虚拟主机也就是网络空间，之后进入到网页制作阶段，可以自己制作网页，也可以请专业的网页制作人员制作，最后将制作好的网页直接上传到虚拟主机上，使用浏览器访问注册的域名，即可访问网站，具体步骤如图所示。注册域名购买虚拟主机制作网站上传网站访问网站中文版DreamweaverCS5实用教程2、注册域名域名是用来表示一个单位、机构或个人在Intenret上有一个确定的名称或位置。域名的通俗的说法叫网址，例如sina.com.cn、sohu.com等就是域名。它是由一串用点分隔的名字组成的，通常包含组织名，而且始终包括两到三个字母的后缀，以指明组织的类型或该域所在的国家或地区。没有域名，不能访问到网站，所以注册域名是申请网站的第一步。中文版DreamweaverCS5实用教程3、申请空间注册域名后，域名类似网络上的门牌号码，只是个地址，没地方存放网站。所以还需要购买虚拟主机或者申请网络空间，将网站上传到网络空间上才能访问。