第一部分：网络编辑实务之一网站建设
第一章 网站规划与网页设计
第一节站点建设
教学目的：站点规划与站点的创建，是为网页制作前必须进行的设计，以便以后对整个网站维护与管理。是极其重要前提。
时间安排：4课时
教学重点：站点建设数据库系统概论第五班pdf
教学方式：讲授+指导
教学过程：
序言
DW是美国著名的多媒体软件开发商MACROMEDIA公司推出的一套专业可视化网页开发工
具。它与FLASH、FIREWORKS并称为“网页三剑客”，其中FALSH是用来制作网页动画，FIREWORKS是用来网页图像制作，而DW是用于网页开发，可以用于各类素材的集成与发布，可视性强，而且支持FLASH、SHOCKWAVE、ACTIVE等许多外部媒体的发布，再加上使用简单、方便，到目前为止，全世界范围超过60%的专业网页设计师都在使用这款软件来开发网页，编织他们的梦想。
界面如下
●菜单栏：包含10类主菜单，涵盖了几乎DW所有的功能。
●插入栏，包含很多可以插入的按钮。
伦勃朗光完全相反的光叫啥●文档工具栏：提供各种文档窗口的视图（如“设计”视图和“代码”视图）
●文档窗口：显示当前创建和编辑的文档。
●属性面板：用于查看和设置属性
●面板组：是各种面板的组合，不需要的可以暂时关闭。
知识点：
规划站点：
DW是一个创建站点和管理站点工具，因为使用它不仅可以制作精美WEB网页，而且可以创建完整的WEB站点。为了达到最好效果，在设计网页之前，首先都必须对站点进行设计和规划。这个规划包括站点结构和导航系统的规划，网页模板和库的使用等等。
站点规划好之后，就可以根据规划绘制出一个网站结构草图，以便于有一个清晰的思路。
如何创建站点。
在正式开始制作网页之前呢，最好先定义一个新网站。这样做目的是可以利用站点窗口对站点文件进行管理。也可以尽可能减少一些错误出现。比如路径出错或者链接出错。（特别是对于我们这些初学者，更要注意条理性与结构性，一个文件放这里，另外一放那里。或者所有文件都放在同一文件夹里，这样显得很乱，而且容易出错,所以创建站点是非常必要的。
　1、创建本地站点
所谓本地站点就是本地硬盘中存放远程网站所有文档的地方（文件夹）。建立网站的通常做法是：在本地硬盘建立一文件夹用来存放网站的所有文件，以后就直接在这个文件夹中创建和编辑文档，那么等待网页设计和测试好之后，再把他们拷贝到网站上提供给浏览者来浏览。
也即：在Dreamweaver中制作网站，您必须定义一个本地站点，它是您的计算机上任意位置的一个文件夹。之所以一定要定义它，是为了告诉Dreamweaver您的文件存放位置，然后Dreamweaver就会将所有的设置针对该地址设置。
  具体操作为：
javascript数组冒泡排序步骤1：在本地硬盘上建立一个用来存放站点的文件夹，这个文件夹就是本地站点的根目录。这个站点可以是空的，也可以是非空的。
步骤2：基本：
　　1．站点→管理站点— 新建站点→基本（基本选项是指导用户一步一步地完成站点设置，如果用户宁愿在没有指导情况下编辑站点信息，则可以随时单击高级选项卡）—站点名称（为你的网站建立一个名字，这个名字仅仅起到识别的作用，不会在浏览器上显示，与网站发布后真正的名字无关，例如，这里起名叫“My Site”，而实际上我的网站的名字叫“雅心居”）→在对话框中选择是否使用服务器技术--------因为我们现在建立是一个静态站点，因为选择否，我不想使用服务器技术---下一步---默认编辑到我计算机上本地副本----点击本地根文件夹框右边的文件夹标志，在你的硬盘上查并选择相应的文件夹（即设置站点在本地硬盘的位置，在硬盘上选择一个目录来存放站点的文件目录）（提示最好选择E或者F盘，不要放C盘）→不连接服务器---完成）.
注意：站点文件夹的名称必须是小写英文字母，不允许有空格和汉字，比如：c:\mywebs\
高级：图示如下
如图：
2．点击OK，本地站定义完成，Dreamweaver会自动导入站点的所有文件及信息。您可以在站点视窗中的本地站点窗口中查看。
2、定义远程站点
我们学习了如何创建本地站点，但要别人浏览到网站，还必须把本地站点内容放到远程服务器上。浏览者通过单击网站域名或IP地址，才能浏览到网站上内容，所以创建远程站点，进行网站上传可以说是建设网站的最终步骤。无论您制作的是个人主页还是，
所有的文件都需要上传到网站服务器才能提供给访问者。在Dreamweaver中内置了FTP工具，因此你无须切换到其他软件就可以连接网站主机，上传更新您的站点。
FTP：（File Transfer Protocol）,文件传输协议.
  要使用Dreamweaver中的FTP功能，就必须定义站点的外部信息，具体操作方法为：
  1．管理站点——编辑站点——远程信息——在访问下拉菜单里选择 FTP 方式
  2．根据上传空间服务商提供的信息来填写相关的信息。输入FTP相关信息例如： FTP主机地址（比如：go.163）、主机目录或默认的远端文件夹(/public_html)、FTP登录用户名(申请时的用户名)、Password（FTP登录密码）
    下图为定义FTP方式示例：
图：定义FTP方式的外部站点
  如果您是在局域网内操作不需要FTP方式，您可以选择 本地网络 方式。或者您已经熟悉使用其他的FTP软件而不愿意使用Dreamweaver内置的FTP功能，因此您可能只是在本地机操作，但我仍然建议您选择此方式定义一个外部文件夹，从而起到备份站点文件的作用。
与FTP定义方式相类似，您只需要在 访问中选择本地/网络 方式，然后选择一个远端文件夹。
3.点击连接到远端主机。如果连接上了，左边显示远端站点的内容，右边显示本地站点的内容。新建站点到此结束。
4.打开本地站点和编辑站点属性
管理站点—编辑---进行编辑
第二节 站点内容编辑
一、创建站点文件
1．打开站点，在站点下建立文件。右键单击站点文件夹→新建文件→untitled.htm（我们给这个无标题页面起个名字，一般情况下首页的名字是“index.html”。浏览器打开某个网站，一般是先“index.html”，再“index.htm”这个顺序是服务器决定的，而且绝大多数服务器都遵循这个原则，而且一般用户是无权修改这种设定。所以在制作网站的时候，我们最好把网站的第一页命名为index.html或index.htm.
2.把untitled.htm修改为index.htm(主页),双击主页文件index.htm，回到编辑区域，在标题栏里输入名字：我的主页，然后保存（ctrl+s）.dw怎么制作网页
注意：①页面的名称必须是小写的英文字母。②htm是文件的后缀，也就是这网页文件的类型说明，表示这个网页是静态的htm文件，也可以用后缀html表示，以后大家一定记住将网页的后缀改为htm或html，否则上传到服务器上，浏览器就无法打开上传的网页。
3．同1，2,分别建立不同的页面。比如：interest.htm;photo.html;resume.htm.,并分别回到编辑区域给标题命名与保存。
4．在站点地图中显示文件标题
站点面板中——视图——站点地图--------显示网页标题。
二、创建站点下的文件夹
右键单击站点文件夹→python正则表达式范围新建文件夹。比如：image,flash,等。文件夹不需要保存。
提示：文件夹与文件的名称不允许出现汉字和标点符号
三、查看站点地图：
查看站点地图是在Dreamweaver 8的“文件”面板的“视图”下拉列表框中选择“地图视图”选项。
四、编辑网页文件
1．双击我的主页，进入编辑区域。打开窗口属性面板。（在网页编辑中，经常打开是属性面板与站点文件夹）
2．修改——页面属性——选择页面背景的图片与颜等——确定。
①在页面输入文字。比如：
我的主页 我的兴趣 我的相册 我的简历
②设置文字属性。选中文字——在下面属性面板设置其属性（颜、大小、粗细、位置）。
添加各种字体
关于字体：
注意：别人的系统上未必装有与你相同的字体，所以不要将一些特殊的字体加到列表中使用，如果真需要特殊字体，必须做成图片之后再使用。（民生学院主页文字显示）
关于换行：
（1）换行
① 自动换行：在输入文字时，若某一行的长度超过了Dreamweaver窗口的显示范围，文字将自动换到下一行。
② 利用“Enter”键换行：在输入文字后按“Enter”键，文字成段，且上下段之间空一行。
transport的汉语

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。