网页的流体布局模式创建

发布于 2024-07-13 09:55:36 字数 740 浏览 4 评论 0原文

我希望我的网站上的每个页面都有一个如下所述的骨架结构。 根据用户选择的模板(保存的选择/默认 css),页面的外观会发生变化。

我计划使用 960.gs 或蓝图 CSS 框架进行布局处理。

我是 CSS 和布局的新手。 我的要求的最佳示例是如何在 jimdo.com/weebly.com。 我正在寻求建议,以便我可以快速学习并在迭代中实现它。

解决此类设计问题的最佳方法是什么? 我确信它需要创造性的弯曲,但到目前为止,我想采取书生气的方法,以便我可以将它用于我自己的解决方案。

<div id="container">
    <div id="header"></div>
    <div id="navigation"></div>
    <div id="sidebar"></div>
    <div id="content"></div>
    <div id="footer"></div>
</div>

I would like to have each and every page on my site to have a skeleton structure as mentioned below. Based on the template selected by the user (saved choice/default css) the appearance of the page changes.

I am planning to use 960.gs or blueprint CSS framework for layout handling.

I am a newbie to CSS and layouts. Best example for my requirement would be how its done on jimdo.com/weebly.com. I am looking for advice so that I can learn this fast and implement it in iterations.

Whats the best approach to solve such design problems. I am sure it needs creative bend but as of now I would like to take bookish approach so that I can use it for my own solution.

<div id="container">
    <div id="header"></div>
    <div id="navigation"></div>
    <div id="sidebar"></div>
    <div id="content"></div>
    <div id="footer"></div>
</div>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

何以笙箫默 2024-07-20 09:55:36

这个3 列布局生成器可能会有所帮助。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文