构建基于Web的应用程序的布局 [英] Constructing the layout for web-based applications

查看:50
本文介绍了构建基于Web的应用程序的布局的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述



根据我的经验,CSS上的大多数可用书籍和网络出版物都与网页/网站设计有关。
。很少关注

设计和构建基于Web的数据管理应用程序。

是的,当然,每本关于CSS和网页设计的书都有一章表格

和可能的列表,A List Apart等网站也是如此。但是,

一般来说,报道是令人失望的 - 如果你正在寻求帮助,那就是
。关于设计方面,Apple等的GUI设计指南

al。可能会有所帮助。


但是,在用HTML标记和CSS构建目标

设计时,没有什么帮助。我最好的尝试,作为Ruby on Rails上的一个

框架的一部分,可以在这里看到

http://www.schuerig.de/michael/boilerplate/


我由于它符合

符合标准的浏览器,因此我对这种布局感到非常满意。不幸的是,它们只是少数,特别是在公司台式电脑方面。因此,因为它是b $ b,我的东西的用处令人遗憾地受到限制。当然,我也想让它在Internet Explorer上运行,但是我有一个很难的时间来查找信息或示例代码(HTML / CSS)这帮我搞了这个任务。


Michael


-

Michael Schuerig没有矩阵,

mailto:mi ***** @ schuerig.de只有现实。
http://www.schuerig.de/michael/ - 劳伦斯·菲什伯恩


In my experience most available books and web publication on CSS are
related to web page/site design. Little attention is payed to the
design and construction of web-based application for data management.
Yes, of course, every book on CSS and web design has a chapter on forms
and possibly lists, the same goes for sites such as A List Apart. But,
in general, coverage is disappointing -- if you''re looking for help,
that is. Regarding design aspects, GUI design guidelines by Apple et
al. can be helpful.

However, there''s little help when it comes to constructing the target
design out of HTML markup and CSS. My best attempt at it, as part of a
framework on top of Ruby on Rails, can be seen here

http://www.schuerig.de/michael/boilerplate/

I''m mostly pleased with the layout as it is presented by
standards-compliant browsers. Unfortunately, they are only a minority,
especially when it comes to corporate desktop computers. Thus, as it
is, the usefulness of my stuff is regrettably restricted. Of course, I
want to make it work on Internet Explorer, too, but I''m having a hard
time finding information or sample code (HTML/CSS) that helps me with
this task.

Michael

--
Michael Schuerig There is no matrix,
mailto:mi*****@schuerig.de only reality.
http://www.schuerig.de/michael/ --Lawrence Fishburn

推荐答案

Michael Schuerig写道:
Michael Schuerig wrote:

http://www.schuerig.de/michael/boilerplate/

我对布局非常满意,因为它是由
标准提出的兼容的浏览器。不幸的是,它们只是少数,特别是在企业台式电脑方面。 [...]

http://www.schuerig.de/michael/boilerplate/

I''m mostly pleased with the layout as it is presented by
standards-compliant browsers. Unfortunately, they are only a minority,
especially when it comes to corporate desktop computers. [...]



也许你可以告诉我们IE浏览器与其他人之间的页面渲染差异是什么。我认为没有区别对待。

如果跨浏览器兼容性是一个问题,我建议使用HTML 4.01

Strict而不是XHTML松散。演示文稿是最一致的

4.01严格。

如果您坚持使用XHTML,请删除<?xml ...> line(它混淆IE),

并将页面作为Content-type:application / xhtml + xml提供。还有

其他问题,它们在XHTML规范的附录C中有说明

< http://www.w3.org/TR/xhtml1/#指南> ;.


-

jmm dash list(at)sohnen-moe(dot)com

(删除.AXSPAMGN电子邮件)


Perhaps you could enlighten us what the differences in page rendering
are between IE and everyone else. I see no discernalbe difference.
If cross-browser compatibility is a concern, I suggest using HTML 4.01
Strict rather than XHTML loose. Presentation is the most consistent for
4.01 Strict.
If you insist on XHTML, delete the "<?xml ...>" line (it confuses IE),
and serve the page as "Content-type: application/xhtml+xml". There are
other issues as well and they are covered in Appendix C of the XHTML spec
<http://www.w3.org/TR/xhtml1/#guidelines>.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)


Jim Moe写道:
Jim Moe wrote:
Michael Schuerig写道:
Michael Schuerig wrote:

http://www.schuerig.de/michael/boilerplate/

我对布局非常满意,因为它符合标准兼容的浏览器。不幸的是,它们只是少数,特别是在企业台式电脑方面。
[...]
或许你可以告诉我们页面的差异是什么?在IE和其他人之间。我看不出有什么区别。

http://www.schuerig.de/michael/boilerplate/

I''m mostly pleased with the layout as it is presented by
standards-compliant browsers. Unfortunately, they are only a
minority, especially when it comes to corporate desktop computers.
[...]
Perhaps you could enlighten us what the differences in page
rendering
are between IE and everyone else. I see no discernalbe difference.




我认为你只看了描述页面。看看

(几乎)现场演示页面。

http://www.schuerig.de/michael/boile...ist_tasks.html
http://www.schuerig.de/michael/boile...form_task.html
http://www.schuerig.de/ michael / boile ... employees.html
http://www.schuerig.de/michael/boile..._employee.html

如果它们正确渲染 - 即大致相同屏幕截图 -

在您的IE版本上,我在云端9。不幸的是,很有可能

非常苗条。

如果跨浏览器兼容性是一个问题,我建议使用HTML
4.01
Strict而不是XHTML松散。演示文稿是最一致的4.01 Strict。



I take it you''ve only looked at the description page. Have a look at the
(almost) live demo pages.

http://www.schuerig.de/michael/boile...ist_tasks.html
http://www.schuerig.de/michael/boile...form_task.html
http://www.schuerig.de/michael/boile...employees.html
http://www.schuerig.de/michael/boile..._employee.html

If they render correctly -- i.e. roughly the same as the screenshots --
on your version of IE, I''m on cloud nine. Unfortunately, chances are
very slim.
If cross-browser compatibility is a concern, I suggest using HTML
4.01
Strict rather than XHTML loose. Presentation is the most consistent
for 4.01 Strict.




我还没有决定权衡取舍。由于XHTML 1.1严格我的页面

通过W3C验证器(生成,不一定是演示)。正如HTML

4.01严格我得到与错误嵌套有关的错误。


Michael


-

Michael Schuerig保持不变,

mailto:mi ***** @ schuerig.de变化越少!
http://www.schuerig.de/michael/ - Spinal Tap,陛下岩石



I haven''t yet decided on the trade-offs. As XHTML 1.1 Strict my pages
pass the W3C validator (generated, not necessarily the demos). As HTML
4.01 Strict I get erros related to improper nesting.

Michael

--
Michael Schuerig The more it stays the same,
mailto:mi*****@schuerig.de The less it changes!
http://www.schuerig.de/michael/ --Spinal Tap, The Majesty of Rock


Jim Moe< jm *************** @ sohnen-moe.com>写道:
Jim Moe <jm***************@sohnen-moe.com> wrote:
如果您坚持使用XHTML,请删除<?xml ...> line(它混淆了IE),
并将页面作为Content-type:application / xhtml + xml提供。
If you insist on XHTML, delete the "<?xml ...>" line (it confuses IE),
and serve the page as "Content-type: application/xhtml+xml".




后者做了一点不仅仅是混淆了IE。


-

Spartanicus



The latter does a bit more than confuse IE.

--
Spartanicus


这篇关于构建基于Web的应用程序的布局的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆