新中文Dreamweaver CS3案例教程（第二版） 教学课件 沈大林 等 第十章.pptVIP

在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 中文Dreamweaver CS3案例教程（第二版） 沈大林 主编 第10章 站点管理和网站发布 10.1 【案例47】“鲜花缘”网站 案例效果 该网页的背景由一幅鲜花图像、“鲜花缘”标题文字、小花仙子图像、竖排立体文字“欢迎光临”和一幅鲜花图像等组成，其上边第1行的左边是一个LOGO动画，“鲜花缘”标题文字下面是导航栏。单击导航栏内的按钮，即可打开相应的网页。 操作步骤 1．创建“鲜花缘”站点 （1）单击“站点”→“管理站点”菜单命令，单击“新建”按钮。 （2）在“本地根文件夹”文本框内输入站点的存储位置。 （3）单击“窗口”→“文件”菜单命，选中左边下拉列表框中的其他站点名称，可以显示其他站点的结构和文件。 2．制作“鲜花缘”网站主页 3．制作“鲜花缘.dwt”模板 （1）单击“文件”→“另存为模板”菜单，在“另存为”文本框中输入“鲜花缘”，在“站点”下拉列表框内选择“鲜花缘”站点名称。 （2）单击“另存模板”对话框内的“保存”按钮，将网页文档以模板名称“鲜花缘.dwt”保存在“Templates”的文件夹”内， （3）将单元格内的“apDiv13”和“apDiv14”两个AP Div和其内的图像删除。 （4）插入一个名称为“可编辑区域1”的可编辑区域。 （5）设计好的“鲜花缘.dwt”模板保存。 4．制作其他网页 （1）单击“文件”→“新建”菜单命令，单击“模板中的页”按钮，选择“站点”列表框中的“鲜花缘”站点名称选项，选中“站点‘鲜花缘’的模板”列表框内的“鲜花缘”模板名称选项。 （2）单击“新建文档”对话框内的“创建”按钮，关闭“新建文档”对话框，同时利用“鲜花缘”模板创建一个网页。 （3）将该网页命名为“鲜花浏览.html”保存在“【案例47】鲜花缘”文件夹内。 （4）拖动选中“可编辑区域1”黑色文字，按【Delete】键，将它们删除。 （5）创建一个“apDiv1”AP Div，导入的“图像浏览.swf”文件。 （6）按照上述方法，再制作“鲜花药理.html”网页。 （7）打开“世界名花3.dwt”模板文件，选中第1行第2列图像，在它的“属性”栏内“链接”文本框中输入../index.html，建立该图像与index.html主页的链接。 相关知识 1．网站规划 （1）确定网站主题 （2）确定网站风格 （3）考虑用户访问网站的技术因素 2．网站设计 包括网页结构设计、站点目录结构的建立、网页素材的收集和处理、网页颜色设计、网页元素的使用、导航系统设计和网页布局设计等。 10.2 【案例48】“鲜花缘”网站的本地测试 案例效果 为了保证网页在目标浏览器中能够正常显示，链接正常，还需要对本地站点进行测试，包括兼容性测试和网页链接测试等。 兼容性测试主要用来检查文档中是否有浏览器不支持的标记（或属性。 目标浏览器检查提供了3个级别的潜在问题信息，有告知性信息、警告信息和错误信息。 操作步骤 1．本地站点的兼容性测试 （1）打开要检测的网页文档。单击“文档”工具栏内的“检查浏览器兼容性”按钮。 （2）在“目标浏览器”对话框内“浏览器最低版本”列表框中选中需要检测的目标浏览器名称复选框。 （3）单击“目标浏览器”对话框内的“确定”按钮，会自动弹出“结果”面板组内的“浏览器兼容性检查”面板，给出检测报告。 2．站点链接的测试 （1）网页链接的检查 （2）整个站点链接的检查 （3）链接的自动检查 3．修复站点内链接的错误 4．批量替换链接 5．设置连接速度 相关知识 1．“文件”面板和“站点”窗口的基本操作 2．站点地图属性设置 3．利用“站点”窗口创建链接 4．利用“站点”窗口的快捷菜单命令创建链接 5．用高级方式查找和替换文本 6．设置预览功能 10.3 【案例49】申请主页空间和发布站点 案例效果 将在通过申请主页空间和域名、站点服务器的设置和发布个人站点几个步骤，来完成将“鲜花缘”网站发布到Internet上的操作。 操作步骤 1．搜索免费主页空间 2．申请免费主页空间 3．修改网站 4．设置远程服务器和网站发布 在完成网站制作和检测，以及获得免费主页空间的主机名称、二级域名、IP地址、FTP用户名和上传密码后，就可以将网站发布到Internet上供浏览者访问。发布网站有多种方式，有的网站提供了FTP上传管理，另一种方法是在Dreamweaver CS3中进行上传管理；此外还可以通过专用的FTP软件进行上传。 相关知识 1．防火墙参数的设置 2．文件下载和刷新 3．使用CuteFTP软件设置远程服务器和网站发布