个人网页制作毕业设计

《个人网页制作毕业设计》由会员分享，可在线阅读，更多相关《个人网页制作毕业设计（36页珍藏版）》请在金锄头文库上搜索。

1、长治职业技术学院信息工程系毕业设计说明书设计课题名称个人网站设计专业班级学生姓名指导教师08计大一班赵琪.宋丽芳，2011年5月5日文档从互联网中收集，已重新修正排版，word格式支持编辑，如有帮助欢迎下载支持。毕业设计任务书专业： 计算机应用班级：08计大一班.课题名称个人网站设计指导教师宋丽芳学生姓名赵琪毕业设计起止时间 2011年02月28日 2011年05月5日 共8周课题的目的与任务：1、通过毕业设计能够综合所学知识进行网站的设计，其中包括页面的 布局、颜色的搭配、图片的处理等基本知识。2、网站的选材要精，主题要鲜明，布局要合理，色彩的搭配要美观并 且符合主题。3、按照要求撰写毕业论

2、文。课题的要求：1. 内容要求： 在老师指导下独立完成毕业设计，严禁抄袭。所引资料须注明出处；主动与指导老师进行联系与沟通，在指导老师指导下按期按质完成毕业设计2. 提交要求:网站电子档。毕业设计说明书。拟定的工作进度（以周为单位）:第1周搜集整理相关素材第2周确定总体设计方案第3-6周 进行过程设计第7周 撰写毕业设计文档（说明书）第8周修改、整理说明书并装订成册任务下达人（签字）：日期：2011年2月28日任务接受人（签字）：日期：2011年2月28日信息工程系毕业设计综合评价表指导教师对设计说明书的评语指导教师签字：年 月曰毕业设计指导小组意见毕业设计指导小组组长签字：年 月 日毕业答辩

3、评语答辩小组组长签字：年 月曰备注毕业设计成绩答辩小组组长签字摘要网页设计作为用户界面交互设计的延伸，是在新的媒体和新的技术支持下实现一个 全新的设计创作领域。设计创作网页应遵循其特有的特点和结构思路，具备实际可行性 和外观的时尚。本论文讲述了网站建设的一般步骤，并结合丰富的色彩应用与网页设计 理论，通过我的个人网页制作实例，阐述了网页设计的视觉效果和具体操作。关键词网页色彩网站建设布局引言错误!未定义书签。第一章需求分析错误!未定义书签。1.1性能需求错误!未定义书签。1.2开发工具的介绍错误!未定义书签。错误!未定义书签。Flash 8.0错误!未定义书签。1.2.3 JavaScript

4、错误!未定义书签。Photoshop8.0错误!未定义书签。1.3网站设计的步骤错误!未定义书签。1.4网站总体结构设计错误!未定义书签。第二章个人网站设计分析错误!未定义书签。2.1相关术语及解析错误!未定义书签。错误!未定义书签。 错误!未定义书签。 第三章、站点的建立及页面制作错误!未定义书签。3.1站点建立错误!未定义书签。3.2各个页面的制作页面图错误!未定义书签。错误!未定义书签。错误!未定义书签。错误!未定义书签。错误!未定义书签。错误!未定义书签。第四章注册域名、租用免费空间错误!未定义书签。4.1搜索可以免费申请空间的网站错误!未定义书签。4.2注册会员，申请成功错误!未定义

5、书签。第五章上传发布错误!未定义书签。参考文献错误!未定义书签。结束语错误!未定义书签。随着Internet的诞生和发展，许多人不再仅仅局限于网上冲浪，而是参与到网站 建设中。企业建站相当于在网上建立一个家，你就可以在这里向客户介绍你的企业，展 示你的实力，推销你的产品，网页制作作为网站制作中一个重要的环节，相对于传统的 平面设计而言，网页设计具有更多的新颖性，更多可以表现的手法。结合本人的实习过 程，现就网站建设与管理过程中，网页设计与制作的具体经历，包括：网页设计与制作 过程中的网页布局、色彩构置，框架结构等相关事项做以下论述。第一章需求分析11性能需求Dreamweaver8.0要求的运

6、行环境1. CPU P3-8002. 内存 256MB3. 硬盘剩余空间1.8GB4. 显示器分辨率1024X7685. 16位视频卡。6. 软件 WIND0WS2000/XP当前的开发环境（硬件、软件）1. CPU AMD Arhlon（tm） 64 X2 dual Core Processor TK-572. 内存1GB3. 硬盘剩余空间20GB4. 显示器分辨率1280X8005. 显示卡 ATI Redeon X12507. 软件 WINDOWS XP1.2开发工具的介绍Dreamweaver是创建和管理网页的专业化可视编辑器。使用Dreamweaver可以轻松 创建跨平台、跨浏览器的

7、页面。Macromedia的Roundtrip HTML技术允许用户随意导入 HTML文档而无需重新设置代码格式。Dreamweaver可以为用户做到：使用动态HTML功能（例如具有动态效果的层和行为） 而不用写一行代码。它甚至还可以检查用户的工作成果在所有流行的平台和浏览器中可 能发生的错误。Dreamweaver还是一个可以完全自定义的应用程序。用户可以创建自己的对象和命 令修改菜单和快捷键，甚至编写JavaScript代码扩展Dreamweaver的行为和属性检查 器。至于Dreamweaver工作区是非常灵活的，因此它可以适应各种不同的工作风格和使 用水平。常用的Dreamweaver

8、工作区组件有以下若干种：(1) 文档窗口可显示当前文档，文档的外观和浏览器中看到的非常相似。(2) 装载器中包含一些打开和关闭常用检查器和模板的按钮。(3) 对象工具栏包含创建不同类型的对象(例如图象、表格和层等)的按钮。(4) 属性检查器显示选定对象的属性。(5) 快捷菜单可以使用户对当前选择或区域快速执行某些命令。(6) 可固定的浮动工具栏允许用户将浮动窗口、检查器和工具栏组合在一个或多个 选择窗口中Flash 8.0Micromedia Flash 8.0用于web站点的交互式的矢量图形和动画的制作，它可制作 出用于浏览时的导航控制、制作动画图标、带同步声音的大段的动画，创建出生动的富

9、于表现力的网页。Flash中的图形都是矢量的，占据存储空间较少，因而下载时间短， 且能很好地适应浏览者不同尺寸的屏幕。Flash的交互性的大部分设置就在Action和Fs Command里，通过对Action和 Fs Command的设置，你可以随意的设置各事件发生的效果，还有对变量及函数的设置。1.2.3 JavaScriptJavaSript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的 脚本语言。使用它的目的是与HTML超文本标记语言、Java脚本语言(Java小程序)一 起实现在一个Web页面中链接多个对象，与Web客户交互作用。从而可以开发客户端

10、的 应用程序等。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了 HTML 语言的缺陷，它是Java与HTML折衷的选择。Photoshop8.0Photoshop 8.0是目前最流行的图形、图像编辑设计软件，在数码影像处理、图像 编辑合成、广告设计、封面设计、美术绘画、网页设计等领域都被广泛地应用。(1) 文字处理更加方便(2) 增加的图层集使图层管理更有序。(3) 新增图像功能：图像的剪切和剪裁更加方便。(4) 将所有工具的选项板改进为工具选项栏放置在工作区顶部，方便先项参数的设 置。(5) 为了更方便地用路径绘画，改进增加了几何形状工具，通过选择工具的不同工 作模式，可创建

11、路径、几何形状或几何填充区，使得矢量绘图功能得到了加强。1.3网站设计的步骤1. 规划网站；2. 建立站点及制作页面;3. 注册域名、租用空间；4. 上传；推广及维护1.4网站总体结构设计功能模块图(层次图)第二章个人网站设计分析2.1相关术语及解析1、InternetInternet（英特网）诞生于上世纪60年代，发展非常慢，到90年代才开始迅速发展。 现在英特网已经是世界上最大的网络的，联在英特网上的电脑有数亿台。上面的资料、 信息数不胜数，所以有人把英特网叫成是信息的海洋、知识的海洋。2、站点所谓站点，就是将网页文件和素材文件，有条理地放置站点文件夹里，这些文件与 文件夹就构成了网站的实

12、质内容。站点文件夹里除了网页文件还有素材文件，所谓素材 就是网页中所用到的图像、声音、视频等，这些内容是以单独文件的形式存在。3、超链接我们在浏览网页时，当鼠标指针指向某段文本或是某个图像，鼠标指针变成小手状， 单击鼠标可以打开其他的网页或是跳转到其他的网站，这就是超链接。采用超链接技术 可以将不同的网站、网站中的不同网页、网页中的不同位置彼此串在一起，实现相互间 的跳转，方便信息的浏览和查找。人们通过超链接可以很方便很迅速地访问分布于全球 计算机上的海量资源，实现在互联网中的漫游。超链接能使Web服务存在广泛和持久的 生命力，超链接可以说是Web的灵魂。4、URLURL（Uniform Re

13、source Locator的缩写），统一资源定位器。互联网中某种信息 资源以某种方式存储在网络中的某处，必须用一个惟一的URL来进行标识，这样才能方 便查找。对于Web来说，可以简单并通俗把URL理解为网址。每个Web网页都有自己的 网址，在浏览器地址栏里输入网页的URL，就可以访问这个网页。例如，其意思就是 采用http超文本传输协议访问新浪网的首页，由于网页均是通过http超文本传输协议 进行访问，默认下，“5、IP地址为了使互联网上的电脑主机在通信时能够相互识别，每台主机都分配一个能表示其 位置的IP （Internet Protocol）地址，这如同公用电话网中电话的号码一样。IP地

14、址 是由专门的互联网机构来分配IP地址具有惟一性，是由32位二进制数组成，分为四 组，每组8位，每组之间用小数点分隔，在实际之中常转换成十进制数表示。互联网在中国的出现只有短短七年时间，1994年中国科学院高能物理研究所设立了 国内第一个Web服务器，推出一个叫做“中国之窗”的网页，这可能是国内Internet 上出现的第一个Web网页，1995年开始，中国教育科研网，中国科技网，中国公用计算 机互联网以及中国金桥网这构成中国数字神经系统的四大互联网络相继建成，使互联网 在中国开始真正进入社会生活之中。这时期，个人网站出现的条件还很不成熟，国内上 网的人数很少，也缺乏支持个人建站的环境，用户很

15、难找到理想的个人主页存放地。个人网站发展的第二阶段是从1997年初到1998年，这段时间，中国网民数量飞速 增长，个人网站日渐繁荣，个人主页的数量急剧增加。同时，越来越多的商业网站开始 免费提供个人主页空间，这些良好的外部极大地促进了个人网站的发展，涌现了一批很 著名的个人网页，从1998年下半年开始，随着互联网应用的深入的普及，随着众多主 页制作工具的出现，使得建站成为一件非常容易的事，创建一个能充分体现自我风格和 特色的个人网站已经成为互联网用户的新追求。第三章、站点的建立及页面制作3.1站点建立(1) 打开：“窗口”下的“新建站点”(2) 按“下一步(3) 单击“下一步”(4) 单击“下一步”(出现“你如何连接到远程服务器”时选择“无”)(5) 单击完成3.2各个页面的制作页面图援就是:个祥十 我就是这副德行 当我想笑的时候 我就哈哈大笑 我爱喜欢我的人欢迎来到我的主页本页有滚动字幕及背景音乐。滚动字幕的制作：使用