电子政务第二章PPT课件

.,1,2网页的基础知识,.,2,2.1网页的脚本语言HTML2.1.1HTML语言概况,HTML（HypertextMarkupLanguage）超文本标记语言文本文档编辑器编辑HTML文档运行在Web浏览器上,.,3,2.1网页的脚本语言HTML2.1.2HTML脚本的基本结构,元素：符合DTD的文档标签：规定元素的属性和在文档中的位置成对出现：格式单独出现：格式标签：文档标识符标签：文档头部分标签：文档主体部分,.,4,标签中的一些基本属性,bgcolor背景色text文字的颜色link待连接超链接对象的颜色alink连接超链接对象的颜色vlink已连接超链接对象的颜色background背景文件,.,5,例1：基本结构,标题主体,.,6,2.1网页的脚本语言HTML2.1.3常用HTML元素,文本标签：换行标签：标题分级color颜色align位置标签：划分段落标签：换行并在该行下画一条水平直线size水平线高度width水平线宽度,.,7,标签：预格式化标签：黑体标签：斜体标签：下划线,.,8,例2：标签,Hi标签测试文档这是第一级标题这是第二级标题这是第三级标题这是第四级标题这是第五级标题这是第六级标题,.,9,例3：标签属性,段落位置测试文档段落位于左侧。段落位于中间。段落位于右侧。,.,10,例4：标签属性,HR标签测试文档水平线位于左侧。水平线位于中间。水平线位于右侧。,.,11,图象标签src属性图象文件所在位置width属性图象宽度hight属性图象高度align属性图象相邻位置文字的位置vspace属性垂直方向上与相邻对象距离hspace属性水平方向上与相邻对象距离border属性设置图象边框,.,12,文档中的列表元素无序列表：标签与标签排序列表：标签与标签目录列表：标签与标签描述性列表：标签、标签和标签HTML中的表格元素标签界定表格范围border属性width属性和height属性align属性cellspaceing属性cellpadding属性,.,13,标签标题标签align属性valign属性标签行标签align属性valign属性表头标签和数据标签rowspan属性Colspan属性align属性Valign属性bgcolor属性background属性例5：表格（略）,.,14,文档的超链接锚标标签href属性,.,15,例6：不同文档之间的跳转,文档链接范例程序有关柯基的说明,.,16,例6：不同文档之间的跳转,dog.html图象链接范例程序,.,17,2.2网页的编辑工具Dreamweaver2.2.1Dreamweaver概述,“网页设计三剑客”Dreamweaver、Flash、FireworkDreamweaverMacromedia公司推出的可视化网页制作工具Dreamweaver的版本Dreamweaver4.0DreamweavermxDreamweavermx2004Dreamweaver8.0DreamweaverCS3,.,18,2.2网页的编辑工具Dreamweaver2.2.2DreamweaverCS3概述,支持ActiveX、JavaScript、Java、Flash、Shockwave集网页设计与网络编程功能为一身插件MacromediaExtensionManager使DreamweaverCS3具有无限的扩展性,.,19,2.2网页的编辑工具Dreamweaver2.2.2DreamweaverCS3工作界面,.,20,2.2网页的编辑工具Dreamweaver2.2.2DreamweaverCS3工作界面,菜单栏插入栏浮动面板“属性”面板文档窗口,.,21,2.2网页的编辑工具Dreamweaver2.2.3创建和管理站点,创建本地站点执行“站点”“管理站点”命令，点击“新建”，在弹出的菜单中选择“站点”打开“站点定义”对话框，选择“基本”选项卡，输入站点名字点击“下一步”选择“否”点击“下一步”设置文件放置的位置点击“下一步”选择“无”点击“下一步”显示站点设置总结点击“完成”返回到“管理站点”对话框点击“完成”,.,22,.,23,.,24,.,25,.,26,.,27,.,28,.,29,管理本地站点执行“窗口”“文件”命令打开“文件”面板，可以看到站点中的所有文件点击“文件”面板右侧的“展开/折叠”按钮，即可打开站点管理器窗口使用站点地图点击“站点地图”按钮,.,30,.,31,.,32,2.2网页的编辑工具Dreamweaver2.2.4DreamweaverCS3的基本操作,插入文本使用列表在文件中插入文件头部内容插入其他对象,.,33,插入文本,插入普通文本插入特殊字符执行“插入记录”中的“HTML”中的“特殊字符”命令,.,34,.,35,使用列表,插入项目列表执行“文本”“列表”中的“项目列表”命令点击“属性”面版中的“项目列表”按钮插入项目编号执行“文本”“列表”中的“项目编号”命令点击“属性”面版中的“项目编号”按钮,.,36,.,37,在网页中插入文件头部内容,插入Meta信息Meta信息用来描述网页文件自身的信息执行“插入记录”“HTML”“文件头标签”中的“Meta”命令在弹出的对话框中设置参数点击“确定”后，在代码视图中可以看到插入的Meta信息,.,38,.,39,.,40,.,41,设置基础基础是指在文件头中添加一个脚本链接，该网页文档中所有的链接都以此链接为基准执行“插入记录”“HTML”“文件头标签”中的“基础”命令在弹出的对话框中设置参数Href：输入一个地址作为超链接的基本地址目标：选择打开方式点击“确定”,.,42,.,43,.,44,插入关键字关键字是与网页主题相关的简短而有代表性的词汇，可供搜索引擎使用执行“插入记录”“HTML”“文件头标签”中的“关键字”命令在弹出的对话框中设置参数点击“确定”,.,45,.,46,.,47,插入说明文字说明中详细说明网页的内容信息执行“插入记录”“HTML”“文件头标签”中的“说明”命令在弹出的对话框中设置参数点击“确定”,.,48,.,49,.,50,设置刷新刷新可以指定浏览器在一定的时间后自动刷新页面执行“插入记录”“HTML”“文件头标签”中的“刷新”命令在弹出的对话框中设置参数点击“确定”,.,51,.,52,.,53,插入其他对象,