第六章设计制作政府类网站.pptVIP

22 将光标置于页面中,单击“插入”栏上的“常用”选项卡中的“插入Div标签”按钮 ,弹出插入div标签对话框,设置如图所示. 23 单击确定按钮,在time层中插入menulink层. 24 在menulink层的css样式表中,在类型选项中设置行高为49px,颜色为#000000.在背景选项中设置背景图片为image/346.gif,重复为不重复.在区块选项中设置字体对齐为右对齐,在方框选项中设置宽为565px,高为49px,浮动为右浮动,代码如图所示. 25 将光标移至time层中,输入相应的文字内容.如图. 26 单击“css样式”面板上的“新建css规则”按钮 ,弹出新建css规则对话框,在选择器类型选项组中选择类单击按钮,在标签下拉列表框中输入font01选项,在定义在选项中选择刚刚定义的外部样式表文件css.css.在分类列表中选择方框选项,设置填充选项区中左为12px,右为12px,如图. 27 单击确定按钮,完成css规则定义对话框的设置.拖动光标选 中首页两个文字在属性面板上的样式下拉列表中选择刚刚定义的类样式表font01,用相同的方法给其他菜单文字应用font01样式表,页面效果如图. 28 在main层的css样式表中,在背景选项中设置背景颜色为#f2f2f2,在方框选项中设置宽为773px,高为472px,边界选项区中的上为10px,在边框选择区中设置四边样式为实线,宽度为1px,颜色为#e6e6e6,代码如图所示. * 第六章 设计制作政府类网站 回顾上节内容 个人网站前期准备工作 个人网站分类 个人网站创意分析 本节目标 了解：政府网站设计原则 熟悉：政府网站主要功能和栏目 掌握： 政府网站的色彩搭配及结构设计 6.1政府网站概述 政府门户网站的功能:发布政府信息，收集公众意见，提供办事指南，受理公众业务。 6.2政府网站设计原则 ? 符合党和国家的政治形式 ? 内容完事，功能适用 ? 网站页面设计简洁清晰 ? 网站名称和域名明确规范 ? 网站实效性 ? 网站安全性 6.3政府网站主要功能和栏目 网站的基本模块 政府风貌　　　　　　　政务之窗 经济建设 城市建设　　　　　　　为您服务　　　　　 办事指南 站内搜索　　　　　　　市长信箱　　　　　　热线电话 最新公告　　　　　　　热点链接 网站的交互模块 在线办理　　　　　　　收费标准　　　　　　文件表格下载 行政审批　　　　　　　投诉举报　　　　　　在线调查 在线解答 6.4创意分析 色彩搭配 色彩的运用上，政府网站的色调应以沉稳、柔和、较暗的中性色为主，使用色彩的数量不宜超过5种，色彩要有对比、过渡、平衡。背景以白色、淡色为主，正文以黑字为主，配色推荐使用蓝色，还可以点缀少量红色的色块。 结构分析 网站结构及栏目设计的基本要求 栏目的内容或功能定位明确　　　　　　　　　　　 各层级及同级间的页面导航便捷 栏目的设置能突出重点　　　　　　　　　　　　　 网站页面层级丰富、有序 栏目分级合理，有明确的划分的标准　　　　　　　 层级深度适中 栏目名称设置准确、直观 在各页面固定位置设置风格统一的导航栏 第六章 设计制作政府类网站 政府网站主页实现（一） 设计网页翻转按钮 top部分、导航部分 最新公告、视频资讯 今日北城 政府动态、政府文件 第六章 设计制作政府类网站 政府网站主页实现（二） 专题栏目、办事大厅 人事动态、政务稽查 在线服务 版权 总结 政府网站概述 政府网站设计原则 政府网站主要功能和栏目 创意分析 政府类网站主页实现 功能主机页面布局 制作步骤 网站导航制作效果如图. 01 执行文件—新建菜单命令,弹出新建文档对话框,在对话框左侧列表中选择空白页选项,在页面类型列表中选择HTML选项,在布局列表中学则无选项,在新建文档对话框右下角的文档类型下拉列表中学则XHTML 1.0Transitional选项,如果所示. 02 分析页面,运用前面例子中相同的制作方法,可以用div现对页面进行布局,完成页面布局后转换到代码视图中.div布局代码如图 03单击“css样式”面板上的“新建css规则”按钮 ,弹出新建css规则对话框,在选择器类型选项组中选择标签(重新定义特定标签的外观)单击按钮,在标签下拉列表框中输入*,在定义在选择中选择新建样式表文件选项. 04 单击确定按钮,弹出保存样式表文件为对话框,将新建的样式表保存为css.css. 05 单击保存样式表文件为对话框上的保存按钮,弹出css规则定义对话框,在分类列表中选择方框选项,设置填充和边界均为0. 06在分类列表中单击选中边框选项,设置宽度为0. 07 单击确定按钮没完成