简体   繁体   English

ASP.NET MVC视图/站点设计

[英]ASP.NET MVC View/Site Design

This stems from my question that i started at MVC Beginner Question 这源于我从MVC初学者问题开始的问题

Im now confident in developing a MVC website from the MVC side of things. 我现在有信心从MVC方面开发MVC网站。

My fatal floor now is the UI level designing. 现在我最致命的问题是UI级别的设计。 ie designing views and master pages including css styling. 即设计视图和母版页,包括CSS样式。

Just wanting to get any advice on where i should start? 只是想获得关于我应该从哪里开始的任何建议? Im currently about to look at the expression studio to see if that will help. 我目前正在看表情工作室,看看是否有帮助。

I need to get up and running in this quickly so that it doesnt hold back the development of the website. 我需要快速启动并运行它,以便它不会阻碍网站的发展。

Thanks in advance 提前致谢

I would look at a CSS grid-framework like 960 Grid System or Blueprint . 我将研究CSS网格框架,例如960 Grid SystemBlueprint

There is often controversy from CSS/Markup purists as to whether the use of such frameworks is valid, but they often overlook that not everyone is a CSS expert. CSS / Markup纯粹主义者经常对使用此类框架是否有效存在争议,但他们经常忽略并非所有人都是CSS专家。 I have found that the use of these frameworks has saved me hours of productivity since my CSS skills (as a programmer) are not that great. 我发现使用这些框架为我节省了数小时的工作时间,因为我的CSS技能(作为程序员)不是那么好。

As far as using Expression, I tend to use this as a "test-bed" with simple HTML files. 至于使用Expression,我倾向于使用它作为简单HTML文件的“测试平台”。 The Designer and CSS Style support seem to be more interactive than that which Visual Studio supports, so for quick mock-ups -- Expression, then move that HTML/CSS over to VS as soon as possible. 对Designer和CSS Style的支持似乎比Visual Studio支持的更具交互性,因此为了进行快速的模型制作-表达式,然后将HTML / CSS尽快移至VS。

One other priceless tool to use while designing is the add-on " Firebug " for Firefox ... it allows you to inspect single elements on your page, the CSS properties affecting that element - it even allows you to change CSS attributes "on-the-fly" to immediately see the ramificatiions. 设计时使用的另一种无价工具是Firefox附加组件“ Firebug ” ...它允许您检查页面上的单个元素,影响该元素的CSS属性-甚至允许您“在CSS上更改CSS属性”。苍蝇”立即看到后果。 This tool has saved me HOURS! 这个工具为我节省了HOURS!

Consider finding a suitable theme in a free open source template. 考虑在免费的开源模板中找到合适的主题。

Consider something that suits at http://www.freecsstemplates.org/ . 考虑适合http://www.freecsstemplates.org/的内容

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM