使用菜单构建网站而不使用框架

使用Dreamweaver，我使用框架来定义左栏菜单，然后单击每个菜单选项卡将更改显示在右框架上的HTML页面。但是，诸如kompozer之类的网页设计工具不支持框架。使用菜单构建网站而不使用框架

什么是使用这种菜单栏设计HTML个人网页，而不使用框架的最佳方式？
如果HTML不够，你会推荐哪些其他脚本语言来学习具有Java背景和HTML和CSS基础知识的人。
你会推荐哪些网页设计工具来建立个人网站？

2012-07-07 kms333

erm，'div's是件好事？ – hjpotter92 2012-07-07 09:16:13

所以基本上你的问题是......“我如何建立一个网站？”恐怕这太宽泛了，无法负责。有很多方法可以完成你想要完成的任务。学习HTML，CSS和至少一点JavaScript将会大大提高构建网站的效率。 – David 2012-07-07 09:31:16

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就足以创造你在找什么，但是如果你想拥有独立的模板，你的布局，您的菜单和你的内容，你将不得不寻找一个服务器端语言，可以作为templating engine。

3.工具
既然你在Java中的背景，我肯定会推荐你去学习使用你选择的文本编辑器创建HTML和CSS。它们是易于学习的语言，并且与JavaScript一起构成任何想要创建网站的人的基础。

来源

2012-07-07 09:44:42

制作菜单的好方法是使用the div tag或the nav tag（HTML 5中的新增功能）。然后您需要使用CSS (Cascading Style Sheets)来设置菜单及其条目的位置和外观。

如果您不想将整个菜单复制到所有页面，您可以使用像Smarty（需要PHP）的模板系统，它可让您将菜单的代码存储在单独的文件中，并将其包含在其中需要。对于网页设计工具，如果您想要像编辑Word文档一样编辑HTML（我看到的是您所得到的），我推荐KompoZer（跨平台，开源）。如果你想直接编辑HTML，任何具有语法高亮的体面编辑器都可以。我使用Geany（跨平台，开源）和Sublime Text（付费，键盘为中心）。

来源

2012-07-07 09:30:20 Pkkm

Q1 1 - 什么是设计一个HTML个人网页这样的菜单栏的最好方式，不使用框架？

这是非常个人喜好的问题，作为一个开发者，我没有使用Dreamweaver的一段时间，因为虽然它给了一个设计概述，它的功能作为一个编程工具缺乏相对于其他的IDE。

您可以使用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，比如Aptana Studio为PHP，HTML，CSS，Javascript代码。这将帮助您理解您编写的代码，并且您的“设计”视图成为浏览器，比呈现Dreamweaver的HTML和CSS更精确。

Q2 2 - 如果HTML是不够的，你会推荐什么其他脚本语言来学习的人与Java的背景，并有HTML和CSS的基本知识。

的Javascript

的Javascript会帮你一些动态内容添加到您的网站，联手与JS扩展如jQuery和jQuery的UI是用于选择和操作DOM元素非常强大的工具。

看看Code Academy。大约8个月前，我偶然发现了这个宝石，并推荐给很多人学习Javascript。（他们也有从Python，Ruby，HTML 5，CSS 2/3的课程供）

PHP

PHP是一个服务器端语言，可以帮助你处理任何后端功能，您的网站可能有这样的形式提交，数据库管理等。

由于PHP 5的OOP功能也大大增强了。来自Java背景，你不会觉得很失落我猜测学习PHP OOP。如果您打算编写更深入更具吸引力的代码，该语言将帮助您加载。

Q3 3 - 你会推荐什么网页设计工具来建立一个个人网站？

如果你想建立一个网站，你有能力已经，坚持你知道的那一刻，但尝试了不同的工具，并找到一个语言学习（再次我要举CodeAcademy，这是真的那么好）。

来源

2012-07-07 10:22:01

使用菜单构建网站而不使用框架

回答

相关问题