Dreamweaver基础教程学习.pptx

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