有没有完整的新手入门的教程-用VS2012开发手机网站

在移动互联浪潮的初期,Visual Studio 2012（简称VS2012）为开发者提供了强大而便捷的手机网站开发环境，尽管如今已有更先进的工具，但掌握其核心开发流程，对于理解Web技术演进和进行旧项目维护依然具有重要意义，本教程将引导您了解如何利用VS2012构建适配移动设备的网站。

环境与项目搭建

确保您已安装Visual Studio 2012，并包含Web开发相关组件，创建移动网站最直接的方式是利用ASP.NET MVC 4项目模板，它内置了对移动开发的友好支持。

这个模板极大地简化了初始配置,让开发者可以专注于业务逻辑和界面实现。

核心开发技术

在VS2012中进行手机网站开发,关键在于掌握响应式布局和移动交互设计。

响应式布局基础

为了让网站在不同尺寸的移动设备上都能良好显示,响应式布局是核心技术，其基础是元标签和CSS媒体查询。

框架选择与利用

虽然可以手写CSS实现响应式,但使用框架能显著提高效率，VS2012的“移动应用程序”模板默认集成了jQuery Mobile，这是一个专门为移动触摸设备优化的UI框架。

利用jQuery Mobile，开发者只需使用简单的属性，就能创建按钮、列表、对话框等移动端常见的界面元素，并且这些元素自动具备触摸友好的尺寸和样式。

调试与测试

VS2012内置的浏览器（如IE10）提供了开发者工具（按F12调用），可以模拟不同设备尺寸和用户代理，方便进行初步的布局和功能调试，模拟器无法完全替代真实设备，强烈建议在真实的iOS、Android和Windows Phone设备上进行测试，以确保网站在各种环境下的兼容性、性能和用户体验。

优化与发布

移动用户对网络速度敏感,因此性能优化至关重要，在发布前，应压缩CSS和JavaScript文件，优化图片大小（使用适当的格式和压缩率），并尽量减少HTTP请求次数，完成开发和测试后，可以使用VS2012的“发布Web”功能，将网站一键部署到远程服务器。

相关问答FAQs

问1：使用VS2012开发的手机网站，能否直接打包成原生App（如上架App Store）？

答： 不能直接实现，VS2012创建的是Web应用，运行在浏览器中，但您可以将这个网站作为“壳”应用的内容，借助像Apache Cordova（前身为PhoneGap）这样的混合应用开发框架，将Web项目打包成一个跨平台的原生应用，这样，您的网站就能以App的形式安装和使用。

问2：既然VS2012已经过时，现在学习它的手机网站开发流程还有价值吗？

答： 依然有价值，虽然工具在迭代，但Web开发的核心理念是相通的，通过VS2012的教程，您可以深入理解响应式设计（Viewport、媒体查询）、移动端UI框架（如jQuery Mobile）的工作原理、以及服务器端技术（ASP.NET MVC）如何与前端结合，这些基础知识是学习任何现代Web开发框架的基石，能帮助您构建更扎实的技术功底。

VS2012 C#.net创建mvc项目时弹出这个

NuGet是VS的一个组件，可能没有正确安装把，在Tool->ExtenSionManager”里面检索以下，找到了安装下看看。

编程入门

设备：电脑 你既然喜欢编程，就应该认认真真的学习一门语言，学习微软的就先从VB开始，VB是比较好的入门语言，可视化的，比较简单，是非常好的入门语言。 书籍最少应该准备两本，不可能一本书籍会包含VB的所有内容，在看书的时候，可以交叉的看，一本书籍中没有讲到的内容可以在另一本中看到，这样对学习是很有好处的，也能保证所学知识的完整性。 学编程是一个很漫长的过程，不要着急，要理论与实践想结合，例程书籍也是很重要的，看源代码对学习也是很有帮助的，等你学完这门VB语言之后，学习别的语言是非常简单，可以尝试C语言，按照C——C++——VC的顺序学习，有助于知识的连贯性，我也希望你能学好的。 或者学习Delphi，入门较为简单类似于VB，但比VB强大，即可作为入门又能做强、做大 怎样学编程 1.明确学习目的 学习编程对大多数IT业人员来说都是非常有用的。 学编程，做一名编程人员，从个人角度讲，可以解决在软件使用中所遇到的问题，改进现有软件，可以为自己找到一份理想的工作添加重要得砝码，有利于在求职道路上谋得一个好的职位；从国家的角度，可以为中国的软件产业做出应有的贡献，一名优秀的程序员永远是被争夺的对象。 学习编程还能锻炼思维，使我们的逻辑思维更加严密；能够不断享受到创新的乐趣，将一直有机会走在高科技的前沿，因为程序设计本身是一种创造性的工作。 知识经济时代给我们带来了无限的机会，要想真正掌握计算机技术，并在IT行业里干出一番事业来，有所作为，具有一定的编程能力是一个基本条件和要求。 2.打好基础 学编程要具备一定的基础，总结之有以下几方面： （1）数学基础 从计算机发展和应用的历史来看计算机的数学模型和体系结构等都是有数学家提出的，最早的计算机也是为数值计算而设计的。 因此，要学好计算机就要有一定的数学基础，出学者有高中水平就差不多了。 （2）逻辑思维能力的培养学程序设计要有一定的逻辑思维能力，“逻思力”的培养要长时间的实践锻炼。 要想成为一名优秀的程序员，最重要的是掌握编程思想。 要做到这一点必须在反复的实践、观察、分析、比较、总结中逐渐地积累。 因此在学习编程过程中，我们不必等到什么都完全明白了才去动手实践，只要明白了大概，就要敢于自己动手去体验。 谁都有第一次。 有些问题只有通过实践后才能明白，也只有实践才能把老师和书上的知识变成自己的，高手都是这样成材的。 （3）选择一种合适的入门语言 面对各种各样的语言，应按什么样的顺序学呢？程序设计工具不外乎如下几类： 1）本地开发应用软件开发的工具有：Visual Basic 、Delphi 、VC++ ( C++ Builder ) 等；数据库开发工具有：Visual Foxpro 、Oracle Developer 、Power Builder 等。 2）跨平台开发开发工具如 Java 等。 3）网络开发对客户端开发工具如：Java Script 等；对服务器开发工具如：PHP 、ASP 、JSP 、ISAPI 、NSAPI 、CGI 等。 以上不同的环境下几种开发工具中 VB 法简单并容易理解，界面设计是可设化的，易学、易用。 选 VB 作为入门的方向对出学者是较为适合的。 3. 注意理解一些重要概念 一本程序设计的书看到的无非就是变量、函数、条件语句、循环语句等概念，但要真正能进行编程应用，需要深入理解这些概念，在理解的基础上应用，不要只简单地学习语法、结构，而要吃透针对这些语法、结构的应用例子，做到举一反三，触类旁通。 4.掌握编程思想 学习一门语言或开发工具，语法结构、功能调用是次要的，最主要是学习它的思想。 例如学习 VC 就要学习 Windows 的内在机理、什么是线程......；学习 COM 就要知道 VTALBE 、类厂、接口、idl......，关键是学一种思想，有了思想，那么我们就可以触类旁通。 5.多实践、多交流 掌握编程思想必须在编程实际工作中去实践和体会。 编程起步阶段要经常自己动手设计程序，具体设计时不要拘泥于固定的思维方式，遇到问题要多想几种解决的方案。 这就要多交流，各人的思维方式不同、角度各异，各有高招，通过交流可不断吸收别人的长处，丰富编程实践，帮助自己提高水平。 亲自动手进行程序设计是创造性思维应用的体现，也是培养逻辑思维的好方法。 6.养成良好的编程习惯 编程入门不难，但入门后不断学习是十分重要的，相对来说较为漫长。 在此期间要注意养成一些良好的编程习惯。 编程风格的好坏很大程度影响程序质量。 良好的编程风格可以使程序结构清晰合理，且使程序代码便于维护。 如代码的缩进编排、变量命令规则的一致性、代码的注释等。 7.上网学编程 在网上可以学到很多不同的编程思想、方法、经验和技巧，有大量的工具和作品及相关的辅导材料供下载。 例如网站“编程课堂”（）主要以 VB 和 Delph；教学和交流为主，提供大量实用技巧；网站“现在时编程学园”（）是专门介绍C、VC、VB、Delphi 等的综合编程网站；网站“ VB 编程乐园 ”（）提供内容丰富而且实用的编程技术文章、精选控件、源代码下载、计算机考试、相关软件以及编程书籍推荐等等。 8.加强计算机理论知识的再学习 学编程是符合“理论→实践→再理论→再实践”的一个认识过程。 一开始要具有一定的计算机理论基础知识，包括编程所需的数学基础知识，具备了入门的条件，就可以开始编程的实践，从实践中可以发现问题需要加强计算机理论知识的再学习。 程序人人皆可编，但当你发现编到一定程度很难再提高的时候，就要回头来学习一些计算机科学和数学基础理论。 学过之后，很多以前遇到的问题都会迎刃而解，使人有豁然开朗之感。 因此在学习编程的过程中要不断地针对应用中的困惑和问题深入学习数据结构、算法、计算机原理、编译原理、操作系统原理、软件工程等计算机科学的理论基础和数理逻辑、代数系统、图论、离散数学等数学理论基础知识。 这样经过不断的学习，再努力地实践，编程水平一定会不断提高到一个新高度。

如何制作网页

首先，可以告诉想学网页制作的朋友。 学习制作网页和学习其它知识一样，是要有基础的。 在基础之上学习起来会比较轻松和快捷的。 其次，要清楚学习它是用来做什么。 建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页设计感兴趣，有较充足的学习时间，熟悉office办公软件。 当然，这些不是一定必须的。 第一阶段：开始时最好是学些网页编辑软件，如：FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。 最好使拿本教程来学学，结合教程边学习边制作。 第二阶段：会用网页制作软件后，已会制作一个较完整的网站了。 但为了能使自己设计制作的网页尽善尽美，还是学习网页的核心技术吧！网页编辑语言（包括:html、css、javascript、asp、xml等）。 你可以选择地学习。 第三阶段:结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。 到了这个时候，你就成为真正的网站开发者了。 怎样制作网页，不是说一两篇文章能够说清楚的。 以上介绍的是制作网页的主要纲要，希望能够给想要学习制作网页的朋友一个参考。 二一、工具1、空间网页做好了肯定是要发表上网的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议到大的网站如新浪、网易去先买一个个人空间，大概有个20M以上的就可以了。 2、软件推荐使用Dreamweaver6.0中文版，这个软件最大的特点就是“所见即所得”，也即是制作过程中看到的，便是到时发布到网络上的。 二、教程花点时间，找个比较通俗易懂的教程看一看是很有必要的。 每个网页的组成，不外是文字、表格、图、动画还有就是背景音乐等几个大的元素，搞清楚如何将这些元素摆放进去，你也就算懂得如何制作网页了。 推荐一个教程地址，有空可以去看看，三、制作开始时建议去下载一个比较简单的网页，在制作软件中将它打开，然后仔细观察人家的网页的构成，模仿它去填充各种元素，实践中再配合着教城，进度会快很多，记得也牢一些。 其实做网页并不难，但要做出有特色的网页来，那就非一朝一夕之功了。 一点个人的粗浅体会，不妥之处敬请指正。 三网站设计八步骤由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。 一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。 建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。 一、确定网站主题网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。 特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。 你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。 网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。 二、搜集材料明确了网站的主题以后，你就要围绕主题开始搜集材料了。 常言道：“巧妇难为无米之炊”。 要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。 材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。 三、规划网站一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。 网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。 也只有如此制作出来的网页才能有个性、有特色，具有吸引力。 如何规划网站的每一项具体内容，我们在下面会有详细介绍。 四、选择合适的制作工具尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。 网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。 除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。 五、制作网页材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。 所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。 所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。 在制作网页时要多灵活运用模板，这样可以大大提高制作效率。 六、上传测试网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。 网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。 全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。 七、推广宣传网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。 推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。 八、维护更新网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者 .四一、首先确定你要制作的网页的主题，就是你建这个网站的内容是什么（注：网站和网页的关系与区别就好比一本书和其中的一个页面的关系）；二、确定你的网页的阅读对象，就是你的网页是准备给那些人看的；三、选择制作网页的工具软件，常见的有dreamweaver和office组件里面的frontpage，如果你是初学者，哪我建议你使用frongpage,因为这个软件的入门比较简单（当然功能也很强大），如果你会使用word的话，哪就可以很快作出网页的，如何你想作专业的网页制作人员，哪我建议你使用dreamweaver，目前的版本是XM，我现在就使用，很好用的，这个软件的好处是不怎么产生垃圾代码，并且支持各种代码的性能很好，基本上各种代码可以直接编辑。 四、如果你作好了页面，就需要考虑你的网页放到什么地方发表，也就是平常我们说的发表空间，我们学校的用户网络中心已经申请好了空间，大家可以直接使用（有发布空间的标志是你有了FTP账号，这个需要申请）。 五、找到发布空间以后，你需要把自己的网页上传到你的发布空间，这个需要一个上传软件，我推荐使用ACEFTP，这个软件体积小，速度快，注意我发现这个软件的2.0中文版不能够正确使用，我建议使用1.31版。 六、制作网页需要的其他相关软件：ACDSEE,这个是查看图片的最好软件，也可以对图片作简单的处理，目前的版本是4.0，网上很多地方可以下载；另外如果你对图片需要复杂处理的话，哪最好选择使用PHOTOSHOP，目前的版本是7.0，也有中文补丁，使用起来很方便，当然，这个软件的学习使用相对是比较难点的。 7、使用层的时候最好定义为div标签而不是layer，因为前者在两种主流浏览器都有很好的兼容性。 8、在用图片制作热区链接时，最好给热区命名，防止有时只能在图片上画出直线。 9、当我们将框架结构建立好后，可以将此框架体文件和Site窗体并排放置，然后从Site中选择网页文件拖放到相应的框架中。 这适用于框架比较复杂的页面。 10、如果对一张图片不满意，想更换另一张，最简单的方法双击此图片，直接选择要替换的图片即可。 11、在预览网页之前最好先保存一下，有时候在不能正确预览网页，而存一下就可能会解决这个问题。 12、如果你的页面中使用了CSS或是Java Applet，最好不要使用“file->convert->3.0 browser compatible”命令，因为这一选择会把所有3.0 浏览器不认识的定义都抹去。 最可怕的是我们不知道在这个过程中Dreamweaver 到底做了什么，具体发生了那些变化。 而且要提醒你，对一批页面执行此操作时，一定要先备份，否则可没地方买后悔药。