《Dreamweaver基础教程PPT教学课件》由会员分享，可在线阅读，更多相关《Dreamweaver基础教程PPT教学课件（25页珍藏版）》请在金锄头文库上搜索。
1、Dreamweaver8基础入门 1 Dreamweaver的功能及运行环境站点的规划方法 目的要求 2 Dreamweaver8简介及安装Dreamweaver8新增功能Dreamweaver8工作界面设计网站前的规划网页设计相关概念 主要内容 3 任务一 Dreamweaver8简介及安装 1 简介Dreamweaver8是一款专业的HTML编辑器 用于对Web站点 Web页和Web应用程序进行设计 编码和开发 2 相关软件 frontpageASP netAdobeGolive 用于专业的网页设计 可以设计移动网页 等 4 网页开发流程 5 任务二 Dreamweaver8功能 任务 网
2、上下载 并安装 认识DW的新功能1 可视化编辑功能 快速创建Web页面而无需编写代码 2 可以查看所有站点元素或资源 强大的网站管理功能 3 可以与Fireworks或其它图形应用程序集成使用 4 提供了功能全面的编码环境 5 有关层叠样式表 CSS JavaScript和其它语言的参考资料 6 可以使用服务器技术 如CFML ASP NET ASP JSP和PHP 生成动态的 数据库驱动的Web应用程序 6 Dreamweaver8的新增功能 1 缩放 工具和辅助线2 可视化XML数据绑定3 新的CSS样式面板4 CSS布局的可视化5 代码折叠6 编码 工具栏7 后台文件传输8 插入Flas
3、h视频 命令 7 任务 打开Dreamweaver8认识页面 设置方法 菜单 编辑 首选参数 8 任务 打开Dreamweaver8认识页面 工作界面 9 1 文档窗口设计视图 可视化页面布局 可视化编辑和快速应用程序开发的设计环境 代码视图 编写和编辑HTML JavaScript 服务器语言代码以及任何其它类型代码手工编码环境 代码和设计视图 单个窗口中同时看到代码视图和设计视图 10 2 状态栏提供与您正创建的文档有关的其它信息 11 3 插入栏创建和插入对象 如表格 层和图像 的按钮 12 4 属性检查器可以检查和编辑当前选定页面元素的最常用属性 13 5 文件面板用于查看和管理Dre
4、amweaver站点中的文件 14 6 CSS样式面板跟踪影响当前所选页面元素的CSS规则和属性 或影响整个文档的规则和属性 这些都可以在窗口 工作区布局中调整并可以保存自定义的工作界面 15 7 认识DW菜单 16 任务五 站点规划 1 定位网站主题和名称主题就是网站的题材 主题要小而精 定位要小 内容要精 题材是自己擅长或者喜爱的内容 题材不要太滥或者目标太高 网站的名称要正 合法 和理 和情 易记 字数控制在六个字内 有特色 17 2 定位网站CI形象设计网站的标志 logo 标志是站点特色和内涵的集中体现 标志可是中文 英文字母 可以是符号 图案 可以是动物或者人特等等 设计网站的标准
5、色彩 指能体现网站形象和延伸内涵的色彩 一般不超过3种 网站的标准字体 默认的字体是宋体 设计网站的宣传标语 也可以说是网站的精神 网站的目标 18 3 确定网站的栏目和版块栏目就是一个网站的大纲索引 索引应该将网站的主体明确显示出来 一定要紧扣主题 将主题按一定的方法分类 设一个最近更新或网站指南栏目 设定一个可以双向交流的栏目 设一个下载可常用问题回答栏目 注 尽可能删除与主题无关的栏目 尽可能将网站最有价值的内容列在栏目上 尽可能方便访问者的浏览和查询 19 版块比栏目的概念要大一些 每个版块都有自己的栏目 一般的个人站点内容少 只有主栏目 不需要设置版块 各版块要相对独立 各版块要有相
6、互关联 版块的内容要围绕站点主题 20 4 网站的整体风格创意设计5 网站的层次结构和链接结构6 首页的设计7 版面布局的窍门8 色彩的搭配9 考虑不同的浏览器和分辨率10 字体的设置和表格的嵌套11 新技术的运用取舍12 设计好Banner和位置 21 1 网站设计是平面设计 动画设计 音效设计 配色等各个方面结合的产物 2 网页的基本元素文本和图片 超链接 动画 表单 音频和视频3 网页的布局元素标题 网站标识 导航 页眉 内容 页脚 任务六 网页设计相关概念 22 通过本讲的学习 熟悉Dreamweaver的功能及工作环境 掌握网站设计规划 总结 23 1 熟悉Dreamweaver工作环境 2 上网查看优秀网站 选择自己喜欢的网站风格 上机作业 24 创建和管理站点 预习 25
