教学课件-网站建设项目二

项目二创建房地产网站创建本地站点创建网站首页创建网站子页延伸阅读模块一创建本地站点一、启动Dreamweaver8第一次启动Dreamweaver8，可单击“开始”按钮，选择“所有程序”“Macromedia”“MacromediaDreamweaver8”。稍等片刻，显示Dreamweaver8起始页。单击可打开文档单击可创建相应类型的文档二、认识Dreamweaver8操作界面在起始页的“创建新项目”列中单击第一项“HTML”后，将会创建一个“.html”格式的新文档，并进入Dreamweaver8操作界面。1．标题栏和菜单栏标题栏上显示软件名称、文档标题和程序窗口控制按钮（最小化、最大化和关闭窗口）。“菜单栏”中几乎集中了Dreamweaver８的全部操作命令，利用这些命令可以编辑网页、管理站点以及设置操作界面等。要打开某项主菜单，只需用鼠标单击该菜单项即可。2．插入栏插入栏包含各种类型的对象按钮（如图像、表格和层等），通过单击这些按钮，可将相应的对象插入到文档中。在不同的插入栏之间切换单击小三角符号打开同位按钮组3．文档标签文档标签显示了当前打开的所有网页文档的名称。当用户打开多个网页时，通过单击文档标签可在各网页之间切换。如果文档名后带有“*”号，表示网页已修改但未保存。4．文档工具栏文档工具栏中包括可对文档进行操作的按钮。5．状态栏状态栏位于文档窗口底部，它提供了与当前文档相关的一些信息。6．浮动面板在Dreamweaver中，大多数操作都是通过面板实现的。属性面板位于文档窗口的下方，主要用于查看或编辑所选对象的属性。除属性面板外，Dreamweaver8还为用户提供了众多面板，如“文件”面板、“历史记录”面板等。为便于管理，Dreamweaver8将这些面板归入到不同的面板组中。三、创建站点“house”除文本外，网页中还可以包含图像、动画、音乐和视频文件等，Dreamweaver8是通过插入或链接这些文件来完成网页制作的。将网页中用到的这些文件保存到指定的文件夹中（我们称该文件夹为站点文件夹），然后在Dreamweaver8中将该文件夹指定为本地站点，则管理操作将变得非常方便。本节讲述站点的创建（具体操作见视频2-1）。模块二创建网站首页一、利用文件面板新建文档Dreamweaver中的文档也就是网页，可以使用菜单新建文档，也可以在“文件”面板中新建文档，本节以在“文件”面板中创建网页为例来说明新建文档的方法（具体操作见视频2-2）。二、设置基本页面属性新建文档后，一般要先设置网页的页面属性，然后再进行其他操作。页面属性主要包括网页标题、边距、背景颜色和文本颜色等（具体操作见视频2-3）。三、在网页中插入图片目前，网页中常用的图像文件有JPEG、GIF和PNG三种格式。在Dreamweaver中插入图像的方法非常简单，在确定图像插入点后，单击“常用”插入面板中的“图像”按钮，然后在打开的对话框中选择要插入的图像就可以了（具体操作见视频2-4）。模块三创建网站子页一、用菜单新建并保存文档与在“文件”面板中创建文档所不同的是，使用菜单创建的文档必须先保存到站点中，才能进行编辑（具体操作见视频2-5）。二、设置文本、图像等网页内容在Dreamweaver中可以通过设置文本的字体、字号、颜色、字符间距与行距等属性来区别不同的文本。输入文本的方法非常简单，只要将光标定位在网页的某个位置，然后输入文字就可以了（具体操作见视频2-6）。三、设置链接“链接”是网站中最重要的组成部分，它指向的是我们要访问的目标文档或其他元素，从而使我们可以从一个页面跳转到另一个页面，或执行其他操作。在Dreamweaver中可以为文本和图片设置链接。本节通过为一张图片设置多个链接，来讲述热点的应用（具体操作见视频2-7）。延伸阅读一、设置站点远程信息在申请虚拟空间时，服务商会为我们提供登陆虚拟空间使用的IP地址、登录帐户名称和密码。我们必须把这些信息设置到Dreamweaver对应的站点中，才能与服务器建立连接（设置的具体操作见视频2-8）。二、网页文件命名规则最好不要使用中文命名文件。文件名中不要使用大写英文字母。运算符符号不能用在文件名的开头。比较长的文件名可以使用下划线“_”来隔开多个单词或关键字。在大型网站中，分支页面的文件应存放在单独的文件夹中。在动态网站中，存放数据库的文件夹一般命名为“data”或者“database”。三、网页中的图片不显示一般情况下，网页中的图像不可见，是因为路径设定有误或图像文件名称输入有误。如要确认图像文件的路径，可在选定图像后，在属性面板中查看显示图像文件路径的“源文件”文本框。要确认该文本框中显示的路径同图像文件的实际路径相同。另外，实际的图像文件名称与路径中的图像文件名称也必须相同，因此要仔细查看是否正确输入了大小写字母。四、其他链接类型1．外部链接外部链接是可以跳转到其他网站的链接，此类链接的设置方法一般只有一种。首先选中要设置链接的对象，然后在属性面板的“链接”文本框中输入要链接到的网址。2．图片链接和下载链接我们在上网时经常会碰到图片链接和下载链接，设置这类链接的方法非常简单，选中要设置为链接的文字或图片后，只要在属性面板的“链接”编辑框中将链接目标设置为图像文件或压缩文件就可以了。3．电子邮件链接有些网站上留有电子邮件地址，单击该地址可打开“OutlookExpress”的“新邮件”窗口。这是一种特殊类型的链接，又叫电子邮件链接。选中文本或图片后，在属性面板上“链接”文本框中输入“mailto:电子邮件地址”即可。