Dreamweaver 入门.ppt

《Dreamweaver 入门.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、Dreamweaver入门先认识一下网站与网页网站：website网页：webpage网站是由多个网页组成的整体。网站＝网页1＋网页2＋网页3＋……制作网站时，要先把一个一个网页制作出来，然后通过超级链接组成一个网站。（以我的个人主页为例）网页的格式可以为：html，htm，asp，php等。其中，网站的首页面通常命名为：index.htm或者index.html或者default.htm或者default.html常见的网页制作工具有哪些DreamweaverFrontpage今天我们主要学习Dreamweave

2、r学习目标能够制作简单的网站（例：学生作品）内容提纲先跟我做，别问为什么认识dreamweaver的界面建立站点页面编辑超级链接表格设计网页布局层网页代码网页特效网页中各种元素的编辑软件网页素材下载利用网络学习dreamweaver跟我做，先别问为什么打开Dreamweaver插入文字和图片保存预览这样，我们就制作了一个简单的页面文件。由此可见，dreamweaver和别的软件的用法有很多相似之处的。认识Dreamweaver的界面建立站点Web站点是一组具有相关主题的文档和资源。建立站点之前，应该对网站的内容结构

3、做一些规划。比如：以“我的个人主页”为主题的一个站点，其内容结构可能是：首页我的专业我的论文我的爱好我的相册建立站点（二）当对网站的内容结构有了规划后，我们就要在dreamweaver里创建站点，来保存你将要制作的网站里的所有内容（包含图片、声音、网页文档等等）。建立站点的过程：先在计算机上建立一个文件夹，该文件夹务必用字母命名，这个文件夹里将存放你的站点里的所有内容。然后，在这个文件夹里分别建立imagessoundanimation三个文件夹（根据需要，可以建立更多的文件夹）在菜单中选择“站点（site）”>“

4、管理站点（managesites）”，出现“管理站点”对话框。在“管理站点（managesites）”对话框中，单击“新建（new）”，然后从弹出式菜单中选择“站点（site）”。然后，按照提示一步一步建立站点。页面编辑在开始制作之前，我们先对这个页面进行一下分析。看看这个页面用到了那些东西：（01.htm）1.网页顶端的标题“我的主页”是一段文字。2.网页中间是一幅图片。3.最下端的欢迎词是一段文字。4.网页背景是一深紫红颜色。5.页面的主题是“我的主页”注意：网页背景图片和颜色的设置超级链接为了建立起网页之间的

5、联系我们必须使用超级链接。称“超级链接”，是因为它什么都能链接，如：网页、下载文件、网站地址、邮件地址……等等。在dreamweaver中，有三种链接：1、文字图片链接2、热区链接3、电子邮件链接超级链接——文字图片链接在网页中，单击了某些图片、有下划线或有明示链接的文字就会跳转到相应的网页中去。1、在网页中选中要做超级链接的文字或者图片。2、在属性面板中单击黄色文件夹图标，在弹出的对话框里选中相应的网页文件就完成了。做好超级链接属性面板出现链接文件显示。（如下图）（注意：对于图片替代的操作）超级链接——热区链接要

6、使一张图片上不同位置有不同的链接，这个时候，就要使用热区链接。热区链接的步骤：1、首先插入图片。单击图片，用展开的属性面板上的绘图工具在画面上绘制热区。2、属性面板改换为热点面板如图：链接输入框：填入相应的链接。替代框：填入你的提示文字说明。目标框：不作选择则默认在新浏览器窗口打开。实例操作超级链接——电子邮件链接在网页制作中，还经常看到这样的一些超级链接。单击了以后，会弹出邮件发送程序，联系人的地址也已经填写好了。这也是一种超级链接。制作方法是：在编辑状态下，先选定要链接的图片或文字（比如：欢迎您来信赐教！），在

7、插入栏点或点插入菜单选“电子邮件链接”弹出如下对话框，填入E-Mail地址即可。提示：还可以选中图片或者文字，直接在属性面板链接框中填写“mailto：邮件地址”。表格设计上面我们学习了简单的网页制作，但是这里有个问题：在页面中，怎样让图片、文字、动画出现在你想要其出现的位置？这就是一个页面排版的问题。而表格就是为了实现页面的精确排版和定位的。实例操作：改变表格的各个参数值照片排列实例：02.htm练习：自己设计一种版面网页布局通过上面的操作，我们发现，表格虽然是一个排版定位的工具，但是，表格不能定位一个随意的位置

8、，用起来不很灵活。在dreamweavre中，可以使用“布局”随意的在页面文档中绘制表格。现场实例操作制作分析在布局视图中，公司主页可利用表格来布局。制作时先新建一个HTML文档，在布局视图中，利用布局单元格在布局视图中将文档划分为公司名称栏、导航栏、标题栏和公司站点地图等几部分，最后设置布局页的背景效果。用表格给公司主页布局其具体操作如下：（1）选择[文件