毕业论文论文范文课程设计实践报告法律论文英语论文教学论文医学论文农学论文艺术论文行政论文管理论文计算机安全
您现在的位置: 毕业论文 >> 论文 >> 正文

基础的网页设计与制作 第5页

更新时间:2007-11-12:  来源:毕业论文

在对话框里填入数据即可。最后要说的是选中表格中的各种元素的方法:
 选中一行,把光标移到该行的最左边单元格的左面,光标会变成箭头状。单击就可以选中    一行。

选中的表格会在周围出现一个黑框表示整张表格选中了。

  选中单元格。单元格可以同时选中多个。选择连续的单元格,光标先选中的一个单元格,按shift键不放,选取最后一个单元格。选不连续的单元格。按住Ctrl键,点取所需要的单元格即可。

5 设置站点

  Web 站点是一组具有如相关主题、类似的设计、链接文档和资源。Dreamweaver MX 2004 是一个站点创建和管理工具,因此使用它不仅可以创建单独的文档,还可以创建完整的 Web 站点。创建 Web 站点的第一步是规划。为了达到最佳效果,在创建任何 Web 站点页面之前,应对站点的结构进行设计和规划。决定要创建多少页,每页上显示什么内容,页面布局的外观以及页是如何互相连接起来的。

  执行以下操作:
  启动 Dreamweaver MX 2004
  选择“站点”>“管理站点”(即,从“站点”菜单选择“管理站点”)。 出现“管理站点”对话框。
  在“管理站点”对话框中,单击“新建”,然后从弹出式菜单中选择“站点”。 出现“站点定义”对话框。
  如果对话框显示的是“高级”选项卡,则单击“基本”。 出现“站点定义向导”的第一个界面,要求您为站点输入一个名称。

在文本框中,输入一个名称以在 Dreamweaver MX 2004中标识该站点。该名称可以是任何所需的名称。
  单击“下一步”。出现向导的下一个界面,询问您是否要使用服务器技术。

  选择“否”选项,指示目前该站点是一个静态站点,没有动态页。
  选择标有“编辑我的计算机上的本地副本,完成后再上传到服务器(推荐)”的选项。                在站点开发过程中有多种处理文件的方式,初学网页制作的朋友请选择此选项。

  单击该文本框旁边的文件夹图标。 随即会出现“选择站点的本地根文件夹”对话框。 

单击“下一步”, 出现向导的下一个界面,询问您如何连接到远程服务器。从弹出式菜单中选择“无”。 您可以稍后设置有关远程站点的信息。目前,本地站点信息对于开始创建网页已经足够了。单击“下一步”,该向导的下一个屏幕将出现,其中显示您的设置概要。

单击“完成”完成设置。 随即出现“管理站点”对话框,显示您的新站点。单击“完成”关闭“管理站点”对话框。
  现在,站点定义了一个本地根文件夹。下一步,我们就可以编辑自己的网页了。

6超级链接

  作为网站肯定有很多的页面,如果页面之间彼此是独立的,那么网页就好比是孤岛,这样的网站是无法运行的。为了建立起网页之间的联系我们必须使用超级链接。称超级链接,是因为它什么都能链接,如:网页、下载文件、网站地址、邮件地址……等等。
  【页面之间的超级连接】
  在网页中,单击了某些图片、有下划线或有明示链接的文字就会跳转到相应的网页中去。

  1、在网页中选中要做超级链接的文字或者图片。
  2、在属性面板中单击黄色文件夹图标,在弹出的对话框里选中相应的网页文件就完成了。做好超级链接属性面板出现链接文件显示。(如下图)

  3、按F12预览网页。在浏览器里光标移到超级链接的地方就会变成手型。
       【邮件地址的超级连接】

  在网页制作中,还经常看到这样的一些超级链接。单击了以后,会弹出邮件发送程序,联系人的地址也已经填写好了。这也是一种超级链接。制作方法是:在编辑状态下,先选定要链接的图片或文字(比如:联系我们),在插入栏点
或点插入菜单选“电子邮件链接”弹出如下对话框,填入E-Mail地址即可。

 

还可以选中图片或者文字,直接在属性面板链接框中填写“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] 下一页

基础的网页设计与制作 第5页下载如图片无法显示或论文不完整,请联系qq752018766
设为首页 | 联系站长 | 友情链接 | 网站地图 |

copyright©youerw.com 优文论文网 严禁转载
如果本毕业论文网损害了您的利益或者侵犯了您的权利,请及时联系,我们一定会及时改正。