Dreamweaver基础教程PPT教学课件.ppt

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