在不使用框架的情况下使用菜单构建网站
使用Dreamweaver，我使用框架定义左列菜单，单击每个菜单选项卡将更改显示在右侧框架上的HTML页面。但是，诸如kompozer这样的网页设计工具不支持框架。
- 在不使用框架的情况下，用这样的菜单栏设计HTML个人网页的最佳方法是什么？
- 如果HTML还不够，您会推荐给具有Java背景和HTML和CSS基础知识的人学习哪些其他脚本语言。
- 你会推荐什么样的网页设计工具来建立个人网站？
回答 3
Stack Overflow用户
发布于 2012-07-07 09:44:42
1.帧
我不建议您使用框架来创建您正在寻找的设计。使用div创建的页面布局可能是可行的。像这样的东西就行了：
<html>
<head>
<title>My Title</title>
<style type="text/css">
div { margin:0; padding:0; }
#container { margin:0 auto; width:960px; }
#menu { float:left; width:200px; }
#content { float:right: width:760px; }
</style>
</head>
<body>
<div id="container">
<div id="menu"><!-- Your menu --></div>
<div id="content"><!-- Your content --></div>
</div>
</body>
</html>2.脚本语言
HTML和CSS足以创建您想要的内容，但是如果您想要为您的布局、菜单和内容拥有单独的模板，则必须寻找一种可以充当模板引擎的服务器端语言。
3. Tools
由于您有Java背景，我建议您学习如何使用您的文本编辑器创建HTML和CSS。它们是容易学习的语言，与JavaScript一起，它们构成了任何想要创建网站的人的基础。
Stack Overflow用户
发布于 2012-07-07 10:22:01
Q1 1-在不使用框架的情况下，设计带有这样菜单栏的html个人网页的最佳方法是什么？
这在很大程度上是个人偏好的问题，作为一名开发人员，我已经有一段时间没有使用Dreamweaver了，因为与其他IDE相比，Dreamweaver提供了一个设计概述，但是它作为编程工具的功能却是缺乏的。
与其使用框架来构造页面，不如使用HTML和CSS结构创建列。
<div id="canvas">
<div class="row">
<div class="column1">
</div>
<div class="column2">
</div>
<br class="clearFix" />
</div>
</div>和CSS：
.canvas { height: 100%; width: 100%; overflow: hidden }
.row { width: 960px; margin: 0 auto; }
.column1 { width:70%; height: 1024px; float:left; } // Could use PX instead of %
.column2 { width:30%; height: 1024px; float:left; } // As above
.clearFix { clear: both; }也许可以查看一个IDE，如阿普塔纳工作室 for PHP、CSS、Javascript。这将帮助您理解所编写的代码，您的“设计”视图将成为比Dreamweaver更准确地呈现HTML和CSS的浏览器。
Q2 2--如果html还不够，您会推荐给具有Java背景并对html和css有基本知识的人学习其他脚本语言。
Javascript
Javascript将帮助您向站点添加一些动态内容，并与JS扩展(如JQuery和JQuery)合作，这是一个非常强大的选择和操作DOM元素的工具。
看看代码学院。大约8个月前，我偶然发现了这个宝石，并向很多人推荐了它来学习Javascript。(他们还提供Python、Ruby、HTML 5、CSS 2/3课程)
PHP是一种服务器端语言，它帮助您处理站点可能具有的任何后端功能，如表单提交、数据库管理等。
因为PHP 5的OOP功能也得到了很大的增强。来自Java背景，您不会感到如此迷茫，我猜是学习PHP。如果您计划编写更深入、更吸引人的代码，这种语言将帮助您加载。
Q3 3-您会推荐哪些网站设计工具来构建个人网站？
如果你想要建立一个网站，并且你已经具备了这些功能，那么就坚持你目前所知道的，但是尝试不同的工具，并找到一种语言来学习(同样，我将引用CodeAcademy，它真的很好)。
Stack Overflow用户
发布于 2012-07-07 09:30:20
制作菜单的一个好方法是使用div标签或导航标签 (在HTML5中是新的)。然后，您需要使用CSS (级联样式表)设置菜单及其条目的位置和外观。
如果不想将整个菜单复制到所有页面，可以使用像马蒂 (requires )这样的模板系统，这样可以将菜单的代码存储在一个单独的文件中，并在需要的地方包含它。
至于网页设计工具，如果你想像编辑Word文档一样编辑HTML (你看到的是你得到的东西)，我推荐KompoZer (跨平台，开源)。如果您想直接编辑HTML，任何有语法高亮显示的优秀编辑器都可以。我使用吉阿尼 (跨平台，开源)和崇高的文本 (付费，以键盘为中心)。
https://stackoverflow.com/questions/11373739
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号