Adobe
サインイン 注文状況 ユーザー登録
 
Web
  メイキングWebデザイン【初級編】Adobe GoLive & Live Motionではじめよう!
page: 1 2 3 4 5 6 7 8 9 10 11 12
2.「ポイント&シュート」でリンクを張る
ここで「リンクタブ」の「ポイント&シュート」ボタン(渦巻きのようなマークのボタン)をドラッグし、「サイトウインドウ」にある「index.html」につなげる。
「ポイント&シュート」でリンクを張る 「ポイント&シュート」でリンクを張る
「navi.html」はそれぞれのコンテンツに「コンポーネント」として配置されている。よって、「navi.html」のみを変更すれば、すべてのページにその変更が反映されているのでブラウザで確認してみよう
「ポイント&シュート」でリンクを張る


3.全部のボタンにリンクを張って完成
同じように、すべてのリンクを設定しよう。「WHAT'S NEW」ボタンは「new」フォルダの「index.html」に、そして「DIARY」ボタンは「diary」フォルダの「index.html」につなぐ、といった具合にリンクを張っていく。この作業が終われば、Web サイトの完成だ。
ボタンにリンクを張って完成


4.Webサイトを公開するための準備
サイト内にエラーまたはエラーと思われるものがある場合、「サイトウインドウ」の「ファイルタブ」にエラーアイコンが表示される。緑色の虫のマークは「バグアイコン」といい、Webページに壊れたリンクが存在することを示している。赤い「中止」アイコンは不明ファイルがあることを指す。ほかにも黄色い三角形をした「警告」マークもあり、これはページが空白であることを知らせるものだ。このような機能を利用してエラーを修正すれば、いよいよサイトの公開だ。初めてサーバに接続する場合は「サイトメニュー>FTPサーバ>接続」でサーバ設定ダイアログを開き、必要な設定を行う。最低限必要なのは[FTPサーバ]の[サーバ]、[ユーザ名]、[パスワード]の3つ。[ディレクトリ]は空白にすることが可能な場合もある。設定ができたら、FTPサーバにWebサイトをアップロードする。これですべての工程は完了だ。
Webサイトを公開するための準備
  これらの情報はすべてサーバ管理者(または加入プロバイダなど)から提供されたものを入力する。このほかにも環境設定でネットワークの設定が必要な場合もあるが、提供された情報をもとにきちんと設定すれば難しいことはない


トップに戻る


back
メイキングWebデザイン【初級編】
Webデザインの潮流
Webサイト全体の構造
新規Webサイトを製作するための準備
ナビゲーションの製作
画像の配置と整列
コンテンツページのレイアウト
ページを仕上げる
外部URLへのリンクと
  Eメールリンクの設定

各ページにリンクを張って
  Webサイトを完成させる
 
メイキングWebデザイン
【初級編】
【中級編】
【上級編】

ダウンロード
サンプルテンプレート

フリーボタン素材
・印刷用PDF
STEP1〜3 (PDF: 337KB/3 ページ)
- GoLiveによるWebサイト構築
STEP4〜8 (PDF: 530KB/5 ページ)
- Rainbow Graphicsの製作過程
STEP9〜10 (PDF: 272KB/3 ページ)
- LiveMotionでアニメーション製作
STEP11〜12 (PDF: 126KB/1 ページ)
- サイトの完成、公開の準備