网站设计与开发

　　　　建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，会打字，懂基本电脑知识，反正不要太笨就可以了，呵呵。当然，这些不是一定必须的。　　　　第一阶段：开始时最好是学些网页编辑软件和基础网页脚本语法，如：Dreamweaver软件，HTML语法(百度一下：HTML入门)，CSS语法(百度一下：CSS入门)，这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学，结合教程边学习边制作，这最多花你一周时间，如果有时间再学点javascript脚本语法(百度一下：javascript入门)。　　　　第二阶段：会用网页制作软件和基础语法后，已会可以制作一个较完整的网站了。当然为了让网站做得更漂亮，功能更强大，你就需要学一些动态编程语言，常用的有ASP,PHP和ASP.NET,推荐后两种，应为ASP再过一段时间会被淘汰，后两种程序区别自己上网搜索吧，本人更倾向于学习.NET，面向对象，功能太强了，微软的东西就是强悍。　　　　如果你没有精力去学这些复杂动态编程语言，你完全可以利用现成的网站管理系统（实际也叫建站软件，比如PageAdmin系统、shopex系统、discuz系统等都比较优秀），这也是目前比较流行的方法，省时、省力。　　　　第三阶段：结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。　　　　工具　　　　1 、网页做好了肯定是要发表上网的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议到服务器公司先买一个个人空间，大概有个20M 以上的就可以了，当然也可以在自己电脑上安装IIS来模拟服务器运行（这里不详细说了，有兴趣的朋友百度一下相关知识，这个是很容易的）　　　　2 、图片处理软件推荐firework或photoshop，HTML编辑软件推荐Dreamweaver，当然如果你会HTML语法，那用计事本直接编辑会更高效。　　　　制作　　　　开始时建议去下载一个比较简单的网页，在制作软件中将它打开，然后仔细观察人家的网页的构成，模仿它去填充各种元素，实践中再配合着教城，进度会快很多，记得也牢一些。　　　　其实做网页并不难，但要做出有特色的网页来，那就非一朝一夕之功了网站设计八步骤　　　　由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“心急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。　　一、确定网站主题　　　　网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。　　二、搜集材料　　　　明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。　　三、规划网站　　　　一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。四、选择合适的制作工具　　　　尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的建站系统软件(前面提到的网站管理系统)。除此之外，还有图片编辑工具，如firework 、Photoshop 等；动画制作工具，如Flash等；网上有许多这方面的软件下载，你可以根据需要灵活运用。　　　　4、如果你作好了页面，就需要考虑你的网页放到什么地方发表，也就是平常我们说的发表空间，我们学校的用户网络中心已经申请好了空间，大家可以直接使用（有发布空间的标志是你有了FTP 账号，这个需要申请），也可以按我前面说的把自己电脑配置为服务器（需安装IIS等软件，这个自己百度一下）　　五、制作网页　　　　材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用网站管理系统后台功能，这样可以大大提高制作效率。　　六、上传测试　　　　网页制作完毕，最后要发布到Web 服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，推荐LeapFTP软件，你可以很方便地把网站发布到自己制作的网站存放服务器上。网站上传以测试完毕就可以把你的网址告诉给朋友或客户，让他们来浏览。　　七、推广宣传　　　　网页做好之后，还要不断地进行宣传，这样才能让的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

　　学习的话：1、必须学习以下基础脚本：html、css、javascript；　　2、任选以下开发程序的一种学习：asp，php，asp.net；　　3、数据库知识：access，mssql，或者mysql(学php必须掌握这个，其他不需要掌握)　　还有一种简单就是：下载现成的建站系统来改，比如pageadmin系统、worpress系统、discuz系统，可以在自己电脑上安装iis和framework来运行这些系统，也可以购买主机上传到主机上安装。　　网站建设概念简介：　　网站建设是指使用标识语言（markup language)，通过易雅达网站一系列设计、建模、和执行的过程将电子格式的信息通过互联网[1]传输，最终以图形用户界面（GUI[2]）的形式被用户所浏览。简单来说，网页设计的目的就是产生网站。简单的信息如文字，图片（GIF， JPEG，PNG）和表格，都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。而更复杂的信息如矢量图形、动画、视频、声频等多媒体档案则需要插件程序来运行，同样地它们亦需要标示语言移植在网站内。　　网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。不同领域的网页设计，网页图形设计，界面设计，创作，其中包括标准化的代码和专有软件，用户体验设计和搜索引擎优化。类似于博度科技团队常常会分为若干个工作小组，负责网站不同方面的设计。网页设计是设计过程的前端（客户端），通常用来描述的网站，并不是简单的一个页面，一个网站是包括很多工作的，其中包括域名注册设计效果图，布局页面，写代码等工作。　　建设步骤　　一、申请域名（域名备案）；　　二、申请空间 ；　　三、定位网站 ；　　四、分析网站功能和需求（网站策划）；　　五、网站风格设计 ；　　六、网站代码制作；　　七、测试网站；　　八、FTP上传网站；　　九、完善资料；　　十、网站维护　　十一、网站推广　　前期准备　　网站建设前期准备工作相当重要，这决定你建站的目的，以及日后维护网站，让你的网站发挥作用等是相当的重要。网站建设是指使用标识语言（markup language)，通过易雅达一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面（GUI）的形式被用户所浏览。简单来说，网页设计的目的就是产生网站。简单的信息如文字，图片（GIFs， JPEGs，PNGs）和表格，都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。而更复杂的信息如矢量图形、动画、视频、声频等多媒体档案则需要插件程序来运行，同样地它们亦需要标示语言移植在网站内。在设计网站前，必须先准备好以下工作：　　针对对象　　在设计网站前，必须告诉网站所针对的人群、区域、国家等。如果能提供某种行业的更好，这样帕绍网络在设计上就会针对这种人群的浏览习惯特别定制您的网页。　　频道　　网站频道就是网站的大框架，也就是主体部分，比如：首页，公司简介，新闻动态，产品展示，在线留言，联系我们等，这是标准的企业网站的内容。如果你有特定的框架，请您一一列出，这样方便我们设计。　　风格　　您必须知道您网站的目的，是以广告形式、还是仅给现有的老客户观察？是功能型的，还是展示型的？风格定位要准确，功能型的是，网站在美工设计上可能不适合大块图片，在数据功能上比较强大，比如搜索，会员注册等，一般大型企业网、购物网、大型门户、交友网等都是属于功能型的，如果是展示型的，这种类型的网站可能大部分追求视觉上的美丽，对功能要求不高。那在美工上面，设计上就得有强烈的视觉感了。这种网站一般属于：美容业、女性用品、服饰等。　　布局　　从用户的体验角度来说，企业网站布局时一定要复合用户在浏览时的习惯，想很多网站都有一个网站新闻的分类或者是新闻内容的页面，这些页面在上面最好是添加回到主页或者是回到新闻列表页的链接，用户能方便的返回自己的浏览历史页，在这里最近很多网站都对于自身的页面分页都做了一个细微的调整，就是下一页比上一页的字体大而且width长，为的就是能更加的让用户有下一页的习惯。这是对于用户体验的一种好的做法，也当然也是对于自身网站假设友好性的一个加强。如果你的新闻往往是长篇大论的话，一定要加上右侧是滑动的返回顶部的链接，不然用户在查看你的长文章时会有损体验度。　　最近非常流行瀑布流效果，尤其是对于图片网站或者是购物导航站都纷纷效仿，提醒各位在企业网站中对于图片或者是新闻页面使用瀑布流时最好加上用户在浏览瀑布流的内容时能一直保持在页面一侧的快捷导航或者是置顶的一个导航条，这一点在用户体验效果上能大大的加强瀑布流给浏览者的体验友好度。　　企业网站最好是在每个页面都设置tkd（title、keywords、description），在很多的企业站一直会出现一个这样的问题，就是在新闻内页的title都设置了显示不同的，但是在关键字和描述上每新闻和文章都是一样的，这样对于搜索引擎的抓取和识别对于网站的优化有很大的副作用，有时因为这些会导致网站被k。　　主流代码布局　　构成　　文字与图片是构成一个网页的两个最基本的元素。你可以简单地理解为：文字，就是网页的内容。图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。　　在网页上点击鼠标右键，选择菜单中的 “查看源文件” ，就可以通过记事本看到网页的实际内容。可以看到，网页实际上只是一个纯文本文件。它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏览器则对这些标记进行解释并生成页面，于是就得到你现在所看到的画面。 为什么在源文件看不到任何图片？ 网页文件中存放的只是图片的链接位置，而图片文件与网页文件是互相独立存放的，甚至可以不在同一台计算机上。　　网站建设流程　　1.需求沟通，客户提出网站建设的基本需求，包括设计要求及功能要求　　2.项目评估及报价，易雅达根据客户提出的需求进行评估，估算出相应的时间与费用　　3.签订合同，合作双方确认费用、工期、合作要求的基础上，双方共同签订合同　　4.提案阶段，完成网站初稿DEMO设计，包括首页风格，内页风格页面　　5.确认与修改，客户对初稿进行审核，然后提出意见，然后进行完善，并最终确认初稿设计风格　　6.制作阶段，完成所有页面的设计，进行程序开发以及前后后台的页面整合　　7.调试阶段，对网站进行调试，调试程序的稳定性，链接和运营的畅通性　　8.网站验收，根据合同条款进行网站验收，并签署网站验收确认单　　9.后续服务，确认后期网站的维护服务，和具体维护区域

网站建设 是一个综合性的技巧，就像种菜,并不是说知道操作流程就一定会种菜，还要土壤，水肥，气候，直接间接的相关知识都做一定的了解，才能真正去操作，所以那些速成的教程，仅仅是表面皮毛而已，真的去模仿会出现各种各样的问题，而且是从未了解过的，出了问题会觉得 前所未有的茫然，特别是那些教程又是毫无责任而言的,不可能去给你解决问题，最终还是要一个好的服务商。————————————————————以十几年的企业网建运维网商系统经验感觉，网站=域名+服务器空间+网站程序+售后服务，网站就像一个家：【域名】：网址 就相当于你家的住址。【空间】：就是你盖房子的基础 土地 环境 等。【程序】：就是你家的主体框架,是整个家的运转中心。【模板】：网站的美化 就是你家的装修,当然因人而异有人不装修原汁原味也可以。【维护】：技术性维护就像您安居乐业的保安和坚实后盾。【勤劳】：是整个家可以稳定持续运转极其重要的部分，家里所有的东西都要靠你的勤奋去填充，增加，让大家觉着你家很好 很充实。 这就是一个完美网站的所有，有能力和经验的可以全部自己做好,没有相关经验的就找专业的建站公司全套服务。毕竟专业做了很多年，而你自己要从头学会再去做一件事，耗费的时间非常漫长，很有可能当你学成，已经没了当年的斗志和环境，这个世界上也没有人能够会所有的技术，所有人都是靠和别人交换价值来生存生活的，所以存在一个很通用的名言：用合适的成本，找合适的人，去做合适的事。。。你会的技能别人需要，别人的技能你也需要，这正是世界发展的自然规律。

以下的web前端开发技术你必须要一项一项的掌握。 html css ajax jquery extjs java scriptAJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。 国内通常的读音为“阿贾克斯”和阿贾克斯足球队读音一样。jquery jQuery是继prototype之后又一个优秀的Javascrīpt框架,jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。　API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件的以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节.Javacript是一种能让你的网页更加生动活泼的程式语言，也是目前网页中设计中最容易学又最方便的语言。你可以利用Javacript轻易的做出亲切的欢迎讯息、漂亮的数字钟、有广告效果的跑马灯及简易的选举，还可以显示浏览器停留的时间.Cascading Style Sheets 层叠样式表.HTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。ASP是Active Server Page的缩写，意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是.asp，现在常用于各种动态网站中。PHP，一个嵌套的缩写名称，是英文超级文本预处理语言（PHP:Hypertext Preprocessor）的缩写。PHP 是一种 HTML 内嵌式的语言.Google Web Toolkit (简称GWT) 是 Google 推出的 Ajax 应用开发包，GWT 支持开发者使用Java 语言开发 Ajax 应用.extjs ExtJS是一个Ajax框架，是一个用javascript写的，用于在客户端创建丰富多彩的web应用程序界面。ExtJS可以用来开发RIA也即富客户端的AJAX应用

网页制作可以大体上分成四个工种：1 美工美工的主要任务是设计。了解用户的意图，分析网站配色，基本布局。绘制出一个网站效果图。美工需要掌握的知识体系应该包括网页设计，UI（User Interface）用户界面人机交互、操作逻辑、界面美观的整体设计，UED（user experience design）用户体验设计--简单来说就是如何使得网站更加便于交互。2 前端开发美工在完成设计效果图之后，由前端开发人员将其制作成为适合浏览器查看的HTML页面。由于现在移动互联网的大规模流行，加上各个不同厂商的浏览器的激烈竞争，前端开发的主要任务简单来说就是使网页在不同浏览器不同分辨率不同设备上提供相似或相近的浏览体验。前端开发需要掌握的知识体系主要是兼容性问题的解决，流畅完美的交互体验。具体到技术细节上就是HTML，CSS，JavaScript，各大公司各种不同内核的浏览器、各种各样的JS库、简单的与后台交互的知识。3 后台开发前台开发完成之后，就是后台程序员的工作了，相比较前端来说，后台更像传统意义上的程序员。后台的工作简单来说就是网页文件对数据库的增删改查。后台需要掌握的知识体系应该包括，编程基础，基本HTML语言，至少一门主流网页语言（C#,C++,JAVA,PHP等），数据库的操作等等。4 宣传推广前三个步骤完成之后，网站一定要推广，简单说就是营销。营销人员应该掌握的知识体系应该包括SEO,SEM,线上线下推广，事件营销，危机公关等等复杂的知识。我对这个部分涉猎不多，不多说了。另外，大型网站通常会在这四个岗位之间设立经理或有的公司叫网页架构师，经理主要是用来协调，沟通，领导这四个岗位。至于四个岗位有多少人就完全取决于公司的网站的规模了，我自己在2000年的时候做网页基本上是四个活一个人做，除此之外还兼公司网管，电脑维修，有一段时间还兼司机，命苦啊~~

网页设计分为两大部分：一、单纯的设计，也就是ps。二、就是网页制作，前端开发div+css。一般来说大公司都是分的很细的，而小公司却让一个人做。不管做哪部分刚入职时都会有一个老师带着也就是说给老师打下手，老师会分出来一部分内容让你去做。直到可以独立完成为止。

web前端主要是通过div+css等技术来完成一个传统pc网页的静态页面制作，移动web前端是通过html5+css3等技术来完成一个手机端访问的网页的制作，一个是针对pc一个是针对手机，这个就是它们最大的区别了。国内像切图网等就是专门提供这样的服务的，只需要提供设计稿就可以了。

前端开发和网页制作不是一个职位，即前端开发包含网页制作。网页制作：一般意义上的网页制作可以分为两部分，即网页设计和网页排版，仅从技术上来说，学会两个软件就够了，Photoshop和Dreamweaver。前者负责设计效果图和切图即网页设计，后者负责编写html代码以及css样式表文件，也就网页排版，将切割后的图重新按照效果图的样子摆放在网页对应的位置上。如果对网页制作下个定义，就是用网页制作工具制作网页。前端开发：到目前为止没有一个明确的定义，甚至将后台的某部分引入到前端开发之中，但是听起来也不无道理。下面给出一个前端开发工程师需要掌握的技能表：前端开发工程师的核心技能：　1、开发语言。核心掌握的语言有html+css+JavaScript。html发展历史有出现有二十多年，历经多次版本更新，JavaScript作为最难的语言之一，许多编程高手对之也不敢妄自菲薄自封精通。许多人都说前端开发要掌握的技能太简单，这是对html语言的一种误解。之前由于工具和没有较强逻辑性，大部分人对前端开发很轻视。导致前端开发在国内的发展异常缓慢。即使是现在，许多在前端开发的人员还不知道为什么要有html5和css3，这两项技术能带来什么革新就更不必问了。由于JavaScript与html的差异性，以及静动态分开处理的一些好处。在大公司编写静态效果和动态效果往往是分开由不同的人完成的。小公司因为需要压缩成本，就要求每个人会的越多越好。至于php等一些后台语言，则是前端开发的扩展语言，想要成为前端开发项目经理，必须要懂得后台实现的思路，并能够写出适合后台修改的模板，不会让他们头大的想砸电脑。试想在DW生成的一个1MB多的页面里出现了错误，什么时候才能找到错误的根源并解决?　2、浏览器调试电脑上的浏览器，有IE6\7\8，Firefox，chrome，opera，safari，遨游，包括国内主流的搜狐，腾讯TT，360，世界之窗。从内核上讲主要有IE的，遨游版IE，safari，firefox以及opera的。每种内核对代码的解析是不完全一样的，即使同样内核也可能存在很大差异，如IE和遨游版的IE。不说非主流的浏览器，就主流的8个浏览器，要做到完全兼容，并不是那么轻松的。需要长时间的积累测试，需要前端开发工程师对前端开发的热爱和激情。　3、hack技术这项技术其实没必要单独列出来，前端开发人员往往要给别的人去擦屁股，这时候hack技术就能大显神威，提高工作效率。虽然写代码都要求按照标准来，不写hack代码，但实际工作中给别人擦屁股是免不了的。所以这也应该是每个前端开发人员必备的技能。4、业内标准这些标准代表了互联网发展的方向，也代表了前端开发的一种信仰。写的代码，都要100%通过标准验证，为通过标准验证而感到自豪。这种推动业界发展的自豪感，是许多后台工作人员所不能体会到的。此外一些PS等一些知识也要掌握掌握以上技能，可以说只能算是一个合格的前端开发人员，能够参与到一个大的项目中，或者自己独立写出一个网页。此时和网页制作设计的区别不是特别明显，效果上来看，都是制作网页的，但实际上，技术上所超于的已经是几个档次的东西了。而这些，恰恰是一个普通网页制作设计所做不到的事情。因为不懂DW背后的代码，也有部分人说懂得手写代码，只能说，不在手写代码中实践、解决问题，根本不能领会到手写代码的精髓。显然一个好的前端开发人员是连通和设计和代码之间的一个桥梁。既要有理工的严谨又要有文艺的情怀。既要懂得交互设计，提高用户体验，又要具有美术基础和审美能力，而在此基础之上，还要对已完成的页面进行维护和以及网站前端性能做相应的优化。而网页制作只是这整个前端开发过程的一个组成部分，所以真正的前端开发人员是一个很厉害的角色。

一个完整的网站建设流程基本上包括域名注册查询、网站策划、网页设计、网站功能、网站优化技术、网站内容整理、网站推广、网站评估、网站运营、网站整体优化、网站改版等。细化的来说就从以下六方面来看：第一、客户提出网站建设的需求，根据客户提出的具体的网站建设要求，网站制作公司进行全方位的评估以及了解第二、制定网站建设方案，针对客户提出的网站建设需求，设计出整体的网站建设方案，并与客户进行再次商谈，就网站建设的风格，主题以及相关的细节进行详细的沟通，与客户达到共识之后进行网站建设。第三、设计方案达成共识，预付款项，安庆宜采软件认为在双方就网站建设的具体细节达到共识之后，客户便需要支付一部分的网站建设费用，作为预付款，通常需要支付百分之五十左右。第四、网站建设初稿，敲定细节，在与客户达成共识，并且收付预付款之后，网站建设公司便开始着手进行网站建设的工作，在双方约定的时间内给出客户网站建设的初稿，就双方约定的网站风格、网站建设主题、网站设计内容等进行初步的审核。第五、网站建设完成，进行验收，网站建设完成之后，需要网站制作公司进行反复的审核以及试验之后才能交付给客户完工，在交付客户之前，所有的网站制作商都要对网站进行反复的测试，特别是对于网站的核心功能模块，要进行不断的测试，反复的测试才可以交付客户。第六：网站后期维护工作，网站交付给客户之后，并不意味着所有工作结束，还要对客户进行指导，以及网站的维护保养工作。