第14课小惠家网站制作实例(2+2).pptVIP

第14课 网站制作实例 本网站是一个介绍小慧的家网站，作为一个专业的商业网站，还会处理许多数据，即需要编写后台处理程序才能使整个网站正常运行，正常实现各种数据处理的功能。 本课时只讲解静态页面的制作。 绘制结构草图 访问者浏览器800*600分辨率使用频率最多 一般将窗口定为760*420 制作分析 在制作本网站前应先在电脑中创建一个名为xiaohuidejia的文件夹，然后在该文件夹中再创建一个名为images的文件夹，用于保存网站中所有用到的图像。 新建一个名为“xiaohui”的站点，并保存在xiaohuidejia文件夹中。 站点右键------新建文件 创建布局表格 插入logo banner 导航栏背景 左边导航栏背景图片 版权信息背景图象 创建内部链接 复制 index.htm创建内部的链接 右键站点---编辑---连贴—重命名 个人简介—锚点链接 网页长 左边页面提纲 右边插入命名锚记1 左边文字链节指向锚点标志#1 文学作品---简单javascipe 设置和编辑图象属性 插入图片 混排效果:图象属性左对齐 光标放上加提示信息:图象属性 ---替代 编辑图象:选择图右键 首选参数 编辑裁剪直接修改—双击退出 Donghua.htm 添加flash 加flash文字,按纽 插入高分辨率图象,低分辨率图象作为低解析度源,提高下载速率,浏览效果好. 修改---页面属性---跟踪图象---对布局进行指导 Donghua.htm图象热区: 可以链接到网址,图象,flash,声音等 新建.mystyle 类(可应用于任何标签) Css样式改变文字样式 一定以.开头 选择应用此样式对象,右键 内部Css样式定义超级链接样式 高级 名称a 超级链接四种状态a.link正常状态 a.hover光标移上 a.visited访问过后 a.active选中 外部Css样式 标签 选择table 电击附加样式表 修改—编辑css 所有的附加此css网页均改变 插入—标准---描绘层 层可以复制,定义大小位置 加载文档显示欢迎词 选择body整个文档 弹出信息(欢迎) 打开浏览器窗口(本站新增…….) 下拉菜单 可以给链接文字加下拉菜单 图层行为综合应用 按照自己的需要制作一遍 * 课前导读 课堂讲解 上机实战 课后练习 浏览“小慧的家”网站 制作分析 第16课 网站制作实例 网站风格; IBM 专业严肃 WAWAYAYA 生动活泼 网站标志醒目,如左上角,且保持不变 有反映网站精髓的标语并动态显示 导航部分位于网站的相同部分,便于访问 主体颜色舒服不刺眼 布局,上左导航,下右内容 结构简单精要,访问者能快速找到需要的内容 颜色;红色热情喜庆 橙色稳馨时尚 绿色宁静健康 蓝色清新浪漫 紫色神秘 黑色深沉 白色明快 黑色高雅 站点-管理站点-新建-基本-站点的起名输入xiaohui 光标移上图片, 状态栏显示信息