（中职）中文Dreamweaver CS3案例教程（第二版）第十章教学课件

1、（中职）中文Dreamweaver CS3案例教程（第二版）第十章ppt课件中文Dreamweaver CS3案例教程（第二版）第10章 站点管理和网站发布10.1 【案例47】“鲜花缘”网站案例效果该网页的背景由一幅鲜花图像、“鲜花缘”标题文字、小花仙子图像、竖排立体文字“欢迎光临”和一幅鲜花图像等组成，其上边第1行的左边是一个LOGO动画，“鲜花缘”标题文字下面是导航栏。单击导航栏内的按钮，即可打开相应的网页。操作步骤1创建“鲜花缘”站点（1）单击“站点”“管理站点”菜单命令，单击“新建”按钮。（2）在“本地根文件夹”文本框内输入站点的存储位置。（3）单击“窗口”“文件”菜单命，选中左边下

2、拉列表框中的其他站点名称，可以显示其他站点的结构和文件。2制作“鲜花缘”网站主页3制作“鲜花缘.dwt”模板（1）单击“文件”“另存为模板”菜单，在“另存为”文本框中输入“鲜花缘”，在“站点”下拉列表框内选择“鲜花缘”站点名称。（2）单击“另存模板”对话框内的“保存”按钮，将网页文档以模板名称“鲜花缘.dwt”保存在“Templates”的文件夹”内，（3）将单元格内的“apDiv13”和“apDiv14”两个AP Div和其内的图像删除。（4）插入一个名称为“可编辑区域1”的可编辑区域。（5）设计好的“鲜花缘.dwt”模板保存。4制作其他网页（1）单击“文件”“新建”菜单命令，单击“模板中的

3、页”按钮，选择“站点”列表框中的“鲜花缘”站点名称选项，选中“站点鲜花缘的模板”列表框内的“鲜花缘”模板名称选项。（2）单击“新建文档”对话框内的“创建”按钮，关闭“新建文档”对话框，同时利用“鲜花缘”模板创建一个网页。（3）将该网页命名为“鲜花浏览.html”保存在“【案例47】鲜花缘”文件夹内。（4）拖动选中“可编辑区域1”黑色文字，按【Delete】键，将它们删除。（5）创建一个“apDiv1”AP Div，导入的“图像浏览.swf”文件。（6）按照上述方法，再制作“鲜花药理.html”网页。（7）打开“世界名花3.dwt”模板文件，选中第1行第2列图像，在它的“属性”栏内“链接”文本框

4、中输入./index.html，建立该图像与index.html主页的链接。相关知识1网站规划（1）确定网站主题（2）确定网站风格（3）考虑用户访问网站的技术因素2网站设计包括网页结构设计、站点目录结构的建立、网页素材的收集和处理、网页颜色设计、网页元素的使用、导航系统设计和网页布局设计等。10.2 【案例48】“鲜花缘”网站的本地测试案例效果为了保证网页在目标浏览器中能够正常显示，链接正常，还需要对本地站点进行测试，包括兼容性测试和网页链接测试等。兼容性测试主要用来检查文档中是否有浏览器不支持的标记（或属性。目标浏览器检查提供了3个级别的潜在问题信息，有告知性信息、警告信息和错误信息。操作步

5、骤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上传管理，另一种方