1

Dreamweaverでは、フレームを使用して左側の列のメニューを定義し、各メニュータブをクリックすると、右側のフレームに表示されるHTMLページが変更されます。ただし、kompozerなどのWebデザインツールはフレームをサポートしていません。

  1. フレームを使用せずに、このようなメニューバーを使用してHTMLの個人用Webページをデザインするための最良の方法は何ですか？
  2. HTMLだけでは不十分な場合は、Javaのバックグラウンドを持ち、HTMLとCSSの基本的な知識を持っている人のために、他にどのようなスクリプト言語を学ぶことをお勧めしますか。
  3. 個人のウェブサイトを構築するためにどのウェブデザインツールをお勧めしますか？
4

3 に答える 3

4

1.フレーム
お探しのデザインを作成するためにフレームを使用することはお勧めしません。sを使用して作成されたページレイアウト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.ツール
Javaのバックグラウンドがあるので、選択したテキストエディタを使用してHTMLとCSSの作成を学ぶことを強くお勧めします。それらは習得しやすい言語であり、JavaScriptとともに、Webサイトを作成したい人の基礎を形成します。

于 2012-07-07T09:44:42.250 に答える
3

Q1 1-フレームを使用せずに、このようなメニューバーを使用してHTMLの個人用Webページをデザインするための最良の方法は何ですか？

これは個人的な好みの問題です。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; }

たぶん、PHP、HTML、CSS、Javascript用のAptanaStudioなどのIDEを調べてください。これは、作成したコードを理解するのに役立ち、「デザイン」ビューは、DreamweaverよりもHTMLおよびCSSのレンダリングではるかに正確なブラウザーになります。

Q2 2-htmlが十分でない場合、Javaのバックグラウンドを持ち、htmlとcssの基本的な知識を持っている人のために、他にどのようなスクリプト言語を学ぶことをお勧めしますか。

Javascript

Javascriptは、JQueryやJQuery-UIなどのJS拡張機能と組み合わせて、サイトに動的コンテンツを追加するのに役立ちます。これは、DOM要素を選択および操作するための非常に強力なツールです。

CodeAcademyをご覧ください。私は約8か月前にこの宝石に出くわし、Javascriptを学ぶために多くの人々にそれを勧めました。（Python、Ruby、HTML 5、CSS 2/3コースも利用可能です）

PHP

PHPはサーバー側の言語であり、フォームの送信、データベース管理など、サイトにある可能性のあるバックエンド機能を処理するのに役立ちます。

PHP 5以降、OOP機能も大幅に強化されました。Javaのバックグラウンドから来ているので、それほど迷うことはありません。PHPOOPを学んでいると思います。この言語は、より深く魅力的なコードを作成する場合に役立ちます。

Q3 3-個人のウェブサイトを構築するためにどのウェブデザインツールをお勧めしますか？

サイトを構築したいと思っていて、すでに機能を持っている場合は、今のところ知っていることに固執しますが、さまざまなツールを試して、学習する言語を見つけてください（ここでも、 CodeAcademyを引用します。本当に素晴らしいです）。

于 2012-07-07T10:22:01.000 に答える
1

メニューを作成する良い方法は、divタグまたはnavタグ（HTML 5の新機能）を使用することです。次に、 CSS（Cascading Style Sheets）を使用して、メニューとそのエントリの位置と外観を設定する必要があります。

メニュー全体をすべてのページにコピーしたくない場合は、Smarty（PHPが必要）などのテンプレートシステムを使用できます。これにより、メニューのコードを別のファイルに保存し、必要に応じて含めることができます。

Webデザインツールに関しては、Word文書のようにHTMLを編集したい場合（あなたが見るものはあなたが得るものです）、私はKompoZer（クロスプラットフォーム、オープンソース）をお勧めします。HTMLを直接編集したい場合は、構文が強調表示された適切なエディターであれば問題ありません。私はGeany（クロスプラットフォーム、オープンソース）とSublime Text（有料、キーボード中心）を使用しています。

于 2012-07-07T09:30:20.077 に答える