|
GoLiveのようなWebページ／サイトエディタの登場により、テキストエディタ上でじかにソースを作成・修正する機会は少なくなったといえる。ただし、ソースが存在する以上、微調整は必要である。ここではソース上での編集作業方法を解説する。 |
| |
|
| |
１．ソースウィンドウ
「ドキュメントウインドウ」上部にある［HTMLソースエディタ］タブをクリックすると表示される「ソースビュー」では、テキストエディタを使用する感覚で、編集作業をサポートする機能により、柔軟なソース編集が行える。 |
| |
|
| |
 |
| |
|
| |
|
| |
２．ソースに準拠したハイライト表示
ソース編集は多数のタグが書き込まれたテキスト上で行われる。膨大なタグ、細かい数値などは、ソースを見慣れていないユーザには非常に取っつきづらいもの。GoLiveのソースエディタでは、「構文ハイライト」により、任意のハイライト表示を行うことができる。「構文ハイライトオフ」ボタンはハイライトがない表示。「構文ハイライト詳細」ボタンは、タグと設定内容をハイライト表示。「メディア&リンクハイライト」ボタンは配置された画像などのメディアをハイライトする。「ハイライトURL」ボタンはURLへのリンクが張られた部分をハイライト表示する。 |
| |
|
|
 |
|
|
|
 |
メイキングWebデザイン
【初級編】
【中級編】
【上級編】
ダウンロード
・サンプルテンプレート
・フリーボタン素材
・印刷用PDF
STEP１〜３(PDF:１MB/17ページ)
- Webサイトの構造をデザイン
- サイト構造の編集・微調整
- サイト全体で統一されたページデザイン
STEP４〜６(PDF:１MB/10ページ)
- 共通するデザイン要素の設定
- フォームページを作成して情報の収集
- ユーザビリティを考慮した機能
STEP７〜９(PDF: 564 KB/７ページ)
- サイトの更新
- ソースコードの編集
- ロールオーバーを使用したバナーの作成
- ダイナミックリンクを使って
データベースと連携したサイト構築
|
|
