现代教育技术师资培训
培训时间
主讲教师
培训地点
一号微机室
参加人员
效果
备注
现代教育技术师资培训
培训时间
2011.9.2
主讲教师
马志刚
培训地点
一号微机室
参加人员
全体教师
做网站,麻烦在更新和改版,特别是大规模更新,手工工作量非常大。告诉你个秘密吧,其实只要用好模板工具,就能很好地“批发”网页。常见的网页制作工具如DreamWeaver中都有这项功能,使用模板就能减少大量的重复劳动。
1、创建模板页面
  最简单的办法是将一个网页另存为模板文件,通过执行命令:File→Save as Template,DreamWeaver会在网站根目录中建立一个模板文件夹——Templates来保存该模板。当然,也可以新建一个模板:Window→Templates,会出现的Templates面板,单击右下角的New Template按钮,输入文件名,就建立了一个空模板;再单击Open Template按钮打开该模板,保存后自动存放于网站模板文件夹Templates中。新建、打开的模板页面和普通的网页没什么两样,同样可以加入表格、层、图片、动画、脚本,设置页面属性等。
举例:这里以制作一个模板为例来说明。在该页面中,我们希望左侧的网站标识图和底部的导航图出现在每个页面中。其中标识图由两幅图片叠加而成,导航图上的文字“最近更新”、“在线阅读”、“打包下载”等划分成几个热区分别链接到不同的文件,它们在每个页面中都不变。右上部的主页面区和左下角弹出式选单按钮下面的页面说明则各不相同。为了保持页面整洁,我们用表格来布置这些元素。
  准确地说它只是一个没有可编辑区域的“准模板”,下面再设定可编辑区域。
2、设定可编辑区域
设定模板可编辑区域,一般来说有两种方法。
新建可编辑区域:选择命令:Modify→Template→New Editable Region。在某一空白区域中单击后执行该命令即可将该区域变为可编辑区域。
标记某一区域为可编辑区域:选择命令:Modify→Template→Mark Selectin as Editable Region。如果某区域已经有一些文字,并且希望在以后新建的超文本文件中部分保留其内容,先选中该区域再执行标记命令即可。
取消可编辑状态:选择命令:Modify→Template→Unmark Editable Region。执行该命令后会弹出一个对话框,其中有当前已有的可编辑区域列表,选中要取消的区域名称,确认即可。举例:在大片空白区中随便单击一下,执行Modify→Template→New Editable Region命令,在弹出对话框中输入名称:Main;选中左下角本页说明下面的文字,执行Modify→Template→Mark Selectin as Editable Region命令,输入名称:exp。可以看到可编辑区显示为浅蓝,保存即完成模板制作。
效果
效果良好,大部分能听明白
备注
现代教育技术师资培训
培训时间
2011.9.16
主讲教师
马志刚
培训地点
一号微机室
参加人员
全体教师
1、根据模板新建页面
  命令:File→New From Template。弹出对话框,从模板列表中选取模板,出现的新页面中除可编辑区外均有淡黄背景,是不能进行修改的部分。空白的Main编辑区可直接进行插入表格、文字、图片等操作,Exp编辑区保留有原来的文字,修改或重新编辑均可。
2、对一个已经有内容的页面应用模板
  命令:Modify→Template→Apply Template to Page。选择模板后还会弹出一个对话框,让您选择现有的孤立内容保存到哪个可编辑区域(Choose Editable Region for Orphaned Content)。要是不想保留则可以选择“(none)”。
  举例:我们先新建一个普通页面,输入:“CIW 电脑工作室”,执行Modify→Template→Apply Template to Page命令,选择模板test,现有内容保存区域选择Main,确认后可看到页面自动变成了模板页的形式,而“CIW电脑工作室”这一行字就出现在主编辑窗口中。
3、更新模板以全面更新站点
  基于某一模板建立了一些页面后,对模板进行修改后保存时,就会自动弹出一个对话框,列出所有使用了该模板的页面,询问是否要更新。
  另外一种方法是执行Modify→Template→Update Pages命令。从Update Pages对话框中选择一个站点或站点的某一种模板(同一站点中可以使用多个模板),单击右侧的Start按钮,软件会自动搜索与模板相关联的网页并进行更新。非常方便!
举例:Test模板左侧图形中的“读书破万站”图片是用一个图层叠加在另一幅图片之上的,现在不想要它,同时还想将所有页面中的该图片均删除。就可以打开模板test.dwt,删除该图层,保存模板,单击右侧的“Update”按钮即可
注意:新建和使用模板前需定义站点。方法是,执行命令:Site→Define Sites;指定站点名称和本地根目录(Local Root)。模板使用的是相对路径,如果没有指定网站在本地的位置,软件就不能准确到并保存模板文件;并且应用模板新建和更新页面时,页面中的超链接也不能随页面文件保存位置的不同而相应变化。
效果
效果良好,大部分能听明白
备注
现代教育技术师资培训
培训时间
2011.9.23
主讲教师
马志刚
培训地点
一号微机室
参加人员
全体教师
虽然我们一直建议大家不用Dreamweaver可视化编辑的方式进行CSS网页布局,但依然很多朋友在使用。建立您可以使用DW的代码编辑器进行CSS代码的编写。今天向大家介绍Dreamweaver CS3网页制作中的CSS布局规则 。
 
CSS文件的链接方式
  ·附加链接:外部CSS文件
  ·导入CSS:常用应用多个CSS文件时,将多个CSS导入一个CSS文件中
 
CSS规则定义有三种
  ·类比如“.RedText”、“.BlueText”和“.BigText”等等
  ·标签针对原有HTML标签做的重新CSS定义
  ·高级伪类、定义了ID的元素,以及综合性定义
 
CSS规则的应用
  ·只有“类”样式才需要应用,class=”xxxx”。任何元素都可以应用类。
  ·class与id的区别
  ·标签应用一般对于“body”标签一次性使用,对于诸如“li”、“td”等在页面中重复性比较大的标签不推荐定义。
  ·高级多运用,定义“#id li”比定义“li”要好得多。
 
CSS规则的执行顺序
  ·按照CSS代码的执行先后顺序
  ·如果有重复的规则,按照后执行的定义
  ·最终规则是多个定义规则的综合
 
重点:高级规则定义
  ·对于不同表格的文字样式定义。(不同表格使用不同ID、使用类样式定义)
  ·一页中的多种超级链接样式定义
  ·多个相同规则不同对象的CSS共同定义
  ·对于同一对象定义的多种CSS方式考虑哪种更科学(扩展性和代码精简性)
效果
效果良好,大部分能听明白html网页免费模板
备注
现代教育技术师资培训
培训时间
主讲教师
马志刚
培训地点
一号微机室
参加人员
全体教师
1、运行环境与软件要求
Windows 2000 以上 (不包括Windows XP Home版)
IIS 4.0 以上
Microsoft Access 2000
Dreamweaver MX
2、IIS的安装与配置
a.安装IIS
若操作系统中还未安装IIS服务器,可打开“控制面板”,然后单击启动 “添加/删除程序”, 在弹出的对话框中选择 “添加/删除Windows组件”,在Windows组件向导对话框中选中“Internet信息服务(IIS)”,然后单击“下一步”,按向导指示,完成对IIS的安装。(图例如下图1、图2 由于白茶123使用的是Windows Server 2003操作系统所以和大家的安装界面有所出入,但大体相同)此主题相关图片如下:
   
图1—windows组件向导1此主题相关图片如下:图2—windows组件向导2
b.启动Internet信息服务(IIS)
Internet信息服务简称为IIS,单击Windows开始菜单---所有程序---管理工具---Internet信息服务(IIS)管理器,即可启动“Internet信息服务”管理工具(如图3)
此主题相关图片如下:c.配置IIS
IIS安装后,系统自动创建了一个默认的Web站点,该站点的主目录默认为C:\\Inetpub\\。
用鼠标右键单击“默认Web站点”,在弹出的快捷菜单中选择“属性”,此时就可以打开站点属性设置对话框,(如图4)在该对话框中,可完成对站点的全部配置。
此主题相关图片如下:图4—默认Web站点属性
效果
效果良好,大部分能听明白
备注
现代教育技术师资培训

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。