《个人网站设计与实现.docx》由会员分享，可在线阅读，更多相关《个人网站设计与实现.docx（7页珍藏版）》请在课桌文档上搜索。
1、人生最大的幸福，是发现自己爱的人正好也爱着自己。个人网站设计及实现作者：张铎指导教师：刘向娇摘要：网络开展到今天建设网站己经成为一个很普遍的问题了对于企业家来说建设好的网站可以抢占新世纪开展的战略要点建设新的企业形象直接开拓国际市场对于个人来说建设好的个人网站可以更加方便的收集信息开展更加直接的网络交流使用自己构造的平台可以为毕业后找工作做好充分的准备在我的个人网站制作过程中主要是针对我网站设计的方向和目的、网站设计的整个流程出发然后通过自己设计的这个个人网站作品来说明并演示一个网站制作过程这篇论文的主要内容是个人网站的设计思想整体规化及相关的根基科知识网站的规化又包括网页的构造、栏目的设置、
2、网页的风格、颜色的搭配、版面的布局、文字图片的运用等关键词：网站设计；网站规化；网站主题随着经济的开展计算机以被应用到社会生活的各个领域这给人们的生活带来很大的方便如今己成为人们日常生活中不可或缺少的局部人们可以足不出户上网购物随时查询股票信息在自己的博客上尽情发表言论以上这些都离不开最基本的网页设计和制作1网站作为网络信息主要的表现形式而且还是互联网信息的主要承载者在互联网上表现出及其重要的地位并发挥着及其重要的作用无论是在国内还是国外都得以迅速的开展和壮大并被人们重视和关注网站的迷人之处在于综合使用文本、图像、声音、动画视频信息和内容具有丰富的多媒体表现与互动特点毋庸置疑网站已成为最吸引人
3、的也是最有效的信息传递的手段和方式随着网络技术的开展各类网站纷纷出现个人网站也成为了一种时尚越来越多的人希望拥有自己的网站开辟网络世界的一片天地展示自己的才华和风格2个人网站是指个人因某种兴趣、拥有某种专业技术提供某种服务或把自己的作品、商品展示销售而制作的具有独立空间域名的网站所谓个人网站就是指网站内容是介绍自己的或是以自己的信息为中心的网站3一网站设计规化1. 1什么是网站网站是因特网上的一个信息集中点可以通过域名进展访问网站要存储在独立服务器或者服务器的虚拟主机上才能承受访问网站是有独立域名、独立存放空间的内容集合这些内容可能是网页也可能是程序或其他文件不一定要有很多网页只要有独立域名和
4、空间哪怕只有一个页面也叫网站网站就是在互联网上的一块固定的面向全世界发布消息的地方它由域名和网站空间构成衡量一个网站的性能通常从网站空间大小、网站位置、网站连接速度、网站软件配置、网站提供服务等几方面考虑1.2 网站建设的目的网站的建设不仅仅是制作主页的问题还需要考虑网站的定位、目标用户、网站内容、服务事项、空间方案、安全性、艺术设计等等任何网站在建设之前都必须明确文向、用途和服务群体等一系列的问题写出详细的建站方案可以说这是网站建设的根源和核心所在这里我的个人网站主要是让更多的人认识到我了解我借助网络的这个平台来展示我自己还有我希望能交到和我一样怀着梦想起航的朋友1.3 本站的明确目的不同的
5、网站目的要求通过不同的方式来实现一个展示个人能力的网站与一个以花卉种植为主题的网站以及一个大型门户网站和一个小型企业网站其出发点和建站目的都有所不同在整个网站的建设规化方面的要求也是肯定不一样的因此在规化我的网站时我选择的是与我本人相关的内容来作为主题的网站预计的用户群体：对于网站的设计者和建设者来说在设计规化网站时必须要明确自己网站的浏览都也就是确定自己的用户群体在己经确定了建设目的的前提下应根据建站方向所会导致出现的不同用户群体的需求来规化设计整个网站我的这个网站就确定了以怀着梦想奋斗的人为用户群体1.4 软件准备在网页的设计过程中因人而宜每个人使用的软件也许不同Dreamweaver与F
6、lash、Fireworks这3者被用户称为“网页设计三剑客”DrCanIWCaVer的优势在于它不仅是优秀的所见即所得的编辑软件同时也兼顾了HTML源代码可以让用户很方便地在两种模式之间的切换Dreamweaver采用所见即所得的直观设计模式充分尊重设计人员的原始意识和想像力它成功地将网页设计功能中的技术实现局部和设计局局部开还提供众多的可视化设计工具、应用开发环境以及代码编辑支持如利用鼠标拖曳来添加表格、图像等元素在方档中直接输入文本直接插入一些常用的特殊符号对象等用户在没有输入代码的情况下完成了上述工作Drcamweaver自动将结果转换为HTML源代码用户也可以随时查看方档的HTML源
7、代码在代码视图中进展修改二网站的总体设计2. 1确定网站主题做网站首先必须要解决的就是网站内容问题即确定网站的主题如果自己在某些方面有兴趣或掌握的资料越多也可以做一个自己感兴趣的东西你可以有自己的见解做出自己的特色对于内容主题的选择要做到小而精主题定位要小内容要精不要去试图制作一个包罗万象的站点这往往会失去网站的特色也会带来高强度的劳动给网站的及时更新带来困难我的网站主题是以我个人相关的资料来制作的2.2确定网站形象网站形象的设计可以从网站标志、网站色彩、网站字体网络宣传语等这些方面着手网站色彩网站给人的第一印象来自视觉冲击不同的色彩搭配产生不同的效果并可能影响到访问者的情绪标准色彩是指能表达
8、网站形象和延伸内涵的色彩给人以整体统一的感觉我个人网站的色彩是以粉色为主淡粉色和冰粉色为辅给人一种浪漫的感觉仿佛生活在虚幻的世界里网站字体和标准色彩一样标准字体是指用于标题、主菜单的特有字体为了表达网站的特有风格可以根据自己网站所表达的内涵选择更贴切的字体我的个人网站的标准字体是幼圆给人一种沉稳而不失俏皮的感觉2. 3确定网站风格风格是抽象的是指网站的整体形象给浏览者的综合感受这个整体形象包括网站的标志、色彩、字体、标语等诸多因素网站是可以平易近人、生动活泼的也可以是专业严肃的不管是色彩、技术、文字、布局、还是交互方式只要你能由此让浏览者明确的分辨出这是你网站独所有的这就形成了风格风格是有人性
9、的通过网站的色彩、技术、文字、布局、交互方式可以概括出一个网站的个性；我的网站风格是以浪漫为主给人一种梦幻的感觉2.4确定网站内容我的个人网站大体上包括了一些内容：首页、网页设计、动画特效、网页索材、相关软件、作品展示、本站论坛、游客留言等网站常用内容方便大家浏览三具体实现与分析3.1 首页一个网站的首页是一个文档当一个网站服务器收到一台电脑上网络浏览器的讯息连结请求时便会向这台电脑发送这个文档当在浏览器的位址列输入域名而未指向特定目录或档案时通常浏览器也会翻开网站的首页网站首页往往会被编辑得易于了解该网站提供的资讯并引导互联网用户浏览网站其他局部的内容这局部内容一般被认为是一个目录性质的内容
10、如图1图13.2 网页设计模块为了满足广阔网页制作爱好者的学习需求本网站推出新版的网页制作教程该教程使用DreamwcaverCS5作为开发工具结合教师的网站开发经历为大家讲解网页制作的每个环节希望通过本套课程的学习大家能灵活运用Drcaweaver完成网站的开发如图2图23.3 网页特效模块提供包括鼠标类类、文字类、菜单类、背景类、图形类、播放器等网页特效代码力求做到收集最全网站可能的关注这方面的最新开展趋势不断更新自己的网站尽可能的收集最新的网页特效代码如图3图33.4 网页素材模块提供各种新式素材包含图片、动画、flash、音乐等方便网页及网站制作时参考即借鉴之用如图4图43.5 相关软
11、件下载模块提供网站及网页制作所需的必要工具如DrCanWCaVer、Flash、FirCWOrkS等相关必备软件下载如图5图53.6 作品展示模块提供多种多样名人或企业个人网站供大家学习参考丰富大家的知识详细内容如图6所示图63.7 论坛及留言模块论坛又名网络论坛BBS全称为BUlIetinBOardSystem（电子公告板）KBulletinBoardService（公告板服务）是Internet上的一种电子信息服务系统它提供一块公共电子白板每个用户都可以在上面书写通过留言的方式可发布信息或提出看法它是一种交互性强内容丰富而及时的IntCrnCt电子信息服务系统用户在BBS站点上可以获得各种
12、信息服务发布信息进展讨论聊天等等如图7所示四总结经过教师耐心细致的指导及同学之间的相互交流同时翻阅了大量的资料（包括网上资料、书本及学校的一些相关资料）经过近一段时间的努力个人网站的设计制作告一段落总结这次扬帆起航-个人网站开发制作过程我使用了目前因特网上比较流行的各种静态制作方法及交互动态网站的制作设计手段并对初步利用后台程序完成了网站的动态响应与生成网页的技术同时也从中学习了对静态网页的处理风格色彩搭配页面导航方面有了一定的经历目前网站的制作技术与要求都己经辞别了因特网初期网站制作的幼稚期随着各类网站的迅速增加与浏览者需求的提高无不要求网站从立意、筹划、页面设计到后台程序的全面提高无论是个
13、人网站还是企业网站都必须被要求从浏览者角度出发最大限度的满足用户的要求这也是以后各类网站开展竞争的真正实质所在本次设计由于设计时间比较紧且相关模块比较多加之设计经历的缺乏在网站的整体设计及各模块功能可能设计的不完全有待于进一步的完善和改进参考文献viewef0e976548d7clc708al4568. html viewla6f9dbala37f11 If1855b03. html viewf75ac32c647d27284b7351d0. html.TJ TJ TJ TJ 12 3 4 L L L L:/wenku.baidu:/wenku.baidu:/wenku.baidu.Dream
14、WeaVer网页设计M.清华大学出版社.2011.5王宝军.计算机网络技术与应用M.中国劳动社会出版保障出版社.2002.6岳鸿.计算机应用根基M.国防科技大学出版社.2006.7宋虹.PhOtOShOP图形图像处理IM）.湖南大学出版社.2011.8姬付梓.创意设计（M.大学出版社.2011.PersonalwebsitedesignandRealizationZhangDuoAbstract:thenetworkdevelopmenttotodaytoestablishthewebsitehasbecomeaverycommonproblem.Fortheentrepreneurbuild
15、goodwebsitecanseizestrategicpointsofdevelopmentinthenewcentury.Toestablishanewcorporateimagetoopenupinternationalmarketdirectly.Foranindividualbuildgoodpersonalwebsitecanbemoreconvenienttocollectinformationcarryoutmoredirectcommunicationusingtheconstructedtheirownplatformcanfindajobaftergraduationfu
16、llyprepared.Inmypersonalwebsitedesignprocessismainlybasedonourwebsitedesignwebsitedesignpurposeanddirectionoftheentireprocessandthroughtheirowndesignofthispersonalwebsiteworkstoexplainanddemonstrateawebsiteproductionprocess.Themaincontentofthisthesisisapersonalwebsitedesignoveral1planningandrelatedb
17、asicknowledge.Siteplanningandwebpagestructuresectiondesignwebpagestylecolorlayoutofthelayouttextandimagesusing.Therearethethemeofthesiteistobeincludedinthemaincontentsasitemusthaveaclearthemeespeciallythepersonalwebsitenotasseparatewebpagethatbecomeslesscontentwhilethesinglesotofindthecontenttheyareinterestedinsodeepsothoroughlyshowtheirowncharacteristicssoastoleavedeepimpression.Keywords:websitedesign；websiteprogramming；websitetheme?第1页（共9页）
