如何用html写一个四页的静态网页

想做一个以巧克力为主题的四页的静态网页。第一页上面正中央是标题,下面左边是导航,右边是会随着点击左边不同的字而变化的页面(就像淘宝的页面一样)。左边的导航我希望是巧克力的种类、品牌和作用这三部分,再加上三张图片。然后点击左边后右边出现的相应内容只要随便写几个字就好了,我会自己再改的。谢谢啦~
老师要求用html文档写,不能用制作网页的软件做。。。

呀,做静态网页用Dreamweaver可以说和Word差不多呀,插入表格布局,可以插入背景、图片、flash。输入内容,改变样式。

就这些了!你可能说插入什么图片呀??怎么好看呀??

我告诉你你到网上搜:“中国网站模板”之类的关键字仔细找一找就行了!!

最后注意一定要插入标题、关键字。挺重要的哦!!!

试试吧!!!问题是答案它爸^_^!!!
温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2017-09-20
定义5个html分别为index.html main.html 1.html 2.html 3.html 4.html

index.html
//head和body标签就省略不写了
<frameset cols="20%,*">
<frame src="main.html" name="left_main" />
<frame src="" name="right_main" />
</frameset>

main.html
<script type="text/javascript">
function showRight(this){
window.parent.right_main.src = "this.id.html";
}
</script>
<div><a href="javascript:void(0)" id="1" onclick="showRight(this)">1</a></div>
<div><a href="javascript:void(0)" id="2" onclick="showRight(this)">2</a></div>
<div><a href="javascript:void(0)" id="3" onclick="showRight(this)">3</a></div>
<div><a href="javascript:void(0)" id="4" onclick="showRight(this)">4</a></div>

1234.html就按照你自己的要求设计了本回答被提问者采纳
第2个回答  推荐于2017-09-25

重复就行了。鼠标往下拉或者第二个也重复。

</html> HTML 框架实例 <html>

</html> HTML 框架实例 <html>

 

<div><a href="javascript:void(0)" id="1" onclick="showRight(this)">1</a></div>
<div><a href="javascript:void(0)" id="2" onclick="showRight(this)">2</a></div>
<div><a href="javascript:void(0)" id="3" onclick="showRight(this)">3</a></div>
<div><a href="javascript:void(0)" id="4" onclick="showRight(this)">4</a></div>

第3个回答  2010-03-23
这样做快一点:

先打开DWM,画个按你说的要求的表格,调好每个单元格大小,置你满意的位置

然后: 插入四个框架页。。 <iframe src="四个不同地址页中其中一个" ></iframe> 分别插在每个单元格中间的代码位置。。

再调节,就可马上搞定。。
相似回答