基础的网页设计与制作 第5页
在对话框里填入数据即可。最后要说的是选中表格中的各种元素的方法:
选中一行,把光标移到该行的最左边单元格的左面,光标会变成箭头状。单击就可以选中 一行。
选中的表格会在周围出现一个黑框表示整张表格选中了。
选中单元格。单元格可以同时选中多个。选择连续的单元格,光标先选中的一个单元格,按shift键不放,选取最后一个单元格。选不连续的单元格。按住Ctrl键,点取所需要的单元格即可。
5 设置站点
Web 站点是一组具有如相关主题、类似的设计、链接文档和资源。Dreamweaver MX 2004 是一个站点创建和管理工具,因此使用它不仅可以创建单独的文档,还可以创建完整的 Web 站点。创建 Web 站点的第一步是规划。为了达到最佳效果,在创建任何 Web 站点页面之前,应对站点的结构进行设计和规划。决定要创建多少页,每页上显示什么内容,页面布局的外观以及页是如何互相连接起来的。
执行以下操作:
启动 Dreamweaver MX 2004:
选择“站点”>“管理站点”(即,从“站点”菜单选择“管理站点”)。 出现“管理站点”对话框。
在“管理站点”对话框中,单击“新建”,然后从弹出式菜单中选择“站点”。 出现“站点定义”对话框。
如果对话框显示的是“高级”选项卡,则单击“基本”。 出现“站点定义向导”的第一个界面,要求您为站点输入一个名称。
在文本框中,输入一个名称以在 Dreamweaver MX 2004中标识该站点。该名称可以是任何所需的名称。
单击“下一步”。出现向导的下一个界面,询问您是否要使用服务器技术。
选择“否”选项,指示目前该站点是一个静态站点,没有动态页。
选择标有“编辑我的计算机上的本地副本,完成后再上传到服务器(推荐)”的选项。 在站点开发过程中有多种处理文件的方式,初学网页制作的朋友请选择此选项。
单击该文本框旁边的文件夹图标。 随即会出现“选择站点的本地根文件夹”对话框。
单击“下一步”, 出现向导的下一个界面,询问您如何连接到远程服务器。从弹出式菜单中选择“无”。 您可以稍后设置有关远程站点的信息。目前,本地站点信息对于开始创建网页已经足够了。单击“下一步”,该向导的下一个屏幕将出现,其中显示您的设置概要。
单击“完成”完成设置。 随即出现“管理站点”对话框,显示您的新站点。单击“完成”关闭“管理站点”对话框。
现在,站点定义了一个本地根文件夹。下一步,我们就可以编辑自己的网页了。
6超级链接
作为网站肯定有很多的页面,如果页面之间彼此是独立的,那么网页就好比是孤岛,这样的网站是无法运行的。为了建立起网页之间的联系我们必须使用超级链接。称“超级链接”,是因为它什么都能链接,如:网页、下载文件、网站地址、邮件地址……等等。
【页面之间的超级连接】
在网页中,单击了某些图片、有下划线或有明示链接的文字就会跳转到相应的网页中去。
1、在网页中选中要做超级链接的文字或者图片。
2、在属性面板中单击黄色文件夹图标,在弹出的对话框里选中相应的网页文件就完成了。做好超级链接属性面板出现链接文件显示。(如下图)
3、按F12预览网页。在浏览器里光标移到超级链接的地方就会变成手型。
【邮件地址的超级连接】
在网页制作中,还经常看到这样的一些超级链接。单击了以后,会弹出邮件发送程序,联系人的地址也已经填写好了。这也是一种超级链接。制作方法是:在编辑状态下,先选定要链接的图片或文字(比如:联系我们),在插入栏点
还可以选中图片或者文字,直接在属性面板链接框中填写“mailto:邮件地址”。
(如下图)
创建完成后,保存页面,按F12预览网页效果。
1、首先插入图片。单击图片,用展开的属性面板上的绘图工具在画面上绘制热区。
2、属性面板改换为热点面板如图:链接输入框:填入相应的链接。替代框:填入你的提示文字说明。目标框:不作选择则默认在新浏览器窗口打开。
3、保存页面, 按F12预览,用鼠标在设置的区域就可检验效果。
超级链接属性面板中的目标选项。
“目标”我们称它为目标区。也就是超级链接指向的页面出现在什么目标区域。默认的情况下域中总有四个选项。
①_blank :单击链接以后,指向页面出现在新窗口中。
②_parent:用指向页面替换他外面所在的框架结构。
③_self: 将连接页面显示在当前框架中。
④_top: 跳出所有框架,页面直接出现在浏览器中.
这样这个网站就可以和其他的网页链接了.
7 Flash 的制作过程
在旧版的Dreamweaver我们在网页上只能插入Flash动画和按钮,而且动画本身与所在页面并没有什么直接关系,要使动画具有交互性也必须在制作动画时就做好,还需要有一定的编程经验以及XML语言知识。而现在在DW MX 2004中就不同了,你只需设置一些参数就可以实现动态交互的Flash动画效果!
采用默认安装的DW MX 2004只提供了一种Flash Element效果,选择工具栏快捷菜单中的Flash Element(图1)即可调出新的Flash Element工具(图2)。
我们选用了一个下载的flash动画,是一条美丽可爱地鲨鱼在海里自由地游荡。还有幅图片是两只可爱地北极熊在寻找食物等,我们所选用的图片都很具有说明性。
例如首页图片:
这样一个具有个性播放界面、有交互效果的网页动画组成元素就制作完成了。如果对Flash有一定的了解的话,还可以自己开发一个Flash Element插件出来,同时还可以到Macromedia网站上下载更多Flash Element插件,让我们的主页更富于变化和个性!
通过以上几个步骤我们的一个动物网站就建立而成了,这个动物网站将作为保护动物的一个宣传网站,促进人与大自然的动物们和谐发展.并提高人们的保护意识。为了可以平衡大自然的生态,我们不要随意砍伐树木,要爱护大自然.不要残害动物,因为所有动物和人类一样都是有生命的动物..
我们为了增加网站的娱乐性我们还设计了一个音乐播放器,以增加网站的整体效果并可给网友带去轻松愉悦的心情。
上一页 [1] [2] [3] [4] [5] [6] [7] 下一页