Dreamweaver.ppt

１、 网页设计知识 ２、入门操作 2.1 站点的建立与管理 2.2 文本处理 2.3 表格处理 2.4 插入对象 2.5 表单应用 2.6 设置超链接 2.7 Spry构件 3、层 4、应用行为 5、 Iframe功能 6、 CSS ７、模板的应用 1、3页面布局 1. 结构布局 常用的结构布局方式包括“国”字型（“同”、“口”）、T型、上下框架(标题正文型)和左右框架、 POP型、 FLASH布局等类型。 “国字”型布局 其页面的最上部分一般放置网站的标志和导航栏或Banner广告，页面中间主要放置网站的主要内容，最下部分一般放置网站的版权信息和联系方式等。 T型布局 其页面的顶部一般放置横网站的标志或Banner广告，下方左侧是导航栏菜单，下方右侧则用于放置网页正文等主要内容。 上下框架型\标题正文型 一般用于显示文章页面、新闻页面和一些注册页面等。 左右框架型布局 左右框架型布局结构是一些大型论坛和企业经常使用的一种布局结构。其布局结构主要分为左右两侧的页面。左侧一般主要为导航栏链接，右侧则放置网站的主要内容 常见的网页布局结构 POP布局 POP布局是一种颇具艺术感和时尚感的网页布局方式。页面设计通常以一张精美的海报画面为布局的主体。 常见的网页布局结构 FLASH布局 FLASH布局是指网页页面以一个或多个Flash作为页面主体的布局方式。在这种布局中，大部分甚至整个页面都是Flash。 网站设计技巧 1、网页风格要统一。 2、网站导航要清晰。 3、网页内容便于浏览。 4、网站Logo要有代表性。 5、设计网站的标准色彩。 6、页面容量越小越好。 7、能适应不同浏览器及分辨率。 2、入门操作 Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 Dreamweaver、FLASH以及在DREAMWEAVER之后推出的针对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。 2.1 站点的建立与管理 建立站点 站点管理 建立一个以自己名字命名的站点，该站点包含三个文件夹，image，css，mdb，四个网页，分别为index.html，jianjie.html，zuopin.html，xuexi.html，设置主页index.html的标题为“本站主页”。其中index.html页面效果图如所示。 菜单下[站点]/[管理站点]|/[新建]/|[站点]命令.弹出如图所示对话框。 在弹出“站点定义”对话框的“高级”标签中输入如下信息。 “站点名称”——输入站点名称如“myweb” 注意： 图像文件夹一定要在站点文件夹下，且一般命名为image或images。 “HTTP地址”——输入实用的完整网站的URL，以便Dreamweaver能检验使用绝对URL网站链接。 英文命名。 设置完毕，点击“确认”按钮。 在Dreamweaver的工作界面右侧“浮动面板组”中的“文件”面板中的“文件”标签下就能看到刚才新建的站点myweb。 2.2 文本处理 “插入面板”中的“文本面板”、“常用面板”，“文本菜单”和“文本属性面板”的使用及设置文本格式 在页面中插入特殊符号，如：“￥和空格符”。 在页面中插入日期，要求日期格式为“××××年×月×日 星期× ××: （时）××（分）”。 在页面中插入红色水平线。（#ff0000） 在新的页面中编辑一个项目列表，如图所示，要求：字体为“楷体”、大小为“20pt”、颜色为“黑色”，网页背景颜色为绿色。 2.3 表格处理 插入表格 表格编辑（表格属性设置、嵌套表格） 通过表格构造页面布局（演示：网页布局效果） 宽度设为“783px”，高度设为“845px” 2.4 插入对象 插入图片 插入-图像 插入图像对象-鼠标经过图像 2.4 插入对象 插入flash动画、视频 插入记录-媒体 插入背景音乐 插入记录-媒体-插件 表单包含的控件 2.5.1 在页面中插入表单 （1）选择插入工具栏上【表单】选项或单击菜单 【插入】|【表单】。 【表单】：添加所有其他表单对象的基本容器。 【文本字段】：添加用来输入文本的单行文本框。 【隐藏域】：添加一个用来存储用户数据的域，该区域用户不可见。 【文本区域】：添加用来输入文本的多行文本框。 【复选框】：添加用于多项选择的复选框。 【单选按钮】：添加用于在网页中多个项之间进行单项选择的单选按钮。 【单选按钮组】：一次添加多个单选按钮。 【列表/菜单】：添加以