模板网站基本建站步骤.ppt

把你六个页面的名字分别写在模板的第二行（也就是紧挨着图片下面那一行。模板中第一行内插入了图片，步骤第26页要求第二行内已经插入了一个一行六列的表格）的六个单元格内。效果如上图所示。比如我的页面就是从左到右依次为： 展馆一览，河南馆，中国馆，网上世博会，北京馆，重庆馆 这里的第二行，就是我们每个网站必须的部分——导航栏 我们可以从这里到达网站的主要的角角落落。当然，我们今天做的是一个最简单的导航栏。 我的导航栏设置文字居中，大小，颜色和字体都做了一点改变。如上图所示。你可以随意尝试。 下面是重要步骤——设置导航栏超链接。 比如我的1.html的内容是展馆一览，所以就在第一个单元格，用鼠标左键选中“展馆一览”四个字，然后在下面的属性面板里面，用左键单击“链接”右侧的那个准星一样的图标，然后向右，拖到文件管理面板上的1.html上。具体参考下页。 然后就是选中河南馆，然后把超链接拖到2.html上。 如此反复，把六个页面的超链接都设置好。 然后选“文件”菜单下的“保存” 系统若提示如上图，就是操作正确。请用鼠标左键单击“更新”。 如上图。“显示记录”为“完成”时。单击“关闭” 注意，如果你保存的时候，更新的那个界面不像我上一页一样，是一次更新全部六个页面，那就是前面步骤错了。一般都是错在创建页面的时候，没有按我要求的那样从temp模板开始创建 你虽然只更改了你的模板，但是由这个模板创建的所有页面此时都会发生相同的变化。这一点你很快就会看到。 下面我们做一个小特效。这个特效算附加题。今天可做可不做。不想做的请跳过，直接从第72页看起。 在Dreamweaver中单击“插入记录”菜单下的“html”--》“文件头标签”--》“meta”，弹出一个对话框。输入如图所示的内容后点“确定” 然后选“文件”菜单下的“保存” 系统提示如上图，选择“更新”。 Transition=后面的数字是页面切换特效的代码，可以输入从1到23任意数字。23表示“随机特效”。其他则是某一固定特效 如上图。“显示记录”为“完成”时。单击“关闭” 以后你每次在模板中做了修改，只要保存，就会即时更新到所有网页中的。 现在请你打开一个页面，比如1.html，你会看到导航栏已经出现了，你可以从任何一个页面通过导航栏到达任意另外一个页面上。 单击超链接跳转的时候，可能页面上方会出现一个黄色的小提示条，鼠标单击它，选第一行“允许阻止的内容”，就能看到你刚才在第69页的操作所设置的页面过度特效了。 补充，有的同学的电脑上浏览网页或者预览网页的时候可能打不开，这是系统的默认问题，记得选择用IE浏览器来打开网页即可。 方法：在你的网页上单击右键，选择“打开方式”，然后选择“Internet explorer”，就是那个蓝色的e，就可以了。 本周我们不做太多的要求，对于具体页面的设计，不做美观上的评价，主要评分标准看你技术上是否完成。 下课前我会检查。如果检查的时候你的六个页面之间可以通过导航栏互相访问，就是正确的。 如果做不到，扣一次平时成绩。 课外补充一：网上世博 这次备课的时候我因为搜集资料而全面浏览了网上世博会的网站内容。该网站基本体现了目前国内一般商业网站的最高水平。建议大家有机会上网的时候都去看看 网址：/ /indexn.html 　　Dreamweaver模板是一种特殊类型的文档，用于设计“固定的”页面布局；然后您便可以基于模板创建文档，创建的文档会继承模板的页面布局。 设计模板时，可以指定在基于模板的文档中哪些内容是用户“可编辑的”。 课外补充二：模板的介绍 使用模板，模板创作者控制哪些页面元素可以由模板用户（如作家、图形艺术家或其它 Web 开发人员）进行编辑。模板创作者可以在文档中包括数种类型的模板区域。 　　注： 使用模板可以控制大的设计区域，以及重复使用完整的布局。如果要重复使用个别设计元素，如站点的版权信息或徽标，可以创建库项目。 　　使用模板可以一次修改、更新多个页面。从模板创建的文档与该模板保持连接状态（除非您以后分离该文档）。可以修改模板并立即更新基于该模板的所有文档中的设计。 　　注： Dreamweaver 中的模板与某些其它 Adobe Creative Suite 软件中的模板的不同之处在于，默认情况下 Dreamweaver 模板的页面中的各部分是固定（即不可编辑）的。 作业:复习回顾网站基本步骤 1.创建文件夹用来存放网站各类资源pages/img/pic 2.把必须的资源分类存放在文件夹中.没用到的图片不要放进来。 3.在dreamweaver中创建站点。然后创建模板,通过表格设置页面结构，通过页面属性设置页面基本外观。并插入模板对象——可编辑区域 4.由模板创建网页并保存。 5.返回模板设计超链接，更新整个网站。 然后