ホーム>Web デザインのチュートリアル>Dreamweaver チュートリアル

Ultradev サンプル チュートリアル: 1.5 Ultradev 操作インターフェイス

著者：Eve Cole 更新時間：2009-05-30 18:35:15
第 1 章: Ultradev の概要

セクション 5: Ultradev の操作インターフェイス

次に、Dreamweaver UltraDev 4 を段階的に説明するための例を示します。動的な Web ページを作成するのが非常に簡単であることがわかるでしょう。

まずは、Dreamweaver UltraDev の操作インターフェイスを見てみましょう。 ここでは、使用する内容のみを紹介します。紹介されていないものについては、ゆっくり考えてください。

これは Dreamweaver Ultradev のメイン インターフェイスです。一見したところ、Dreamweaver とあまり変わりません。



これは、ソース コードと表示されている内容が相互参照されるインターフェイスです。編集時に Dreamweaver によって生成されたコードを簡単に確認でき、HTML を簡単に学習できます。



これは、ソース コードを完全に手動で編集するためのインターフェイスです。


次に、具体的なメニュー オプションを見てみましょう。



FILEメニュー編集メニュー



メニューの変更テキスト メニュー



サイトメニューコマンドメニュー



ウィンドウビューメニュー



挿入メニュー


Dreamweaver を使用したことのある友人は、これらのメニューのアプリケーションに精通しているはずだと思います。赤枠で囲ったオプションは今後頻繁に使用するオプションです。次に、「挿入」メニューと「ウィンドウ」メニューの内容を詳しく見てみましょう。
[挿入] -> [ライブ オブジェクト] これらのオプションを使用すると、図 1-22 に示すように、挿入、更新、表示、その他のデータ操作を簡単に行うことができます。



ウィンドウ -> オブジェクト このパネルには、挿入メニューの内容が統合されています。パネル上のアイコンをクリックすると、挿入メニューのさまざまな機能を実現できます。図 1-23 に示すように



[オブジェクト] パネルの三角形の記号をクリックすると、[挿入] メニューのさまざまな内容に対応するサブ項目が表示されます。

[ウィンドウ] -> [プロパティ] 図 1-24 に示すように、このパネルを使用して Web ページ内のさまざまな要素のプロパティを定義します。



[ウィンドウ] -> [動作] Dreamweaver を使用したことのある友人は、このパネルを使用して Web ページにさまざまな特殊効果を簡単に適用できることをよく知っていると思います。後でプラグイン アプリケーションについて説明するときに、このパネルを使用するプラグインが多数あります。

図 1-25 に示すように


ウィンドウ -> ランチャーは Windows のクイック起動バーに相当し、必要なパネルを素早く簡単に開くことができます。



ウィンドウ -> リファレンス Html または Javascript の構文に問題はありますか?このパネルを開くと一目でわかります。いつでもご確認いただけます。



次は最も重要な部分であり、[データ バインディング] パネルと [サーバー動作] パネルです。これら 2 つのパネルを通じて、プログラム コードを記述せずに完全に機能する Web サイト アプリケーションを開発するという夢を実現できます。

[ウィンドウ] -> [データ バインディング] このパネルはレコード セットを作成するために使用されます。レコード セットが何であるかを知らなくても、問題はありません。データベースに接続するために使用されるものであると理解できます (もちろん、それ以外の機能もあります)。データベースに接続すると、データの追加、削除、編集、表示などが可能になります。これまで数百行のコードが必要だった掲示板やアンケートなどのプログラムも、指のフリックで作成できます。 。試してみるのは楽しいですか？焦らず、ゆっくり時間をかけてください。 ^0^



[ウィンドウ] -> [サーバーの動作] データベースに接続するだけでは十分ではありません。上記のデータの追加や削除などの操作はすべてこのパネルで実行されます。パネル上の [レコードの挿入] オプションと [レコードの更新] オプションを見たことがありますか?



これを見て、誰もが Dreamweaver Ultradev に対して何らかの印象を持ったと思います。次に、独自の Web アプリケーションを作成していきます。焦っていますか？ (こっそり言いますが、Ultradev のヘルプを読んだ後は待ちきれませんでした...)。次に、簡単なユーザー登録の例を使用して、レコードの表示、追加、削除、編集や、簡単な検索エンジンと Web サイト管理バックエンドの作成などの Ultradev の基本機能の使用方法を最初に学習します。しかし -- ちょっと待ってください。Web アプリケーションはデータベースなしでどのように動作するのでしょうか?次の内容は、Microsoft Access 2000 を使用して簡単なデータベースを作成する方法を説明することです。Access を使用する理由は、Access の方が使いやすく、中小規模のアプリケーションに適しているからです。それは彼らのマシンにインストールされました。さて、次回は内訳を見てください。
関連記事