DIY个人网站毕业设计说明书VIP

中央广播电视大学人才培养模式改革和开放教育试点本科_计算机网络_专业毕业设计( 论文)广东广播电视大学毕业论文题 目：DIY 个人网站姓 名： 叶局兴 学 号： 440130410 专 业： 计算机网络 入 学 时 间： 2008 年春 指导教师及职称： 李宏程 高级讲师 所 在 电 大： 梅州市广播电视大学 2010 年 4 月 15 日目 录一、绪言.1（一）基本概念的阐述 1（二）网站制作工具的介绍 2二、个人网站的设计 3（一）确定网站主题 4（二）确定网站形象 4（三）确定网站栏目 5（四）确定网站布局 6（五）我的个人网站的设计 6三、个人网站的制作8（一）新建站点和创建站点内容 8（二）制作主页 10（三）通过模板创建和更新其他页面11（四）利用“创建网站相册”制作素材资源栏目 11（五）制作来访留言栏目13四、个人网站的测试上传和维护14（一）Web 服务器软件的安装和测试 14（二）站点的测试15（三）站点的上传16（四）站点的维护16五、DIY 个人网站的意义17参考文献 18内容摘要本文主要讲述了 DIY的意思以及个人网站的兴起，进一步阐述了 DIY个人网站的乐趣以及 DIY个人网站的过程，从而深入了解 DIY个人网站的知识以及DIY个人网站的意义。本文主要分为五个部分：第一部分为绪言，主要包括：基本概念的阐述和网站制作工具的介绍；第二部分为个人网站的设计，主要包括：确定网站的主题、形象、栏目、布局；第三部分为个人网站的制作，主要包括：新建站点和创建站点内容、制作主页通过模板创建和更新其他页面、利用“创建网站相册”制作素材资源栏目、制作来访留言栏；第四部分为个人网站的测试上传和维护，主要包括：Web 服务器软件的安装和测试、站点的测试、站点的上传和站点的维护；第五部分为 DIY个人网站的意义。本文的写作特点是：循序渐进，图文并茂，结合自己 DIY个人网站的过程进行了分析与制作，最后总结了 DIY个人网站的意义。【关键词】DIY 个人网站 网页 ASP 西南交通大学本科毕业设计（论文） 第 1 页DIY 个人网站一、绪言DIY是“Do It Yourself”的英文缩写， 它起源于欧美，已有 50年以上历史。而在中国，DIY 兴起于近几年，特别是电脑配件市场，DIY 逐渐成为一种流行。简单来说，DIY 就是自己动手，每个人都可以自己做，利用 DIY做出来的东西自有一种自豪感和成就感。随着 Internet的普及和高速发展，各行各业的企业建立了企业网站，个人则开通了各大商业网站的博客或者是空间，比如新浪博客或者是 QQ空间。然而，越来越多的人却希望更深入的参与其中，拥有自己的 web网站，开辟网络世界的一片天空，或寻找与自己有共同兴趣爱好的人，或展示自己的才华和风格，并且能从中学到更多的 DIY个人网站的知识。于是，创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求，DIY 个人网站成为一个别样的展示自我的舞台。（一）基本概念的阐述1、网页 网站的迷人之处在于综合使用文本、图像、声音、动画和视频的信息和内容，具有丰富的多媒体表现与互动的特点。然而到底什么是网站呢？说穿了就是网页的集合，网页又称为 Web页，可以说是网站构成的基本元素，它是用一种 html的标记语言来表示的，它将我们要展示的信息用 html语言表示出来，这就形成了 html代码，浏览器的工作主要是将这些标记语言“翻译”过来，并按照代码定义的格式等显示出来，这就是我们所真正看到的网页。我们可以按照自己的方式将信息分门别类的放置于一个个网页中，它可以包括文字、表格、图形、图像、视频、声音、和动画等内容。按照网页的表现形式，又可以将网页分为两种：一是静态网页，更新信息时需要重新制作页面然后上传页面并修改相应链接，它的扩展名是.html 或.htm，虽然目前大多数网页制作工具都可以自动生成 html代码，但是修改模板，网页排版等方面，都需要 html语言知识，所以 html是必学的。二是动态网页，它是基于动态语言（ASP、PHP 等）和脚本语言（VB 和 JAVA） ，将动态网页和数据库（Access、SQL 等）结合，生成客户端 html代码的网页，动态网页常见的扩展名有：.asp .php .jsp .cgi 西南交通大学本科毕业设计（论文） 第 2 页等。2、数据库 目前大部分公司电脑和个人电脑都使用 Microsoft的操作系统，所以这里只介绍 Microsoft Access和 Microsoft SQL Server这两种数据库。Microsoft Access是一种桌面数据库，只适合数据量少的应用，在处理少量数据和单机访问的数据库时是很好的，效率也很高。但是它的同时访问客户端不能多于 4个。Microsoft Access数据库有一定的极限，如果数据达到 100M左右，很容易造成服务器 IIS假死，或者消耗掉服务器的内存导致服务器崩溃。Microsoft SQL Server是基于服务器端的中型的数据库，可以适合大容量数据的应用，在功能上管理上也要比 Microsoft Access要强得多。在处理海量数据的效率，后台开发的灵活性，可扩展性等方面强大。因为现在数据库都使用标准的 SQL语言对数据库进行管理，所以如果是标准 SQL语言，两者基本上都可以通用的。Microsoft SQL Server还有更多的扩展，可以用存储过程，数据库大小无极限限制。在本人的毕业设计中，普通页面使用了 html的静态页面，而针对来访留言则使用了 ASP+Access数据库来制作，以这两个方面相结合来架构我的个人网站。（二）网站制作工具的介绍1、网页布局软件 目前我们最常使用的网页布局软件有 Microsoft公司的 Frontpage和Macromedia公司的 Dreamweaver。Frontpage 是 Microsoft 公司 Office办公自动化套装组件之一，是一款编写网页和创建网站的优秀软件，它内含大量的模板，使用时只需要选择相应的命令、设置相应的属性即可，特别适合初学者使用。如果你会使用 Word的话，很快就能学会使用 FrontPage，因为它们的使用方法十分相似。而 Dreamweaver不仅是一款专业的可视化网页设计编辑工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页，而且它还是一个出色的网站管理、维护的最佳工具。它的最大特点就是能够快速创建各种动态的网页，而且所生成的网页代码精小。以上两款软件都支持所见即所得的编辑方式，均支持对 html源代码进行直接编写。西南交通大学本科毕业设计（论文） 第 3 页2、图像处理软件 图像处理软件是网页制作中必须使用也是必须学会的，譬如 Logo的设计和制作，一些版面图片的制作，都需要使用图像处理软件，因此对图像处理软件的选择很重要。在实际使用过程中用得比较多的是 Fireworks、Photoshop 等。尤其是 Fireworks，它是 Macromedia公司专门为网页图片量身订做的图形图像处理软件，由于它与 Dreamweaver同属一个公司出品，因此它们之间具有很好的兼容性和互操作性，同时它内置的许多图片和按钮制作功能更使制作网页方便、快捷。Photoshop 是 Adobe公司的产品，是功能非常强大的专业图形软件，可以制作任何你想要的平面效果。其中包含的 ImageReady是用于网页图片制作的。其缺点是：体积庞大，操作比较复杂，非专业人士很难熟练掌握。3、动画制作软件 Macromedia公司的 Flash是网页动画制作中最常用的软件之一，使用 Flash 可创作出既漂亮又可改变尺寸的导航界面，还可以用于制作动画图标、动画广告以及其他奇特的效果、以及与声音同步的 MTV，用 Flash更能创建出生动的富于表现力的网页。它具有小巧灵活、生成文件小、表现内容丰富等诸多优点，并与 Fireworks和 Dreamweaver合称“网页三剑客 ”。4、FTP 上传工具 制作好的网页要上传到提供给我们主页空间的服务器后，才能让网友去访问。上传工具将影响到我们对站点更新维护的效率。Dreamweaver 本身就具有上传站点的功能，另外我们比较熟悉的还有 CuteFTP，它是老牌的上传软件，功能强大，使用方便，支持拖放。实际上对网站制作工具的选择，也是 DIY的一种表现形式，即选用自己喜欢和熟悉的制作工具，我的个人网站就是以“网页三剑客”8.0 版为基本的制作工具来制作的。二、个人网站的设计个人网站一般是个人为了自己的兴趣爱好或为了展示自己的风格个性等目的而建设的站点。由于这类站点大都是个人 DIY建立，因此具有很明显的个人色彩，无论从内容、风格、样式上，都形色各异、包罗万象。但是，不管是专业网站的设计还是个人网站设计，都遵循以下几个基本设计思路：西南交通大学本科毕业设计（论文） 第 4 页（一）确定网站主题网站主题就是我们建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。网站题材千奇百怪,琳琅满目，只要想的到，就可以把它制作出来。下面是美国个人电脑杂志(PC Magazine)评出的 99年度排名前 100位的全美知名网站的十类题材：第 1类：网上求职；第 2 类：网上聊天即时信息/ ICQ；第 3类：网上社区讨论/邮件列表；第 4类：计算机技术；第 5类：网页/网站开发；第 6类：娱乐网站；第 7类：旅行；第 8类：参考/资讯；第9类：家庭/教育；10 类：生活/时尚；每个大类都可以继续细分，比如娱乐类再分为体育/电影/音乐等小类，音乐又可以按格式分为 MP3，VQF，Ra 等，按表现形式分古典，现代，摇滚等。同时，各个题材相联系和交叉结合可以产生新得题材，例如旅游论坛(旅游+讨论)，经典入球播放(足球 +影视)按这样分下去，题材可以有成千上万种。这么多题材，如何选择呢？对于个人网站，我们不可能做到内容大而全，我们没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣的内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。（二）确定网站形象一个好的网站，和实体公司一样，需要整体的形象包装和设计。准确的，有创意的形象设计，对网站的宣传推广有事半功倍的效果。具体的做法是：1、设计网站的标志(Logo) Logo是网站形象的重要体现，就如同商标一样，标志是站点特色和内涵的集中体现，看见标志就让大家联想起你的站点。Logo 还是与其它网站链接以及让其它网站链接的标志和门户。Logo 的设计创意来自网站的名称和内容， Logo要放在网站的醒目位置。2、设计网站的标准色彩 网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。举个实际的例子就明白了：IBM 的深蓝色，肯得基的红色条型， windows视窗标志上的红蓝黄绿色块，都使我们觉得很贴切，很和谐。 “标准色彩 ”是指能体现网站形象和延伸内涵的色彩。一般来说，一个网站的标准色彩不超过 3种，太多则让人西南交通大学本科毕业设计（论文） 第 5 页眼花缭乱。标准色彩要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，只是作为点缀和衬托，绝不能喧宾夺主。适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色，要注意色彩的合理搭配。3、设计网站的宣传标语 也可以说是网站的精髓，网站的目标，当某个人把它保存在自己的收藏后能知道这里是什么内容。用一句话甚至一个词来高度概括。类似实际生活中的广告金句。例如：麦斯威尔的“好东西和好朋友一起分享 ”；Intel 的“给你一颗奔腾的心”等等。（三）确定网站栏目 建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站呢？栏目的实质是一个网站的大纲索引，索引应该将网 站的主体明确显示出来。一般的网站栏目安排要注意以下几方面： 1、要紧扣主题 将你的主题按一定的方法分类并将它们作为网站的主栏目。主题栏目个数在总栏目中要占绝对优势，这样的网站显得专业，主题突出，容易给人留下深刻印象。 2、设立栏目内容列表 如果页面很多，又没有站内的搜索引擎，在主页给出一个内容列表或目录显然是个好办法。设立栏目内容列表，是为了照顾常来的访客，让你的主页更有人性化，还可以帮助初访者快速找到他们想要的内容。事实上，栏目内容需要经常更新，如果你不更新它，并且它不是纯粹的历史资料，它马上就会变旧。如果页面变化得太少太慢，很快就会在读者评论中得到讽刺意见。3、设立可以双向交流的栏目 比如论坛，来访留言等，可以让浏览者留下他们的信息以及对网站的一些意见和建议。 西南交通大学本科毕业设计（论文） 第 6 页（四）确定网站布局 个人网站的布局也体现了个人的风格和个性，页面的布局是风格的一个重要标志，一个页面往往包括文字、图像、音乐、动画等等，这些网页的组成部分放在哪里都是首先要考虑的，需要彼此之间相互搭配，以达到相得