第3章 Dreamweaver CS5快速入门.ppt

第2章 知识点回顾 3.1 定义Dreamweaver站点 3.1 定义Dreamweaver站点 3.1 定义Dreamweaver站点 3.1 定义Dreamweaver站点 3.1 定义Dreamweaver站点 3.1 定义Dreamweaver站点 3.1 定义Dreamweaver站点 3.2 新建网页 3.2 新建网页 3.3 设置页面属性 3.3 设置页面属性 3.3 设置页面属性 3.3 设置页面属性 3.3 设置页面属性 3.3 设置页面属性 3.3 设置页面属性 3.4 插入文本 3.5 插入图像 3.6 修改CSS样式 3.6 修改CSS样式 3.6 修改CSS样式 3.7 预览网页 LOGO * LOGO （1）XHTML语言的基本结构、书写格式、语法规范 （2）CSS基本语法、选择器类型、CSS样式应用方式 html head titlewelcome/title link href=“style.css” rel=“stylesheet” type=“text/css” / /head body 主题内容 /body /html body { font-family: ??ì?; font-size: 12px; color: #24696C; background-color: #6DCACF; } .text { line-height: 20px; color: #F30; letter-spacing: 6pt; text-indent: 30px; } #table1 { border: 6px solid #368F95;}} 1.站点类型 站点（Web Site），也称网站，是一系列通过超链接而相互联系的网页集合，这些网页都具有一些共性。 本地站点：放置在本地磁盘上的站点，是在制作网站过程中存放所有文件和资源（图像、声音等）的总文件夹。 远程站点：是本地站点的复制，存放在可以连接网络并提供广大网民浏览的远程服务器上。用Dreamweaver建立网站时，为了便于管理，用户应首先在本地计算机上构建本地站点，完成网站的建设，经测试再上传到Internet服务器上，以供别人访问。 2.站点规划原则 站点是由文档和文档所在的文件夹组成，利用不同的文件夹，将不同内容的网页分门别类地保存起来，是设计网站的前提。 将站点内容进行分类，然后把相关内容放在同一个文件夹中，以便对站点资源进行管理，文件夹的层次最好不要超过3层。如：D:\myweb 在对文件或文件夹命名时需注意：最好使用英文或汉语拼音作为文件或文件夹的名字；命名应有一定规律，不要使用过长的名称，尽量使用意义明确的名称。如Photo、works、iamges 合理分配各种类型的文件，对文件进行分类存放。 images：图像；photo：照片 3.创建站点 （1）在本地计算机某盘根目录下建立一个总的网站文件夹和总文件夹中的图像文件夹。 （2）选择【站点】—【新建站点】命令，打开【站点设置对象】对话框。 ①【站点名称】：设置站点名称，可以是中文或英文，此处输入“myweb” ②【本地站点文件夹】：设置本地磁盘中用来存储站点文件的总文件夹，单击文本框右侧“浏览”打开“选择根文件夹”对话框，导航到myweb文件夹。 ③单击【高级设置】，设置各项参数： 【默认图像文件夹】文本框：用于输入本地站点的默认图像文件夹路径。 【链接相对于】单选按钮组：在站点中创建指向其他资源或页面的链接时，指定Dreamweaver创建的链接类型。 【Web URL】文本框：输入Web远程站点的URL。 【区分大小写的链接检查】复选框：在Dreamweaver中检查链接时，将检查链接的大小写与文件名的大小写是否匹配。 【启用缓存】：指定是否创建本地缓存以提高链接和站点管理任务的速度。 4.管理站点 选择【站点】—【管理站点】命令，打开【管理站点】对话框。 编辑站点：单击[编辑]按钮，可对选中站点进行重新设置。 删除站点：单击[删除]按钮，可删除选中站点。 注：此操作实际上只删除了Dreamweaver同本地站点之间的关系，并没有删除保存在本地计算机上的站点内容，用户可以重新创建指向其位置的信站点。 复制站点：单击[复制]按钮，可将选中站点进行复制。 导出站点：单击[导出]按钮，在[导出站点]对话框中设置导出位置，导出站点的扩展名为.ste。 导入站点：单击[导入]按钮，在打开的对话框中选择扩展名为.ste的文件，单击[确定]按钮即可。 选择[窗口]|[文件]命令或按F8键，打开[文件]面板，它是Deamweaver CS组织 和编辑站点的控制中心，在该面板中包含了许多重要功能。 [文件]面板菜单