搜索
基于WEB前端开发技术的网站设计摘要随着互联网信息技术的广泛应用，互联网作为第四媒体使得全球信息共享成为现实，它正逐步改变人们的生活方式和工作方式。面对扑面而来的网络浪潮，个人、企业等纷纷建立自己的网站，利用网站来宣传自己，提高知名度，寻找新的商机。作为企业宣传的媒体之一，网页界面设计的成功与否，更是关系到每一个在网上安家的企业整体认知形象，其重要性并不亚于企业目前所热衷的广告、企业形象识别系统等传播媒介。网站是企业实施电子商务的载体。如何建好，管理好自己的网站，已经成为企业电子商务应用成功与否的标志。本论文主要围企业网站为开发主题，在页面的布局时使用了最基本也是最必须的三个技能：HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript以及jQuery实现相应的效果和交互。在进行开发前，需要对这些概念弄清楚，这样在开发的过程中才会得心应手。关键词：前端技术;网站;JavaScriptABSTRACTWiththewidelyapplicationoftheInternetinformationtechnology,theInternetasthefourthmediamakestheglobalinformationsharingtobecomeareality,itisgraduallychangingpeople'swayoflifeandthewaytowork.Exhortationwaveofnetwork,suchasindividuals,businesseshavesetuptheirownwebsites,usewebsitetopromotethemselves,raiseawareness,tofindnewbusinessopportunities.Asoneoftheenterprisepropagandamedia,thesuccessofwebinterfacedesign,especiallyinrelationtoeachhomeontheInternetenterpriseoverallcognitiveimage,itsimportanceisnotlessthanadvertisingcompaniesarekeenonsuchmassmedia,theenterpriseimagerecognitionsystem.Websiteisthecarrieroftheimplementationofe-commerceenterprises.Howtobuild,managetheirownwebsites,hasbecomeasignofsuccessforenterpriseelectroniccommerceapplication.Thepaperaroundtheenterprisewebsiteforthedevelopmentofthetheme,inthelayoutofthepagewhenusingthemostbasicandmostmustbethreeskills:HTMLelement,CSSfixingthedisplayelements,thenthroughJavaScriptandjQueryachievethecorrespondingeffectandinteraction.Beforethedevelopment,needtounderstandtheseconcepts,sothatintheprocessofdevelopmentishandy.Keywords:Front-endtechnology;Website;JavaScript•II•目录1前端开发工具及相关技术...............................................................................11.1网站的VI形象..............................................................................................11.1.1设计网站logo............................................................................................11.1.2设计网站的标准色彩.................................................................................11.2网站的UI设计..............................................................................................11.3网站的布局....................................................................................................12前端开发工具及相关技术...............................................................................22.1前端开发工具................................................................................................22.1.1Dreamweaver................................................................................................22.1.2Photoshop...................................................................................................32.2前端开发相关技术........................................................................................32.2.1HTML..............................................................................................................32.2.2CSS...............................................................................................................32.2.3JavaScript.................................................................................................42.2.4Jquery..........................................................................................................43主要功能的实现...............................................................................................53.1主页/首页.......................................................................................................53.2产品展示板块................................................................................................73.3新闻动态板块..............................................................................................113.4联系我们、诚聘英才和公司概况板块......................................................124优化及调试.....................................................................................................124.1SEO在网站中的优化应用..........................................................................124.1.1搜索引擎基本工作原理及SEO的作用...................................................124.1.2网站结构和代码的优化...........................................................................134.2Firebug在web中的调试..........................................................................154.2.1Firebug简介.............................................................................................154.2.2调试...........................................................................................................154.3各浏览器的兼容问题..................................................................................165总结.................................................................................................................16致谢...................................................................................................................18参考文献.............................................................................................................191网站开发概述与网站的规划设计网站开发就是使用网页设计软件，经过平面设计，网络动画设计，网页排版等步骤，设计出多个页面，这些网页通过一定的逻辑关系的超链接，构成一个网站。在现今的信息社会中，很多企业事业单位都希望能够建立本单位的网站，以便在网上宣传自己的产品和服务，并与客户方便地交流。1.1网站的VI形象VI设计全称是visualidentity视觉识别设计，有意义的、有想法的VI设计，对企业的网站