网页设计Dreamweaver CS3基础.pptVIP

网 页 设 计 课程介绍 学习内容 Dreamweaver CS3基础 框架、表格、AP Div 表单与CSS样式表 行为和命令 站点管理、模板与库 学习目标 掌握网页设计的基本方法及网站管理与维护的基本手段 具有使用可视化网页设计工具进行网页设计及网站维护的基本能力 重点培养学生网站管理的主要思想、网页设计的主要技术，以及学生的实际维护、设计能力。 教学要求 1. 了解基本的 HTML 标签及其使用方法 2. 了解网站开发的主要流程 3. 熟悉 Dreamweaver 的集成设计环境，掌握设计过程中常用的操作方法 4. 掌握使用表格、框架实现网页布局的方法； 5. 掌握表单设计及处理的方法 6. 掌握 CSS 样式表的创建及使用方法 7. 掌握常见网页动态效果的使用方法。 认真听讲，独立、按时完成作业。 注意优秀网站的收集。 多练习，多思考。 合理使用搜索引擎。 注意一些小软件的使用（网页特效精灵，swish等）。 教学方式与重要环节 软件演示+实例操作步骤。 兴趣是最好的老师 掌握详细的操作说明与实例解说是至关重要的，不妨抱着一种轻松的心情去学习，这样,效果也许更好一些。 没有捷径，多上机，对大量的实例多做上机练习可避免初学者少走弯路。 千里之行，始于足下 做一个快速高效的网站设计者！ 考核方式及成绩计算 考核方式采取平时成绩与期末机试两种方法相结合的方式，平时成绩占30%，期末考试占70%。 平时成绩：阶段性的作业+课堂考勤+课堂提问 期末机试：综合设计一个网站 本章要点 了解网页与网站的关系。 了解制作网页的常用软件。 熟悉HTML语言。 能够用HTML语言制作简单网页。 网页制作的基本步骤。 1.1.1 网页与网站 网页：通过浏览器看到的画面 网页的组成 文本和图片 超级链接 文本 图片 动画 GIF FLASH 表单 音频和视频 网站：由网页组成 通过浏览器访问网站： 在浏览器输入网址 网站的某一个网页文件被传送到用户的计算机上 通过浏览器解释网页的内容，展示给浏览者。 网页文件的扩展名 .htm , .html .asp , .php , .jsp … “静态”网页 客户端 服务器 “动态”网页 (“动态网页”需要服务器的支持、实现与数据库的交流）  客户端 服务器 数据库 浏览器 网页文件要使用“浏览器”浏览。 常见浏览器有： Internet Explorer (IE) Netscape Navigator (网景） Tencent Traveler( 腾讯） 网页三剑客简介 Dreamweaver MX Ｍacromedia公司推出的网站开发工具．主要功能：站点管理，网页排版与编辑等． Fireworks MX Ｍacromedia公司推出的网站开发工具．主要功能：网页图形图象的制作及修改．热点及切片的应用． Flash MX 　 Ｍacromedia公司推出的矢量动画设计软件． 　以上是网页三剑客所学的三门软件．因为都与网页制作有关，且功能强大，彼此结合性极好,故称之为：网页三剑客． 1.1.2 精彩网页欣赏 欣赏几种不同风格的网页。 网页制作流程 需求分析 设计规划 网页制作 网页测试 网页发布 制作网站基本步骤 网站设计 1：搜集素材，定位CI形象 2：确定栏目、版块、层次结构。 3：色彩搭配。 网站制作 1: 站点的建立 2：首页的制作（版面布局）表格 3：字体设置css 4: 图片、动画、特效等。FW、FLASH、Javascript等。 5：整体风格模板 6: 站点和链接的检测 上传CuteFtp 维护（内容更新，费用续交，安全技术等） 1.2.1 什么是HTML语言 全称：Hypertext Markup Language 超文本 标记 语言 作用：编写网页的语言。 它不是一种程序语言，而是一种描述文档结构的标记语言。它与操作系统平台的选择无关，只要有浏览器