山西信息职业技术学院毕业设计
图3 主页图片
⑤ 中间的上方是两个图片展示的动画。 ⑥ 网页背景是淡蓝色。 如下图:
【插入标题文字】进入页面编辑设计视图状态。在一般情况下,编辑器默认左对齐,光标在左上角闪烁,光标位置就是插入点的位置。
【设置文字的格式】 选中文字,在上图属性面板中将字体格式设置成默认字体,大小可任意更改字号。并选中\将字体变粗。
【设置文字的颜色】首先选中文字,在属性面板中,单击颜色选择图标,在弹出的颜色选择器中用滴管选取颜色即可.
【设置网页的标题和背景颜色】点击\修改\菜单选\页面属性\。为了管理方便,我们把图片放在\文件夹内。如果图片少,也可以放在站点根目录下。一个图片就插入完了。(插入*.swf动画文件,选择\插入\菜单>媒体>Flash)。 【预览网页】在页面编辑器中按F12预览网页效果。网站中的第一页,也就是首页,我们在存盘时取名为index.htm。 这样一个简单的页面就编辑完毕了。
⑵表格设计
表格是现代网页制作的一个重要组成部分。表格之所以重要是因为表格可以实现网页的精确排版和定位。
①在编辑视图界面中生成了一个表格,插入所需的表格的行和列。[其中表格大小要用像素,使用像素做的表格不会随着电脑屏幕的大小的不同而发生改变。
②单击上方的单元格,插入所需的动画。
6
山西信息职业技术学院毕业设计
③导航拦是用FIREWOORKS做的渐变黄色,使其看起来不至于那么单调。在左边上下单元格内分别插入图片和文本。 ④嵌套的表格要用百分比来显示。 对表格操作的几种常用方式:
合并:将选中的连续单元格合并成为一个单元格。 分割:将一个单元格分割成若干单元格。 水平对齐方式:分为(左)(中)(右)三种。
垂直对齐方式:分为(顶)(居中)(居底)(基线对齐)
表格还可以增加或者删除行或者列。在一个单元格中单击鼠标右键。在右键菜单中选择表格选项>>选择\插入行或列\。
在对话框里填入数据即可。最后要说的是选中表格中的各种元素的方法: 选中一行,把光标移到该行的最左边单元格的左面,光标会变成箭头状。单击就可以选中一行。
选中的表格会在周围出现一个黑框表示整张表格选中了。
选中单元格。单元格可以同时选中多个。选择连续的单元格,光标先选中的一个单元格,按shift键不放,选取最后一个单元格。选不连续的单元格。按住Ctrl键,点取所需要的单元格即可。
⑶超级链接
作为网站肯定有很多的页面,如果页面之间彼此是独立的,那么网页就好比是孤岛,这样的网站是无法运行的。为了建立起网页之间的联系我们必须使用超级链接。称\超级链接\,是因为它什么都能链接,如:网页、下载文件、网站地址、邮件地址……等等。 【页面之间的超级连接】
在网页中,单击了某些图片、有下划线或有明示链接的文字就会跳转到相应的网页中去。
①在网页中选中要做超级链接的文字或者图片。
②在属性面板中单击黄色文件夹图标,在弹出的对话框里选中相应的网页文件就完成了。做好超级链接属性面板出现链接文件显示。(如下图)
③按F12预览网页。在浏览器里光标移到超级链接的地方就会变成手型。 超级链接属性面板中的目标选项:
\目标\我们称它为目标区。也就是超级链接指向的页面出现在什么目标区域。默认的情况下域中总有四个选项。
①_blank :单击链接以后,指向页面出现在新窗口中。 ②_parent:用指向页面替换他外面所在的框架结构。 ③_self: 将连接页面显示在当前框架中。
④_top: 跳出所有框架,页面直接出现在浏览器中。
7
山西信息职业技术学院毕业设计
这样这个网站就可以和其他的网页链接了。
图4 作品集界面
3.4 静态网页的特点
在网站设计中,纯粹HTML格式的网页通常被称为\静态网页\,早期的网站一般都是由静态网页制作的。静态网页的网址形式通常为www.example.com/eg/eg.htm,也就是以.htm、.html、.shtml、.xml等为后后缀的。在HTML格式的网页上,也可以出现各种动态的效果,如.GIF格式的动画、FLASH
静态网页的特点简要归纳如下:
⑴ 静态网页每个网页都有一个固定的URL,且网页URL以.htm、.html、.shtml等常见形式为后缀,而不含有\
⑵ 网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页的内容都是保存在网站服务器上的,也就是说,静态网页是实实在在保存在服务器上的文件,每个网页都是一个独立的文件;
⑶ 静态网页的内容相对稳定,因此容易被搜索引擎检索;
⑷ 静态网页没有数据库的支持,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态网页制作方式比较困难; ⑸ 静态网页的交互性交叉,在功能方面有较大的限制。
在学习网页制作的这几天里,我利用了学习之余的一切可利用的剩余时间,全心全意投入到网页世界,去不断的学习,去不断的探索;同时去不断的充实,去不
8
山西信息职业技术学院毕业设计
断的完善自我,在网络的天空下逐渐的美化自己的人生!
做好主页,并不是一件容易的事,它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。 第4章 结束语
许多人和我一样都是采用参照、临摹实例的方法来开始学习Dreamweaver的,这种方法的优点是感觉能够较快入门,缺点也是显而易见的,就是不利于对MAX整体结构的理解和掌握。这也是许多朋友在合上书本后,连书中的例子都做不出来的原因。现在许多Dreamweaver的书籍都是在讲实例,有的干脆只讲实例,说明这种学习方法还是得到了很多人的认可。其实,像MAX这样的制作软件,其知识量之巨大任何一本书都不可能讲清楚,试想学习Dreamweaver的朋友那一个会只抱着一本书学习呢?关键是参考各种书籍找到一种最适合自己的学习方法,书籍本身只是作为一种资料来参考而已。
实例学习法首先要求自己有足够的耐心,对于任何一个练习都要反复推敲,目的只有一个,就是理解实例所涉及的所有知识点,只有这样你才算有所收获。典型的方法是反复练习,并尝试用不同的方法完成练习,并对所涉及的知识点进一步探索,以求理解更多的功能、参数、选项和方法;其二,要有清醒的头脑和明确的学习方向。当你学习掌握了足够的练习制作后,应该及时对所学的知识进行总结和归纳,发现规律,进一步推敲软件的整体结构和知识体系,这样才会真正有所提高。
在找网页所需要资料的时候,我花了很多时间和精神,但我觉得都是值得的.因为我看了很别人做的一些优秀的网站,尤其是个人博客。无论是颜色的搭配、动画的制作、还是布局,都体现了个人的风格,并将自己的创意融入到了所做的页面中,使其产生了意想不到的效果。从别人的网站中学到了不少东西。
9
山西信息职业技术学院毕业设计
参考文献
[1] 张大鹏 张威 陈海波.中文Dreamweaver MX网页设计[M].电子科技大学出版社.2003年12月
[2] 文巍 何康华 张少军.Dreamweaver MX 插件使用大全[M].希望电子出版社,2003年1月
[3] 郑正全.Adobe After Effects 5 视频特效风暴.中国青年出版社[M].2002年1月 [4] 索炜 李思宇.Flash MX动画特效经典100例[M].中国青年出版社.2003年1月 [5] 卢政宏.Flash MX综合网站制作实例.人民邮电出版社[M].2002年12月 [6]卓越科技编著.Photoshop cs2特效制作[M].电子工业出版社
[7]刘瑞华.Macromedia Dreamweaver MX 2004 中文版标准教程[M].北京:科学出版社 2005
[8]前沿电脑图像工作室.学巧用Dreamweaver、Fireworks、Flash制作网页[M]. 北京:人民邮电出版社 2005
[9]王辉,罗皇等编著.中文Dreamweaver 8 网页制作.清华大学出版社[M].2006.7 [10]梵人工作室 聂小燕等编著. 中文Dreamweaver 8 网页制作 11日通[M].北京:机械工业出版社.2007.1
10
山西信息职业技术学院毕业设计
致谢
⑴ 毕业论文暂告收尾,这也意味着我在山西信息职业技术学院的学习生活既将结束。回首既往,自己一生最宝贵的时光能于这样的校园之中,能在众多学富五车、才华横溢的老师们的熏陶下度过,实是荣幸之极。在这短短两年的时间里,我在学习上和思想上都受益非浅。这除了自身努力外,与各位老师、同学和朋友的关心、支持和鼓励是分不开的。论文的写作是枯燥艰辛而又富有挑战的。老师的谆谆诱导、同学的出谋划策及家长的支持鼓励,是我坚持完成论文的动力源泉。
在此,我特别要感谢我的指导老师张慧平老师。从论文的选题、文献的采集、框架的设计、结构的布局到最终的论文定稿,从内容到格式,从标题到标点,他都费尽心血。没有张慧平老师的辛勤栽培、孜孜教诲,就没有我论文的顺利完成。 感谢各位同学,与他们的交流使我受益颇多。最后要感谢我的家人以及我的朋友们对我的理解、支持、鼓励和帮助,正是因为有了他们,我所做的一切才更有意义;也正是因为有了他们,我才有了追求进步的勇气和信心。
时间的仓促及自身专业水平的不足,整篇论文肯定存在尚未发现的缺点和错误。恳请阅读此篇论文的老师、同学,多予指正,不胜感激!
⑵ 非常感谢张慧平老师、杨刚刚老师在我大学的最后学习阶段??毕业设计阶段给自己的指导,从最初的定题,到资料收集,到写作、修改,到论文定稿,他们给了我耐心的指导和无私的帮助。为了指导我们的毕业论文,他们放弃了自己的休息时间,他们的这种无私奉献的敬业精神令人钦佩,在此我向他们表示我诚挚的谢意。同时,感谢所有任课老师和所有同学在这两年来给自己的指导和帮助,是他们教会了我专业知识,教会了我如何学习,教会了我如何做人。正是由于他们,我才能在各方面取得显著的进步,在此向他们表示我由衷的谢意,并祝所有的老师培养出越来越多的优秀人才,桃李满天下!
⑶ 通过这一阶段的努力,我的毕业论文终于完成了,这意味着大学生活即将结束。在大学阶段,我在学习上和思想上都受益非浅,这除了自身的努力外,与各位老师、同学和朋友的关心、支持和鼓励是分不开的。
在本论文的写作过程中,我的指导老师张老师倾注了大量的心血,从选题到开题报告,从写作提纲,到一遍又一遍地指出每稿中的具体问题,严格把关,循循善诱,在此我表示衷心感谢。同时我还要感谢在我学习期间给我极大关心和支持的各位老师以及关心我的同学和朋友。
写作毕业论文是一次再系统学习的过程,毕业论文的完成,同样也意味着新的学习生活的开始。我将铭记我曾是一名山西信息职业技术学院的学子,在今后的工作中把山西信息职业技术学院的优良传统发扬光大。
11