个人网站设计与制作

《个人网站设计与制作》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、个人网站设计与制作白璐3050603018（江苏大学计算机学院计算机0501）指导老师：刘欣【内容提要】随着互联网的不断发展和中国网络人口的日益增长，建立个人网站，不但可以刚好的展示自己，而且可以提高自己在计算机应用方面的能力。故本次作业，我选择制作个人网站。个人在设计时考虑的多为个人的兴趣喜好，而不注重商业的展示。内容以反映个人为中心，从而使个人网站真正的成为展示自己的网络名片。在网页制作中，我借鉴了韩国个人网站的设计风格，着重于给浏览者以强烈的视觉冲击。运用了fireworks强大的图像制作和处理能

2、力。进行了大量的图片制作，从而给人以强烈的美感。并利用Flash进行片头动画的制作，给予浏览者一种强烈的时代动感。整个网站的架构是由Dreamwave完成的。【关键词】网站设计网络三剑客DreamweaverFlashFireworks动漫【正文】一、概述需要使用的网页工具　　Adobe网页制作三剑客，也就是人们普遍称之的“网络三剑客”。它们分别是：　　1、AdobeDreamweaver8　　网络三剑客之一，出色的网页代码编辑和网页架构设计工具。也是现今网友用得最多的网站设计工具。　　主要功能:　　D

3、reamweaver在多媒体方面颇有建树的Macromedia公司推出的可视化网页制作工具，它与Flash、Fireworks合在一起被称为网页制作三剑客，这三个软件相辅相承，是制作网页的最佳选择。其中，Dreamweaver主要用来制作网页文件，制作出来的网页兼容性比较好，制作效率也很高，Flash用来制作精美的网页动画，而Fireworks用来处理网页中的图形。５　　2、AdobeFlash8　　网络三剑客之一，swf奠定了网络流媒体的一个标准，也是网络上最活跃的影音传播手段，同时它也尽最大可能地使

4、一批网虫过了一回导演瘾。主要功能:flash是Macromedia公司推出辅助网页的动画制做工具。　　3、AdobeFireworks8　　网络三剑客之一，强大的像素图处理软件，因为Photoshop的光辉使它不再那么闪耀，不过熟悉网页制作的人还是蛮了解它的。　　主要功能:　　Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余爱好者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画，还可以

5、轻易地完成大图切割、动态按钮、动态翻转图等，因此，对于辅助网页编辑来说，Fireworks将是最大的功臣。二、结构图index动漫公告动漫壁纸动漫首页动漫视频动漫音乐留言给我关于白璐动漫首页三、站点主题选择由于网络上各种各样的信息很多，别人可以轻易的各大知名网站上了解自己想要的信息。所以，我的关注的便是怎样让自己的网站更具有个性魅力，使个人擅长的信息更全面的反映于浏览者。以上便是我个人站点主题选择的指导思想。站点的主体内容由动漫首页、动漫公告、动漫音乐、动漫视频和动漫壁纸五个模块组成。从各个方面全方位展

6、示动漫信息。除主要内容之外，还设有留言给我、关于白璐这两个个模块。这部分内容将我个人信息展现给大家，也可以让浏览者给我发邮件。５四、模块介绍（一）index使用Fireworks制作的图片进入主页，给人一种耳目一新之感。画面简洁，点击Enter进入首页，或10秒后页面自动跳转到动漫首页。（二）动漫首页首页是用模板制作的，主要是制作页面标题和开头的flash。首页整体的色彩搭配很大胆的采用了黑色和蓝色基调，页面标题是用Fireworks做的，组合了用艺术字写的“动漫社”三字。Flash动画是一个倒计时逐帧

7、动画。中间分热播剧集、动漫快递和动漫专辑三个部分。但并没有任何链接。左侧列有人气排行前十位的动漫。下面是友情链接。链接了包括优酷网、土豆网、迅雷在线及看动漫的网站。下方留有动漫首页、留言给我和关于白璐三个链接。最后是一些网页设计信息，包括设计者姓名、电话、QQ、邮箱，以及网页最后修改时间。（三）动漫公告动漫公告是最近正在热播的剧集的简介。内容与报纸的头版头条有异曲同工之妙。使用了模板来设计网页，使每一页的公告整齐一致。（四）动漫音乐这一页设计的比较简单，只是超链接了几个优酷网上的音乐视频。（五）动漫视频

8、链接了优酷《吸血鬼骑士》和《叛逆的鲁鲁修》的视频。（六）动漫壁纸Dreamweaver中的“创建网络相册”命令使用户能够自动生成一个Web站点，该站点将显示给定文件夹中图像的“相册”。此命令使用JavaScript来调用Fireworks，后者为该文件夹中的每个图像创建一个缩略图以及一个较大尺寸的图像。然后，Dreamweaver创建一个Web页，它包含所有缩略图以及指向较大图像的链接。５五、创建新的样式表首先，您将创建包含CSS规则（定义