Adobe
サインイン 注文状況 ユーザー登録
インデックスへ戻る

リソース
bullet 印刷用
他のユーザが簡単に更新できるWebページを作成
page 1 2 3 4
Webページをデザインする場合、Adobe® GoLive® CSのCo-Author機能を利用して、他のユーザがすばやく簡単に更新できるWebサイトのセクションを作成できます。 デザインしたレイアウトと書式に従って、他のユーザ(共同作業者)が実際のコンテンツを入力または更新したり、更新したWebページを公開したりします。 Co-Authorワークフローは、コンテンツの更新を担当するユーザがWebテクノロジに慣れていない場合などに特に威力を発揮します。
セクションを作成する前に、セクション内のページの構造とデザインを決定する必要があります。サンプルとして、企業WebサイトのNewsセクションを作成する手順に沿って説明していきます。 Newsセクションは、記事ごとに1つのニュースページ(ヘッドライン、ティーザー、ボディおよび画像サムネールの各エレメントを含む)と1つの画像ページ(記事のフルサイズ画像を含む)、およびニュースのメインページ(ナビゲーションコンポーネントを含む)の各Webページで構成されます。 最初のデザインの後は、管理アシスタントがセクションの更新を担当します。
main
Co-Authorセクションを作成してアイテムを追加

サイトを開いて、その他/Co-Authorセクションを作成を選択してsection.aglsecウィンドウを開き、セクションタイトルフィールドにセクション名を入力します。 「アイテム名」列で「name」を選択し、リストの下部にある編集可能フィールドを使用して、必要な最初のアイテム(コンテンツコンテナ)を設定します。アイテム名と表示名を入力し、フォーマットタイプを指定します。 必要に応じてアイテムの高さをピクセル単位で入力します。 新規アイテムを作成ボタンを使用してセクションに必要な他のアイテムを追加し、各アイテムのプロパティを指定します。

Newsセクションのサンプルでは、各記事の最初のアイテムはヘッドラインとし、インラインテキストエレメントとして書式設定します。 このサンプルには、ティーザー、ボディ、画像も追加されています。 ヘッドラインに選択されたインラインテキスト書式とティーザーに選択されたテキストブロック書式では、CSSを使用してテキストを書式設定できます。 ボディに選択されたスタイルテキストブロック書式では、共同作業者がリンクを追加して編集し、選択したテキストをイタリックまたはボールドに設定できます。

step01_int
Co-Authorエディタで記事をソートする方法と名前を付ける方法を指定

section.aglsecウィンドウを使用してデータアイテムやストーリーをCo-Authorエディタに表示する方法を指定します。 ソートメニューから、ストーリーリストのソート順を選択します。 作成日またはデータアイテム別にソートできます。 データアイテムを選択した場合は、ソートメニューの右にあるポップアップメニューからアイテムを選択してください。 リストアイテムメニューで、ストーリーリストのストーリーを識別するためのアイテムを選択し、ファイルを保存します。 この時点では、プレビューページのリンクを気にする必要はありません。このリンクはテンプレートの作成後に設定します。

ストーリー(サンプルでは記事)をCo-Authorエディタに表示する方法と名前を付ける方法を制御できます。共同作業者は、このCo-Authorエディタを使用してセクションを管理します。 共同作業者が左のストーリーリストから記事を選択すると、記事の各アイテムが右にフィールドとして表示されます。ここでアイテムを追加または編集します。 前の手順で設定した表示名は、ラベルとして編集可能アイテムの横に表示されます。 サンプルでは、Newsセクションのストーリーは作成日の逆順にソートされ、ヘッドラインアイテムがストーリーリストに表示されます。

step02_int
セクションに必要なページテンプレートを作成

ページテンプレートを作成するには、必要なアイテムのレイアウトを使用して新しいページを作成します。この場合、サンプルのコンテンツをプレースホルダとして含めます。 サイトウィンドウで、ページをセクションのテンプレートフォルダ(サイトのテンプレートフォルダではなく)に保存し、Co-Authorパレットをアクティブにします。 Co-Authorパレットが表示されない場合は、ウィンドウ/Co-Authorを選択して表示します。 アイテムのコンテンツをレイアウトウィンドウで選択し、Co-Authorパレットで範囲を適用メニューから一致する範囲を選択します。 同じ手順を使用してページテンプレートの他のアイテムに範囲を適用し、ファイルを保存します。

大半のCo-Authorセクションには、ページテンプレート、リストテンプレート、スタティックページ(テンプレートから作成されないWebページ)があります。 ページテンプレートから、ストーリー(記事)ごとのWebページが作成されます。 サンプルのNewsセクションでは、2つのページテンプレートとして、newspage.html(記事ごとのページ)およびnewsimage.html(記事ごとのフルサイズ画像ページ)を使用します。

step03_int
トップへ戻る
next