Dreamweaver基础教程1PPT.ppt

,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,Dreamweaver8,基础入门,1,Dreamweaver,的功能及运行环境,站点的规划方法,目的要求,2,Dreamweaver8,简介及安装,Dreamweaver8,新增功能,Dreamweaver8,工作界面,设计网站前的规划,网页设计相关概念,主要内容,3,任务一、,Dreamweaver8,简介及安装,1,、,简介,Dreamweaver8,是一款专业的,HTML,编辑器，用于对,Web,站点、,Web,页和,Web,应用程序进行设计、编码和开发。,2,、相关软件：,frontpage ASP.net Adobe Golive,（用于专业的网页设计，可以设计移动网页）等,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,通过本讲的学习，熟悉,Dreamweaver,的功能及工作环境，掌握网站设计规划。,总结,23,1,、熟悉,Dreamweaver,工作环境。,2,、上网查看优秀网站,选择自己喜欢的网站风格。,上机作业,24,创建和管理站点,预习,25,