个人网站设计及实现毕业设计论文.doc

人生最大的幸福，是发现自己爱的人正好也爱着自己。 个人网站设计及实现作 者：张 铎指导教师：刘向娇摘要：网络发展到今天建立网站已经成为一个很普遍的问题了对于企业家来说建立好的网站可以抢占新世纪发展的战略要点建立新的企业形象直接开拓国际市场对于个人来说建设好的个人网站可以更加方便的收集信息开展更加直接的网络交流使用自己构造的平台可以为毕业后找工作做好充分的准备在我的个人网站制作过程中主要是针对我网站设计的方向和目的、网站设计的整个流程出发然后通过自己设计的这个个人网站作品来说明并演示一个网站制作过程这篇论文的主要内容是个人网站的设计思想整体规化及相关的基础科知识网站的规化又包括网页的结构、栏目的设置、网页的风格、颜色的搭配、版面的布局、文字图片的运用等关键词：网站设计；网站规化；网站主题 随着经济的发展计算机以被应用到社会生活的各个领域这给人们的生活带来很大的方便如今已成为人们日常生活中不可或缺少的部分人们可以足不出户上网购物随时查询股票信息在自己的博客上尽情发表言论以上这些都离不开最基本的网页设计和制作1 网站作为网络信息主要的表现形式而且还是互联网信息的主要承载者在互联网上表现出及其重要的地位并发挥着及其重要的作用无论是在国内还是国外都得以迅速的发展和壮大并被人们重视和关注网站的迷人之处在于综合使用文本、图像、声音、动画视频信息和内容具有丰富的多媒体表现与互动特点毋庸置疑网站已成为最吸引人的也是最有效的信息传递的手段和方式随着网络技术的发展各类网站纷纷出现个人网站也成为了一种时尚越来越多的人希望拥有自己的网站开辟网络世界的一片天地展示自己的才华和风格2 个人网站是指个人因某种兴趣、拥有某种专业技术提供某种服务或把自己的作品、商品展示销售而制作的具有独立空间域名的网站所谓个人网站就是指网站内容是介绍自己的或是以自己的信息为中心的网站3 一 网站设计规化 1.1 什么是网站网站是因特网上的一个信息集中点可以通过域名进行访问网站要存储在独立服务器或者服务器的虚拟主机上才能接受访问网站是有独立域名、独立存放空间的内容集合这些内容可能是网页也可能是程序或其他文件不一定要有很多网页只要有独立域名和空间哪怕只有一个页面也叫网站网站就是在互联网上的一块固定的面向全世界发布消息的地方它由域名和网站空间构成衡量一个网站的性能通常从网站空间大小、网站位置、网站连接速度、网站软件配置、网站提供服务等几方面考虑1.2 网站建设的目的网站的建设不仅仅是制作主页的问题还需要考虑网站的定位、目标用户、网站内容、服务事项、空间方案、安全性、艺术设计等等任何网站在建设之前都必须明确文向、用途和服务群体等一系列的问题写出详细的建站计划可以说这是网站建设的根源和核心所在这里我的个人网站主要是让更多的人认识到我了解我借助网络的这个平台来展示我自己还有我希望能交到和我一样怀着梦想起航的朋友1.3 本站的明确目的不同的网站目的要求通过不同的方式来实现一个展示个人能力的网站与一个以花卉种植为主题的网站以及一个大型门户网站和一个小型企业网站其出发点和建站目的都有所不同在整个网站的建设规化方面的要求也是肯定不一样的因此在规化我的网站时我选择的是与我本人相关的内容来作为主题的 网站预计的用户群体：对于网站的设计者和建设者来说在设计规化网站时必须要明确自己网站的浏览都也就是确定自己的用户群体在已经确定了建设目的的前提下应根据建站方向所会导致出现的不同用户群体的需求来规化设计整个网站我的这个网站就确定了以怀着梦想奋斗的人为用户群体1.4 软件准备在网页的设计过程中因人而宜每个人使用的软件也许不同 Dreamweaver与Flash、 Fireworks这3者被用户称为网页设计三剑客Dreamweaver的优势在于它不仅是优秀的所见即所得的编辑软件同时也兼顾了HTML源代码可以让用户很方便地在两种模式之间的切换 Dreamweaver采用所见即所得的直观设计模式充分尊重设计人员的原始意识和想像力它成功地将网页设计功能中的技术实现部分和设计部分分开还提供众多的可视化设计工具、应用开发环境以及代码编辑支持如利用鼠标拖曳来添加表格、图像等元素在方档中直接输入文本直接插入一些常用的特殊符号对象等用户在没有输入代码的情况下完成了上述工作Dreamweaver自动将结果转换为HTML源代码用户也可以随时查看方档的HTML源代码在代码视图中进行修改 二 网站的总体设计 2.1 确定网站主题做网站首先必须要解决的就是网站内容问题即确定网站的主题如果自己在某些方面有兴趣或掌握的资料越多也可以做一个自己感兴趣的东西你可以有自己的见解做出自己的特色对于内容主题的选择要做到小而精主题定位要小内容要精不要去试图制作一个包罗万象的站点这往往会失去网站的特色也会带来高强度的劳动给网站的及时更新带来困难我的网站主题是以我个人相关的资料来制作的2.2 确定网站形象网站形象的设计可以从网站标志、网站色彩、网站字体网络宣传语等这些方面着手网站色彩网站给人的第一印象来自视觉冲击不同的色彩搭配产生不同的效果并可能影响到访问者的情绪标准色彩是指能体现网站形象和延伸内涵的色彩给人以整体统一的感觉我个人网站的色彩是以粉色为主淡粉色和冰粉色为辅给人一种浪漫的感觉仿佛生活在虚幻的世界里 网站字体和标准色彩一样标准字体是指用于标题、主菜单的特有字体为了体现网站的特有风格可以根据自已网站所表达的内涵选择更贴切的字体我的个人网站的标准字体是幼圆给人一种沉稳而不失俏皮的感觉2.3 确定网站风格 风格是抽象的是指网站的整体形象给浏览者的综合感受这个整体形象包括网站的标志、色彩、字体、标语等诸多因素网站是可以平易近人、生动活泼的也可以是专业严肃的不管是色彩、技术、文字、布局、还是交互方式只要你能由此让浏览者明确的分辨出这是你网站独所有的这就形成了风格 风格是有人性的通过网站的色彩、技术、文字、布局、交互方式可以概括出一个网站的个性；我的网站风格是以浪漫为主给人一种梦幻的感觉2.4 确定网站内容我的个人网站大体上包括了一些内容：首页、网页设计、动画特效、网页素材、相关软件、作品展示、本站论坛、游客留言等网站常用内容方便大家浏览三 具体实现与分析 3.1 首页一个网站的首页是一个文档当一个网站服务器收到一台电脑上网络浏览器的讯息连结请求时便会向这台电脑发送这个文档当在浏览器的位址列输入域名而未指向特定目录或档案时通常浏览器也会打开网站的首页 网站首页往往会被编辑得易于了解该网站提供的资讯并引导互联网用户浏览网站其他部分的内容这部分内容一般被认为是一个目录性质的内容如图1 图13.2 网页设计模块 为了满足广大网页制作爱好者的学习需求本网站推出新版的网页制作教程该教程使用Dreamweaver CS5作为开发工具结合老师的网站开发经验为大家讲解网页制作的每个环节希望通过本套课程的学习大家能灵活运用Dreaweaver完成网站的开发如图2 图23.3 网页特效模块 提供包括鼠标类类、文字类、菜单类、背景类、图形类、播放器等网页特效代码力求做到收集最全网站可能的关注这方面的最新发展趋势不断更新自己的网站尽可能的收集最新的网页特效代码如图3图33.4 网页素材模块提供各种新式素材包含图片、动画、flash、音乐等方便网页及网站制作时参考即借鉴之用如图4图43.5 相关软件下载模块 提供网站及网页制作所需的必要工具如Dreamweaver、Flash、 Fireworks等相关必备软件下载如图5图53.6 作品展示模块提供多种多样名人或企业个人网站供大家学习参考丰富大家的知识详细内容如图6所示图63.7 论坛及留言模块论坛又名网络论坛BBS全称为Bulletin Board System（电子公告板）或者Bulletin Board Service（公告板服务）是Internet上的一种电子信息服务系统它提供一块公共电子白板每个用户都可以在上面书写通过留言的方式可发布信息或提出看法它是一种交互性强内容丰富而及时的Internet电子信息服务系统用户在BBS站点上可以获得各种信息服务发布信息进行讨论聊天等等如图7所示图7四 总结 经过老师耐心细致的指导及同学之间的相互交流同时翻阅了大量的资料(包括网上资料、书本及学校的一些相关资料)经过近一段时间的努力个人网站的设计制作告一段落总结这次扬帆起航-个人网站开发制作过程我使用了目前因特网上比较流行的各种静态制作方法及交互动态网站的制作设计手段并对初步利用后台程序完成了网站的动态响应与生成网页的技术同时也从中学习了对静态网页的处理风格色彩搭配页面导航方面有了一定的经验 目前网站的制作技术与要求都已经告别了因特网初期网站制作的幼稚期随着各类网站的迅速增加与浏览者需求的提高无不要求网站从立意、策划、页面设计到后台程序的全面提高无论是个人网站还是企业网站都必须被要求从浏览者角度出发最大限度的满足用户的要求这也是以后各类网站发展竞争的真正实质所在 本次设计由于设计时间比较紧且相关模块比较多加之设计经验的不足在网站的整体设计及各模块功能可能设计的不完全有待于进一步的完善和改进 参 考 文 献1 /view/ef0e976548d7c1c708a14568.html2 /view/1a6f9dba1a37f111f1855b03.html3 /view/f75ac32c647d27284b7351d0.html4李冲Dreamweaver网页设计M清华大学出版社20115王宝军计算机网络技术与应用M中国劳动社会出版保障出版社20026岳鸿计算机应用基础M国防科技大学出版社20067宋虹Photoshop图形图像处理M湖南大学出版社20118姬付梓创意设计M大学出版社2011Personal website design and RealizationZhang DuoAbstract: the network development to today to establish the website has become a very common problem. For the entrepreneur build good website can seize strategic points of development in the new century. To establish a new corporate image to open up international market directly. For an individual build good personal website can be more convenient to collect information carry out more direct communication using the constructed their own platform can find a job after graduation fully prepared.In my personal website design process is mainly based on our web site design web site design purpose and direction of the entire process and through their own design of this personal website works to explain and demonstrate a website production process. The main content of this thesis is a personal website design overall planning and related basic knowledge. Site planning and webpage structure section design webpage style color layout of the layout text and images using. There are the theme of the site is to be included in the main contents a site must have a clear theme especially the personal web site not as separate webpage that becomes less conten