Adobe_Dreamweaver教本课件_第6节_CSS样式表资料
- 格式:ppt
- 大小:848.00 KB
- 文档页数:7


DreamweaverCS6教程第一节Dreamweaver CS6 软件简介和安装1、Dreamweaver CS6是由美国Adobe公司最新开发的一款网页设计、网站管理为一体的专业软件2、为了保护能够正常安装,安装时,请断开网络。
第二节Dreamweaver CS6软件界面和简介一、软件界面组成1、菜单栏2、工作区3、属性栏4、浮动面板(文件、资源、CSS样式、行为等)二、界面的切换:为满足不同开发人员的需求三、界面的恢复:窗口——工作区——重置设计器四、插入面板的调用第三节网页相关知识1、什么是网页(网页概念)在互联网上基于HTTP协议传播信息的页面2、什么是网站反应同一个主题的多个网页集合3、网页内容的组成(网页元素)(1)文字(2)图片(jpg,gif,png)(3)动画(swf,gif)(4)多媒体(5)超链接(6)表单(7)网页特效(8)其他元素第四节网页制作方法与站点建立1、网页的制作方法(1)代码发:html(2)软件制作:Dreamweaver、frontpage2、制作网站前准备工作,建立站点。
3、站点:用来存放网站中所有元素的文件夹,为了制作方便需要将这个文件夹和制作软件相关连接。
4、站点的建立(连接)(1)站点——建立(2)文件面板(3)应用程序栏(窗口——应用程序栏)5、站点的分类(按照网站的位置)(1)本地站点(2)远程站点第五节规划本地站点目录结构1、规划本地站点目录结构(1)images(图片)(2)swf(动画)(3)css(CSS样式)(4)script(存放网页特效)(5)other(其他)2、网站主页名称(1)index.htm(2)index.html(3)default.htm(4)default.html注:主页必须放在网站的根目录下面,同时名称也有特殊的要求第六节网页中文字的输入1、网页的四个视图(1)设计视图(2)代码视图(3)拆分视图(4)实时视图3、网页中的文字(1)文字直接输入(2)回车表示换段(3)Shift+回车:表示换行(4)输入空格时要在全角输入法状态下输入(5)特使字符插入:“插入——html——特殊字符”(6)文字也可以从网站中复制,但是在复制时需要将网页中文字的格式去掉(注:如何去除复制来的文字格式,只需要将文字粘贴到记事本,然后从记事本中在复制文字就可以了)4、预览网页:文件——在浏览器中预览——Iexplore(快捷键:F12)第七节页面属性1、页面属性(1)修改——页面属性(2)或通过属性栏2、属性(1)左边距、右边距、上边距、下边距(2)文字字体、大小、颜色。