Googleサイトの使い勝手 [第2回]

このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをNifty Clipに追加このエントリをPOOKMARK. Airlinesに追加このエントリをBuzzurl(バザール)に追加このエントリをChoixに追加このエントリをnewsingに追加

第1回はGoogleサイトの使い勝手 [第1回] – yamablo –programing日記
に掲載してあり、Googleのアカウント取得、Googleサイトにログイン、サイト設定、できたサイトの確認まで
行いました。第2回にあたる今回の記事では、実際にトップページを編集し、追加のページを1つ作ってみる
、その後メニューに今作ったページを追加するところまでを紹介しようかと思います。

なお、今回作っているサイトは、このブログの管理人であるyama3の自己紹介用とでもしておきます。

トップページの編集

今の状態では、トップページは左側にいくつかのメニューがあり、本文の部分には「ホーム」と書かれただけで
何もない寂しいページになっているので、ここを編集しましょう。

まず、Googleにログインした状態で、サイトのURLに移ります。そうすると、右上のあたりに、
「ページを編集」というボタンがあるかと思います。このボタンをクリックし、ページの編集画面に
移ります。


googleSite02.jpg

ページの編集画面では、「ページタイトル」部分と「本文部分」をそれぞれ編集することができます。
こんな感じに、文字を大きくしたり、色を変えたり、画像を貼り付けたりといったことが、すべてメニューバー
から選択するだけで簡単にできちゃいます。


googleSite03.jpg

編集が終わったら、右上の「保存」をクリックして編集を終了します。

完成したトップページをGoogleからログアウトしたブラウザなどで確認してみましょう。
思い通りのページになったでしょうか?

残りの手順は続きにて

新しいページの追加

トップページが思い通りになったら、次は新しい別のページを作りたいですよね?ということで、
新しいページの作成に入ってみます。

Googleにログインした状態で、サイトのURLに移ります。今度はさっきの隣になる「ページを作成」ボタンを
クリックします。次に使用するテンプレートを選ぶのですが、ここでは「ウェブページ」を選び、
名前:の欄には英数字で、新しく作るページに関連する名前をつけておきます。ここでは、私のブログを紹介
するページを作ろうと思うので、名前は「blog」としておきます。
最後に、「ページをトップレベルに置く」か「○○○の下に置く」を選ぶことになります。これは分かりにくいかも
しれませんが、考え方はWindowsのフォルダ階層と同じです。マイドキュメントにそのままファイルを置くか、○○○
というフォルダの下に置くか?といった感じです。もし分かりにくければ、「ページをトップに置く」にしておいても
大丈夫かと思います。

これらの設定が完了したら、「ページを作成」をクリックします。すると、新しいページが作成され、
先ほどの「ページの編集」画面が開きます。あとは、ページを編集していきます。編集が終了したら、さっきと同じ
で、「保存」をクリックし編集を終えます。

これで、完了しました。が、今のままでは、作成したページにアクセスしにくいため、今作成したページを
メニューに追加します。メニューとは、下の画像の○で囲った部分です。


googleSite04.jpg

メニューに追加

まずは、「サイドバーを編集」をクリックし、次に「ナビゲーション」の部分の「編集」をクリックします。
クリックしたときに出てきたウィンドウの「アイテムを追加」をクリックし、追加したページをクリックで選択し、
OKをクリックし、「ナビゲーションを設定」ウィンドウに今追加したページが追加されたことを確認し、「OK」を
クリックし、閉じます。また、「サイトのレイアウト」の部分の「変更を保存」をクリックし、完了です。
左上の「サイトに戻る」をクリックし、確認してみましょう。今、追加したページがメニューに現れている
ことが確認できるはずです。

まとめ

今回、やったみたいに、自分の作りたいページに必要なページを新しく作成し、それをメニューに追加する、などの
方法でページをどんどん作成していきましょう。

なお、今回作成しているサイトはhttp://sites.google.com/site/info1987yama3/
からアクセスすることができます。

関連記事

関連記事

人気ブログランキングへ

[PR]

トラックバック

http://yamablo.com/2009/06/17-164920.php/trackback

コメント


Get Adobe Flash playerPlugin by wpburn.com wordpress themes