个人网站的前端设计论文 个人网站的前端设计论文 摘要:个人网站是指因特网上一块固定的面向全世界发布消息的地方,个人网站由域名、程序和网站空间构成,通常包括主页和其他具有超链接文件的页面。人们可以通过网站来发布自己想要公开的资讯,或者利用网站来提供相关的网络服务。网站设计的好坏直接影响着网站的性能,本文针对个人博客网站设计谈了自己的体会。 【关键词】个人网站HTML5CSS3Javascript 随着互联网的发展,网络上的网站数量越来越多。个人网站的数量也与日俱增。一个好的网站不仅要保证有着良好的`性能,同时页面的前端设计也得非常的优秀。一个良好的前端设计往往包含了合理的配色,清晰的页面结构,流畅的动画。随着个人网站的发展,也催生出来很多优秀的博客程序,比如:《WordPress》、《Typecho》等等。那么应如何设计个人网站的前端呢? 1设计语言 1.1HTML5 HTML5是HTML最新的修订版本,2014年10月由万维网联盟完成标准制定。目标是替换1999年所制定的HTML4.01和XHTML1.0标准,以及能在互联网应用迅速发展的时候,使网络标准达到匹配当代的网络需求。广义论及HTML5时,实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少网页浏览器对于需要插件的丰富性网络应用服务,例如:AdobeFlash、MicrosoftSilverlight与OracleJavaFX的需求,并且提供更多能有效加强网络应用的标准集。 1.2CSS3 层叠样式表(CSS),又称串样式列表、级联样式表、串接样式表、层叠样式表、阶层式样式表,一种用来为结构化文档添加样式的计算机语言,由W3C定义和维护。CSS3现在已被大部分现代浏览器支持。 CSS3分成了不同类别,称为“modules”。而每一个“modules”都有于CSS2中额外增加的功能,以及向后兼容。CSS3早于1999年已开始制订。直到2011年6月7日,CSS3ColorModule终于发布为W3CRecommendation。CSS3里增加了不少功能,如:“border-radius”、“text-shadow”等。 1.3JavaScript 一种高级编程语言,通过解释执行,是一门动态类型,面向对象的直译语言。它已经由ECMA通过ECMAScript实现语言的标准化。它被世界上的绝大多数网站所使用,也被世界主流浏览器支持。JavaScript是一门基于原型、函数先行的语言,是一门多范式的语言,它支持面向对象编程,命令式编程,以及函数式编程。它提供语法来操控文本,数组,日期以及正则表达式等,不支持I/O,比如网络,存储和图形等,但这些都可以由它的宿主环境提供支持。随着最新的HTML5和CSS3语言标准的推行它还可用于游戏、桌面和移动应用程序的开发和在服务器端网络环境运行。 2开发工具 SublimeText是一套跨平台的文本编辑器,支持基于Python的插件。SublimeText是专有软件,可通过包扩充本身的功能。大多数的包使用自由軟件授权发布,并由社区建置维护。SublimeText支持众多编程语言,并支持语法上色。 MozillaFirefox,中文俗称火狐,是一个自由及开源的网页浏览器,由Mozilla基金会及其子公司Mozilla公司开发。Firefox支持Windows、OSX及Linux,其移动版支持Android及FirefoxOS,这些版本的Firefox使用Gecko来排版网页,Gecko是一个运行当前与预期之网页标准的排版引擎,而在2015年发布的FirefoxforiOS则非使用Gecko。 3网站前端设计 3.1站点架构 首先确认了整体页面是由左右两个DIV组成,并提供一个按钮,可以按下后隐藏左边的DIV以达到只显示右边的DIV的正文的目的。 本文来源:https://www.wddqw.com/doc/df166d42a75177232f60ddccda38376baf1fe038.html