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

人生最大的幸福，是发现自己爱的人正好也爱着自己。个人网站设计及实现作者：张铎指导教师：刘向娇摘要：网络发展到今天建立网站已经成为一个很普遍的问题了对于公司家来说建立好的网站可以抢占新世纪发展的战略要点建立新的公司形象直接开拓国际市场对于个人来说建设好的个人网站可以更加方便的收集信息开展更加直接的网络交流使用自己构造的平台可认为毕业后找工作做好充足的准备在我的个人网站制作过程中重要是针对我网站设计的方向和目的、网站设计的整个流程出发然后通过自己设计的这个个人网站作品来说明并演示一个网站制作过程这篇论文的重要内容是个人网站的设计思想整体规化及相关的基础科知识网站的规化又涉及网页的结构、栏目的设立、网页的风格、颜色的搭配、版面的布局、文字图片的运用等关键词：网站设计；网站规化；网站主题随着经济的发展计算机以被应用到社会生活的各个领域这给人们的生活带来很大的方便如今已成为人们平常生活中不可或缺少的部分人们可以足不出户上网购物随时查询股票信息在自己的博客上尽情发表言论以上这些都离不开最基本的网页设计和制作[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网页设计模块为了满足广大网页制作爱好者的学习需求本网站推出新版的网页制作教程该教程使用DreamweaverCS5作为开发工具结合老师的网站开发经验为大家讲解网页制作的每个环节希望通过本套课程的学习大家能灵活运用Dreaweaver完毕网站的开发如图2图23.3网页特效模块提供涉及鼠标类类、文字类、菜单类、背景类、图形类、播放器等网页特效代码力求做到收集最全网站也许的关注这方面的最新发展趋势不断更新自己的网站尽也许的收集最新的网页特效代码如图3图33.4网页素材模块提供各种新式素材包含图片、动画、flash、音乐等方便网页及网站制作时参考即借鉴之用如图4图43.5相关软件下载模块提供网站及网页制作所需的必要工具如Dreamweaver、Flash、Fireworks等相关必备软件下载如图5图53.6作品展示模块提供多种多样名人或公司个人网站供大家学习参考丰富大家的知识具体内容如图6所示图63.7论坛及留言模块论坛又名网络论坛BBS全称为BulletinBoardSystem（电子公告板）或者BulletinBoardService（公告板服务）是Internet上的一种电子信息服务系统它提供一块公共电子白板每个用户都可以在上面书写通过留言的方式可发布信息或提出见解它是一种交互性强内容丰富而及时的Internet电子信息服务系统用户在BBS站点上可以获得各种信息服务发布信息进行讨论聊天等等如图7所示图7四总结通过老师耐心细致的指导及同学之间的互相交流同时翻阅了大量的资料(涉及网上资料、书本及学校的一些相关资料)通过近一段时间的努力个人网站的设计制作告一段落总结这次"扬帆起航-个人网站"开发制作过程我使用了目前因特网上比较流行的各种静态制作方法及交互动态网站的制作设计手段并对初步运用后台程序完毕了网站的动态响应与生成网页的技术同时也从中学习了对静态网页的解决风格色彩搭配页面导航方面有了一定的经验目前网站的制作技术与规定都已经辞别了因特网初期网站制作的"幼稚"期随着各类网站的迅速增长与浏览者需求的提高无不规定网站从立意、策划、页面设计到后台程序的全面提高无论是个人网站还是公司网站都必须被规定从浏览者角度出发最大限度的满足用户的规定这也是以后各类网站发展竞争的真正实质所在本次设计由于设计时间比较紧且相关模块比较多加之设计经验的局限性在网站的整体设计及各模块功能也许设计的不完全有待于进一步的完善和改善参考文献[1][2][3]．[4]李冲．Dreamweaver网页设计[M]．清华大学出版社．2023．[5]王宝军．计算机网络技术与应用[M]．中国劳动社会出版保障出版社．2023．[6]岳鸿．计算机应用基础[M]．国防科技大学出版社．2023．[7]宋虹．Photoshop图形图像解决[M]．湖南大学出版社．2023．[8]姬付梓．创意设计[M]．大学出版社．2023．PersonalwebsitedesignandRealizationZhangDuoAbstract:thenetworkdevelopmenttotodaytoestablishthewebsitehasbecomeaverycommonproblem.Fortheentrepreneurbuildgoodwebsitecanseizestrategicpointsofdevelopmentinthenewcentury.Toestablishanewcorporateimagetoopenupinternationalmarketdirectly.Foranindividualbuildgoodpersonalwebsitecanbemoreconvenienttocollectinformationcarryoutmoredirectcommunicationusingtheconstructedtheirownplatformcanfindajobaftergraduationfullyprepared.Inmypersonalwebsitedesignprocessismainlybasedonourwebsitedesignwebsitedesignpurposeanddirectionoftheentireprocessandthroughtheirowndesignofthispersonalwebsiteworkstoexplainanddemonstrateawebsiteproductionprocess.Themaincontentofthisthesisisapersonalwebsitedesignoverallplanningandrelatedbasicknowledge.Siteplanningandwebpagestructuresectiondesignwebpagestylecolorlayoutofthelayouttextandimagesusing.Therearethethemeofthesiteistobeincludedinthemaincontentsasitemusthaveaclearthemeespeciallythepersonalwebsiten