教学课件网站建设项目二.ppt

《教学课件网站建设项目二.ppt》由会员分享，可在线阅读，更多相关《教学课件网站建设项目二.ppt（23页珍藏版）》请在知学网上搜索。

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,教学课件网站建设项目二,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,教学课件网站建设项目二,2025/9/6,教学课件,-,网站建设项目二,模块一 创建本地站点,一、启动,Dreamweaver 8,第一次启动,Dreamweaver 8,，可单击“开始”按钮，选择“所有程序”,“Macromedia”“Macromedia Dreamweaver 8”,,稍等片刻，显示,Dreamweaver 8,起始页,单击可打开文档,单击可创建相应类型的文档,二、认识Dreamweaver 8操作界面,在起始页的,“,创建新项目,”,列中单击第一项,“,HTML,”,后，将会创建一个,“,.html,”,格式的新文档，并进入Dreamweaver 8操作界面,标题栏上显示软件名称、文档标题和程序窗口控制按钮（最小化 、最大化 和关闭 窗口）,“菜单栏”中几乎集中了Dreamweaver 的全部操作命令，利用这些命令可以编辑网页、管理站点以及设置操作界面等要打开某项主菜单，只需用鼠标单击该菜单项即可。

,1标题栏和菜单栏,2插入栏,插入栏包含各种类型的对象按钮（如图像、表格和层等），通过单击这些按钮，可将相应的对象插入到文档中,在不同的插入栏之间切换,单击小三角符号 打开同位按钮组,文档标签显示了当前打开的所有网页文档的名称当用户打开多个网页时，通过单击文档标签可在各网页之间切换,如果文档名后带有“*”号，表示网页已修改但未保存,3文档标签,4文档工具栏,文档工具栏中包括可对文档进行操作的按钮,5状态栏,状态栏位于文档窗口底部，它提供了与当前文档相关的一些信息,除属性面板外，Dreamweaver 8还为用户提供了众多面板，如“文件”面板、“历史记录”面板等为便于管理，Dreamweaver 8将这些面板归入到不同的面板组中,02,属性面板位于文档窗口的下方，主要用于查看或编辑所选对象的属性,01,在Dreamweaver中，大多数操作都是通过面板实现的,6浮动面板,除文本外，网页中还可以包含图像、动画、音乐和视频文件等，Dreamweaver8是通过插入或链接这些文件来完成网页制作的将网页中用到的这些文件保存到指定的文件夹中（我们称该文件夹为站点文件夹），然后在Dreamweaver 8中将该文件夹指定为本地站点，则管理操作将变得非常方便。

,01,本节讲述站点的创建（具体操作见视频2-1）,02,三、创建站点,“,house,”,模块二 创建网站首页,利用文件面板新建文档,Dreamweaver中的文档也就是网页，可以使用菜单新建文档，也可以在,“,文件,”,面板中新建文档，本节以在,“,文件,”,面板中创建网页为例来说明新建文档的方法（具体操作见视频2-2）,二、设置基本页面属性,新建文档后，一般要先设置网页的页面属性，然后再进行其他操作页面属性主要包括网页标题、边距、背景颜色和文本颜色等（具体操作见视频2-3）,目前，网页中常用的图像文件有JPEG、GIF和PNG三种格式,01,在Dreamweaver中插入图像的方法非常简单，在确定图像插入点后，单击“常用”插入面板中的“图像”按钮 ，然后在打开的对话框中选择要插入的图像就可以了（具体操作见视频2-4）,02,三、在网页中插入图片,模块三 创建网站子页,一、用菜单新建并保存文档,与在,“,文件,”,面板中创建文档所不同的是，使用菜单创建的文档必须先保存到站点中，才能进行编辑（具体操作见视频2-5）,在Dreamweaver中可以通过设置文本的字体、字号、颜色、字符间距与行距等属性来区别不同的文本。

,输入文本的方法非常简单，只要将光标定位在网页的某个位置，然后输入文字就可以了（具体操作见视频2-6）,01,02,二、设置文本、图像等网页内容,“链接”是网站中最重要的组成部分，它指向的是我们要访问的目标文档或其他元素，从而使我们可以从一个页面跳转到另一个页面，或执行其他操作,在Dreamweaver中可以为文本和图片设置链接本节通过为一张图片设置多个链接，来讲述热点的应用（具体操作见视频2-7）,1,2,三、设置链接,延伸阅读,一、设置站点远程信息,在申请虚拟空间时，服务商会为我们提供登陆虚拟空间使用的IP地址、登录帐户名称和密码我们必须把这些信息设置到Dreamweaver对应的站点中，才能与服务器建立连接（设置的具体操作见视频2-8）,最好不要使用中文命名文件,01,文件名中不要使用大写英文字母,02,运算符符号不能用在文件名的开头,03,比较长的文件名可以使用下划线“_”来隔开多个单词或关键字,04,在大型网站中，分支页面的文件应存放在单独的文件夹中,05,在动态网站中，存放数据库的文件夹一般命名为“data”或者“database”,06,二、网页文件命名规则,一般情况下，网页中的图像不可见，是因为路径设定有误或图像文件名称输入有误。

如要确认图像文件的路径，可在选定图像后，在属性面板中查看显示图像文件路径的“源文件”文本框,要确认该文本框中显示的路径同图像文件的实际路径相同另外，实际的图像文件名称与路径中的图像文件名称也必须相同，因此要仔细查看是否正确输入了大小写字母,三、网页中的图片不显示,四、其他链接类型,外部链接,外部链接是可以跳转到其他网站的链接，此类链接的设置方法一般只有一种首先选中要设置链接的对象，然后在属性面板的,“,链接,”,文本框中输入要链接到的网址,2图片链接和下载链接,我们在上网时经常会碰到图片链接和下载链接，设置这类链接的方法非常简单，选中要设置为链接的文字或图片后，只要在属性面板的,“,链接,”,编辑框中将链接目标设置为图像文件或压缩文件就可以了,2025/9/6,演讲完毕，谢谢听讲,!,再见，see you again,3rew,。