我是新来的HTML/html5，但不编程，我试图编码我的个人网站。我已经阅读了许多关于基础知识的资源和教程，但我正在寻找一些关于如何开始实现我想要的布局的提示。HTML 5初学者。如何实现这种布局？
在我的布局（here）中，我正在寻找将页面的左半部分作为固定导航面板，图像突出显示当前页面，然后每个选项右侧刷新一个新的独立滚动页面，突出显示的图像会在导航面板中生成新选项。
我应该如何开始实现这样的目标？我只需要向元素/脚本类型的正确方向推动，无论我需要实现什么。
谢谢！
下面是一个简单的例子来帮助你开始：
滚动时，您会发现在右滑的文字在屏幕的，但绿盒子保持在相同的位置。这是通过一点CSS来完成的。
左侧的导航div的样式为position: fixed;。这将导航div始终保持在一个地方。
相比之下，右侧的内容div的样式为position: absolute;，其中left: 25%集。导航div和内容div的宽度以百分比形式设置。这允许内容占用相同的相对屏幕空间，无论窗口是大还是小。您的内容将适应您的观众分辨率。
使用将是改变右手内容div内容的一种可能的解决方案。另一种方法是使用ajax，但现在已经变得更加先进了，因为您现在必须了解客户端和服务器脚本，才能从中获得全部好处。
如果你的信息是静态的，不会经常改变，你可以考虑将与被附加到内容DIV多个模板单个页面的Web应用程序。
jQuery是真的好，以及学习JavaScript和提出建立动态的客户端应用程序变得轻而易举。
他们也有ajax支持，以及：
希望这有助于。
祝你好运，快乐编码！
您有安置被设置为position: fixed;
位置固定将确保菜单没有在页面上移动，无论滚动，其余的元素中的菜单。
然后使用javascript，您可以添加窗口上的“滚动”事件监听器（或者只是您想要监视滚动的div）。发生这种情况时，请检查scrollY属性以查看其所在的范围，并可能会突出显示菜单中的某些项目。
希望这会让你走上正确的道路。这是一个广泛的问题，所以这里有一个广泛的答案！
我第二次从@Jeromy French的建议 - 我认为Bootstrap,Foundation和其他响应框架有很多去他们。
下面是使用自举一个例子：http://jsfiddle.net/panchroma/2dF6s/
除了是HTML5，你可以得到这一切从智能手机到桌面广泛的工作布局。这不是获得移动友好网站的唯一方式，但它是几个不错的选择之一。
我认为，现在有了这么多的智能手机和平板电脑，您可以了解更多有关快速响应和移动网站的信息，您未来会越好。
我认为所有的响应框架使用一个基于网格的系统，这里的HTML是什么样子与引导：
<div class="container">
<div class="row-fluid" align="center">
<div class="span12">
<h1>Header</h1>
</div><!-- close span12 -->
</div> <!-- close row -->
<div class="row">
<div class="span3" id="side-nav" data-spy="affix" data-offset-top="200">
<h5>Option 1</h5>
<h5>Option 2</h5>
<h5>Option 3</h5>
<h5>Option 4</h5>
</div> <!-- end span3 -->
<div class="span9">
<p>Main Content Here </p>
</div> <!-- end span9 -->
</div><!-- end row -->
</div><!-- end containter -->
祝你好运！
听起来像你想使用'iframe'。不要进入那个领域。这是粗糙的，国际海事组织，并不完全吸引人。 – David
查看Twitter Bootstrap（http://twitter.github.com/bootstrap/）。它有很多非常聪明，非常有用的小部件 - 包括“粘贴”（http://twitter.github.com/bootstrap/javascript.html#affix） –