以个人身份从头开始设计新网站的复杂性
出于教育原因，我试图创建自己的网站。我试着用最好的意图从头开始做这件事，并试图遵循最新的网页设计理论，但对于一个孤立的人来说，这太难吸收了。
我得到了一些有用的提示，但我放弃了我的网站，回到了画板上，想出如何更好地使用一个已经存在的系统，专门针对web设计中最佳实践的最新想法，并深入探讨使用脚本系统管理封装的价值。结论见我的答案，你们中的一些人，就像我一样，正在自己建立一个网站。
回答 2
Stack Overflow用户
发布于 2013-12-10 03:40:14
避免web设计的复杂性：(1)使用现有的系统，比如Bootstrap --不要重新发明轮子。您可以添加您自己的独创性的方式，在使用它和一些最后的css接触，使网站您自己的签名。Bootsrap是由一个专门的开发团队构建的，它包含了所有最新的设计原则。(2)使用某种服务器端包含某种脚本语言支持的系统。我个人建议使用javascript对象数据结构来包含每个页面的唯一细节。每个页面都是唯一的和可书签的，因此不需要将其独特的数据单独存储。我使用的设计旨在尽可能地消除重复，javascript数据结构的美妙之处在于，它们的形式可能因页而异，但只需要一个函数来处理它们。因此，对于每个页面，只需输入页面所需的数据即可。
结论:这个问题可能会继续发展，直到它变得难以处理，一种并发症导致另一种并发症。我的主要问题是从零开始设计我的网站。我认为我做的是正确的事情，试图吸收当前全球对网页设计的思考，但情况变得过于复杂，以至于一个人无法从一开始就开始尝试。
在评论中暗示了对我的结构问题的回答，但我不得不在下面挖掘才能找到它。现在我发现了Bootstrap系统，我可以强烈推荐它。它使我能够重建我的整个网站在没有时间，并自动纳入所有我需要的响应。我的封装问题的答案是通过javascript提出的，尽管我不喜欢胡子的想法，所以我被迫更深入地研究javascript。我现在使用的解决方案是SSI和灵活的javascript对象类型数据结构的组合，以处理各个页面的独特细节。
我的新网站是这里。它在台式机和iPhone上都能很好的工作。我已经包含了下面一个页面的代码副本，它显示整个页面是通过SSI从模板文件加载的，它的细节是在页面加载时使用激活的javascript函数填充的。现在，当我添加一个新页面时，我所要做的就是创建新的内容，然后填充它的数据结构。
<!DOCTYPE html>
<html lang="en">
<head>
<!--#include virtual="/main_head.htm" -->
<script>
var detail = {
type: 'book', brand: 'Maths', title: 'Pythagorean Triples 1&2',
article: {subject: 'maths', topic: 'number_theory',
title: 'pythag_paper', page: 'pythag_paper_a.shtml'},
read: { state: 'active', link: ''},
list: { state: '', link: ''},
fill: {left: 'images/pythag_paper_01.png', right: 'images/pythag_paper_02.png'},
step: [
{state: 'disabled', link: ''},
{state: 'disabled', link: ''},
{state: 'active', link: 'pythag_paper_b.shtml'},
{state: 'active', link: 'pythag_paper_d.shtml'}
]
}
</script>
</head>
<body onload="setBookDetail()">
<!-- Wrap all page content here -->
<div id="wrap">
<!-- Fixed navbar -->
<!--#include virtual="/main_navbar.htm" -->
<!-- Begin page content -->
<div class="container">
<!--#include virtual="/main_title.htm" -->
<!--#include virtual="/main_page.htm" -->
</div>
</div>
<!-- Sticky footer -->
<!--#include virtual="/main_footer.htm" -->
</body>
</html>Stack Overflow用户
发布于 2013-11-23 09:22:45
我认为你的问题是关于丑陋的水平杆。因为我不喜欢那种类型的。我将解决开始使用像八字胡这样的模板引擎的问题，它可以在Javascript中工作，所以您不需要服务器端脚本语言。
例如，您可以在script标记中放置一个模板：：
<script type="text/x-mustache" id="template">
<p>Hello, {{name}}</p>
</script>并使用jQuery访问该脚本标记的内容：
var temp = $("#template").html();
Mustache.render(temp { name: "Jack" });
// returns: <p>Hello, Jack</p>在此之后，请看一下响应Web设计。
希望这能有所帮助。
https://stackoverflow.com/questions/20160526
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号