网页设计与开发实战教程

前言
第1章  网站策划与创建
  1.1  互联网与网站剖析
    1.1.1  网站基础知识
    1.1.2  任务：网站剖析
    1.1.3  任务实现
  1.2  网站策划设计
    1.2.1  任务：策划一个自己待建主题网站
    1.2.2  任务实现
    1.2.3  知识补充：网站策划与页面设计
  1.3  使用dreamweaver创建网站站点
    1.3.1  任务：创建与维护待建网站站点
    l.3.2  任务实现
    1.3.3  知识补充：web网站与维护
  实训项目
第2章  html5网页设计
  2.1  制作基本网页
    2.1.1  任务：一个“云南怒江游记”的
    文字页面
    2.1.2  任务实现
    2.1.3  知识补充：定义dreamweaver的首选
    参数和html5简介
  2.2  制作图文网页
    2.2.1  任务：带有文字和图片混排的
    “云南怒江游记”页面
    2.2.2  任务实现
    2.2.3  任务拓展：为文字配多张图片
    2.2.4  知识补充：图像使用和dreamweaver
    的组件功能
  2.3  制作多媒体网页
    2.3.1  任务：一个带有文字、图片和视频
    的页面
    2.3.2  任务实现
    2.3.3  任务拓展：带有歌曲链接和flash
    动画等效果的页面
    2.3.4  知识补充：常用多媒体对象
  实训项目二
第3章  网站首页设计
  3.1  利用表格布局设计首页
    3.1.1  任务：设计一个网站首页页面
    3.1.2  任务实现
    3.1.3  知识补充：网页布局设计
  3.2  设计网站logo
    3.2.1  任务：设计深房小区网站logo
    3.2.2  任务实现
    3.2.3  任务拓展：设计另一个深房小区
    网站logo
    3.2.4  知识补充
  3.3  设计gif动画
    3.3.1  任务：设计一个横幅的gif动画广告
    3.3.2  任务实现
    3.3.3  任务拓展：设计一个图形围绕中心
    顺时针不停旋转gif动画
    3.3.4  知识补充：动画设计
  3.4  设计网站导航条
    3.4.1  任务：设计一组导航条
    3.4.2  任务实现
    3.4.3  任务拓展：利用系统按钮设计导航条
    3.4.4  知识补充：导航条设计
  3.5  导航下拉单
    3.5.1  任务：设计一带有下拉菜单的导航条
    3.5.2  任务实现
    3.5.3  知识补充：再谈设计下拉菜单
  3.6  用flash设计文字变化动画
    3.6.1  任务：设计一个横幅文字变化广告
    3.6.2  任务实现
    3.6.3  知识补充：flash动画设计
  3.7  用flash设计带有图文变化动画
    3.7.1  任务：设计一个带有图文变化
    广告条
    3.7.2  任务实现
    3.7.3  知识补充：flash设计规范
  3.8  用flash设计复杂变化效果
    3.8.1  任务：设计一个复杂变化效果广告
    3.8.2  任务实现
    3.8.3  知识补充：flash动画场景应用
    3.8.4  任务小结
  3.9  在主页中检查插件和跳出公告窗口
    3.9.1  任务：网站首页检查插件并弹出
    一个公告
    3.9.2  任务实现
    3.9.3  知识补充：行为面板及其功能
  实训项目三
第4章  超链接
  4.1  创建文字图片内外部链接和电子
    邮件链接
    4.1.1  任务：设计页面各种超链接
    4.1.2  任务实现
  4.2  创建锚点链接以及图像热点
    4.2.1  任务：为页面信息设置锚点链接
    4.2.2  任务实现
    4.2.3  任务拓展：在页面地图上设置
    热点链接
    4.2.4  知识补充：网页文档的设计备注
  实训项目四
第5章  网页配色与css定义布局设计
  5.1  玻璃质感导航按钮与主页配色设计
    5.1.1  任务：设计一组玻璃质感按钮
    5.1.2  任务实现
    5.1.3  知识补充：颜色搭配设计
  5.2  页眉图片和logo视觉修饰设计
    5.2.1  任务：设计一幅页眉图片
    5.2.2  任务实现
    5.2.3  知识补充：网站整体风格设计
  5.3  用css与i)iv设计网页
    5.3.1  任务：一个网页的布局设计
    5.3.2  任务实现
    5.3.3  任务拓展：css及其规则
    5.3.4  知识补充：dreamweaver中
    创建css
  实训项目五
第6章  spry构件应用
  6.1  spry菜单栏构件
    6.1.1  任务：用spry菜单栏构件设计网站
    导航条
    6.1.2  任务实现
    6.1.3  知识补充：spry widget的进一步
    说明
  6.2  spry折叠构件
    6.2.1  任务：用spry折叠构件设计网站
    左侧内容导航
    6.2.2  任务实现
  6.3  spry选项卡式与可折叠式等构件
    6.3.1  任务：用spry选项卡式面板等设计
    正文内容显示效果
    6.3.2  任务实现
    6.3.3  任务小结
  实训项目六
第7章  网页模板设计与表单
  7.1  使用模板制作页面
    7.1.1  任务：定义与利用模板设计“时尚
    直击”子栏目页面
    7.1.2  任务实现
    7.1.3  知识补充：dreamweaver创建模板
    的首选参数
  7.2  表单
    7.2.1  任务：创建交互式表单
    7.2.2  任务实现
  实训项目七(a)
  实训项目七(b)
第8章  javascript交互效果设计
  8.1  日期时间对象date()
    8.1.1  任务：在页面内显示日期时间并倒记时
    天数
    8.1.2  任务实现
    8.1.3  任务拓展：在页面上显示时间和
    中文曰期
  8.2  树型目录设计
    8.2.1  任务：树型目录导航设计
    8.2.2  任务实现
    8.2.3  任务拓展：单纯利用表格设计
    树型目录
  8.3  隐藏的浮动导航面板
    8.3.1  任务：设计可以隐藏于浏览器侧面
    的导航面板
    8.3.2  任务实现
  8.4  鼠标控制文字运动效果
    8.4.1  任务：跟随鼠标运动的蛇形文字
    8.4.2  任务实现
  实训项目八
第9章  jquery应用设计
  9.1  jqurey选择器使用
    9.1.1  任务：利用jquery改变页面
    显示效果
    9.1.2  任务实现
    9.1.3  任务小结
    9.1.4  任务拓展：使用几个常用方法
    设计页面效果
    9.1.5  知识补充：jquery选择器与方法
  9.2  图片切换效果设计
    9.2.1  任务：在页面显示图片切换广告
    9.2.2  任务实现
    9.2.3  任务小结：jquery选择器
    9.2.4  任务拓展：页面带有缩图的图片
    切换效果
    9.2.5  任务拓展：在页面显示图片
    切换广告
    9.2.6  任务拓展：又一种图片切换
    广告效果
  9.3  导航条与下拉菜单设计
    9.3.1  任务：设计水平二级菜单效果
    9.3.2  任务实现
    9.3.3  任务小结
    9.3.4  任务拓展：带有滤镜切换效果的
    导航条设计
  9.4  jquery ajax技术
    9.4.1  任务：利用jquery load()方法
    加载数据
    9.4.2  任务实现
    9.4.3  任务拓展：jquery常用客户端与服务器
    端数据加载方法设计
    9.4.4  知识补充：get和post方法差男
    和jquery ajax操作函数
  实训项目九
第10章  网站测试与发布
  10.1  部署发布以及更新网站
    10.1.1  任务：网站测试与发布
    10.1.2  任务实现
    10.1.3  知识补充：定义iis站点服务器
  实训项目十
第11章  网站项目开发综合训练方案
  11.1  项目立项与规划
  11.2  项目建设方案
  11.3  网站设计与实现
    11.3.1  网站页面设计
    11.3.2  网站设计特别注意问题
    11.3.3  一位早期microsoft公司网站
    设计者的经验
    11.3.4  测试
    11.3.5  推广站点
  11.4  网站开发规范
    11.4.1  确定网站目录结构
    11.4.2  确定网站的链接结构
    11.4.3  命名规范
    11.4.4  搜索框设计规范
    11.4.5  页码设计规范
    11.4.6  文字编排与设计
    11.4.7  文字超链接
    11.4.8  局部效果设计
    11.4.9  页面各个模块修饰设计
    11.4.10  广告设计规范
    11.4.11  页脚信息
    11.4.12  图片修饰设计
参考文献