ASP.NET MVC5手机Web应用实战：响应式与移动开发指南

5星 · 超过95%的资源需积分: 31 56 浏览量更新于2024-07-23 7 收藏 11.06MB PDF 举报

"《Mobile ASP.NET MVC 5》是一本专门针对使用ASP.NET MVC 5进行移动Web应用开发的英文教材。该书深入浅出地指导开发者通过HTML、JavaScript和CSS实现响应式网页设计，确保内容能够根据客户端设备自动调整布局，从而提供无缝的用户体验。作者在书中详细介绍了服务器端技术，如展示不同设备定制内容的方法，以及如何充分利用各种设备的特点和性能。章节一至五主要涵盖了基础的响应式Web设计原则，包括CSS布局技巧、灵活的布局设计、导航的适应性、内容的可变性和显示模式、视图引擎与HTML助手的运用。这些章节帮助读者掌握如何根据不同设备特性定制网站设计。第六章深入探讨了设备和功能检测，让开发者了解如何识别用户的设备类型和特性，以便提供针对性的服务。第七章聚焦于移动设备性能优化，提供策略来应对浏览器兼容性问题和性能差异。第八章讨论了当前移动设备上可用的原生API、HTML5和CSS3技术，这对于提升应用程序的功能性和用户界面至关重要。第九和第十章分别围绕触摸操作编程基础和高级技巧展开，使开发者能够更好地利用触屏设备的特性。第十一章则介绍了一些实用的移动开发库，这些工具能简化开发过程并增强应用功能。全书最后以索引来收尾，方便读者查找所需内容。《Mobile ASP.NET MVC 5》不仅适合经验丰富的Web开发者，也适合那些希望扩展到移动领域的初学者，它提供了一套完整的指南，帮助读者构建适应性强、性能优越的手机Web应用，适应不断变化的移动互联网环境。"

Chapter 1 ■ the BasiCs of responsive WeB Design

Now on to the header. The only part of this section that most people would find tricky is the menu. The old-school

way to lay this out would be to use an HTML table. Though this would “work” for a desktop browser, this approach is

very inflexible. If you want to change the layout according to the screen size, you’ve now trapped yourself. By using a

table, you make the layout a bit easier but only for one screen size. The savvier web developer would use a list and CSS

floats to make the list lay out horizontally (with all non-layout-related styling removed).

I also use a CSS reset (not listed here). If you aren’t familiar with those,

I recommend checking out

http://meyerweb.com/eric/tools/css/reset/ or check out chapter 2.

.nav {

overflow: hidden;

}

.nav li {

float: left;

margin-left: 17px;

}

The overflow value on the “nav” section keeps the size of the element from collapsing to zero, and the float applied

to the list items causes them to stack to the right of the one above, with a little margin to keep them from bunching up

together. For those who aren’t familiar with either of these techniques, both will be discussed at length in Chapter 2.

Following the header is the main content area, which is made up of four sections. The first is the featured book,

which has only a paragraph description, an image, and a link. The image is floated to the right (something we will

change later), but this section poses nothing complex.

<p class="description">Have you got an idea for a great mobile site, or an existing site...</p>

<p class="learn-more"><a href="http://www.apress.com/9781430250562">Learn More</a></p>

</div>

The next section is the list of links that constitutes “Our Categories” on the left side of the page. The layout of the

list is not changed, but the whole section plays a part in the four-column layout that organizes this part of the page.

<h2>Our Categories</h2>

<ol>

<li><a href="http://www.apress.com/apple-mac">Apple/Mac</a></li>

<li><a href="http://www.apress.com/business">Business</a></li>

</ol>

</div>

www.it-ebooks.info

剩余263页未读，继续阅读

bear_123

粉丝: 13
资源: 29

ASP.NET MVC5手机Web应用实战：响应式与移动开发指南

如何使用ASP.NET Mobile Controls开发Mobile Web应用

如何使用ASP.NET开发MobileWeb应用

[ASP.NET MVC] Mobile ASP.NET MVC 5 开发教程 (英文版)

[ASP.NET MVC] ASP.NET MVC 4 网络应用开发 (英文版)

ASP.NET MVC4 Web 编程 （高清版）.PDF

ASP.NET MVC2 开发实战高清电子书Pdf

[ASP.NET MVC] ASP.NET MVC 4 开发技巧 (英文版)

Pro ASP.NET MVC 5 (精通ASP.NET MVC5框架) 中文+英文+配套源代码

[ASP.NET MVC] ASP.NET MVC 5 高级程序设计 (英文版)

ASP.NET MVC4 Web 编程PDF扫描版高清版

最新资源

ASP.NET MVC4 Web 编程（高清版）.PDF