★PC活用(1)

★PC活用1_Gサイト

★ PC活用(1) ★

▼Amazonバナー…ソフトウェア↓

●「PC活用」のページを作成しました。皆さんの参考になれば幸いです。…更新★2010/04/15

◆ 目次 ◆　

※…リンク文字（下線の青文字）のクリックで各ページ…「Comet8527」のサイト内ページ…へリンクできます。

1)【Google活用】…Googleウェブサービスの活用法を紹介します。

2)【Googleドキュメントの活用】…Googleドキュメントの活用法を紹介します。

3)【Sleipnir/ スレイプニルの活用】…スレイプニル（Sleipnir）ブラウザの活用法を紹介します。

4)【Operaの活用】…オペラ（Oprera）ブラウザの活用法を紹介します。

5)【動画】…動画の閲覧やダウンロードの方法を紹介します。

6)【園芸】…園芸に関する記事を紹介します。

7)【動画のダウンロード】…動画のダウンロードの方法を紹介します。

★ホームページ作成…Googleサイト

●Google無料サービスの「Googleサイト」を利用すると簡単にホームページの作成が出来ます。…※ このページは【Google　サイト】で作成しました。

● iGoogleホームページ（または、Google検索ホームページ）の上部「メニューボタン」→「その他」ボタンでメニューのリスト表示→【サイト】メニューの選択で「ホームページの作成ページ」（Googleサイト）へアクセスができます。
…「Googleサイト」のページ表示…入力キーワード「Googleサイト」でウェブ検索しても次のページへのリンクが可能でした。
…　リンク▲「Googleサイト」でのウェブ検索結果

画像▼クリックで拡大…「Googleサイト」のホームページ編集画面

●【Google】（グーグル）ウェブサービスでは、間単にホームページの作成できる「Googleサイト」機能があります。今回は、実際に投稿した内容を元に記事を紹介します。【iGoogle】のページ→「その他」メニューの【サイト】でホームページ作成のウェブページへアクセスできます。但し、アカウント（IDとパスワード）を取得し、「ログイン」することが必要です。

1)IDとパスワード（アカウント）を入力することでログインして、Google【サイト】のウェブページからホームページの作成画面を開くことができます。指定された対応ブラウザ（IEやFireFox）が動作環境を適切に行うためには、必要です。今回は、【Google　Chrome】をブラウザとして利用してみました。Chromeブラウザでは、動作が軽く、正常にホームページ編集画面の利用が可能でした。

2)【Opera】ブラウザでは、ブラウザの指定警告が表示され、ブラウザによってはツールボタンが利用できない場合があります。但し、HTMLタグ編集は可能でした。【Google　Chrome】、【IE】、【FireFox】、【Sleipnir】ブラウザでは正常にボタン操作が可能でした。但し、「IEブラウザ」は動作が重く、旧式のPCでは、表示スピードが遅いので、今回は【Google Chrome】を、動作の軽いブラウザとして利用しました。…ウェブ上でのホームページやブログの編集画面は、動作が重いことが原因のエラー操作などで編集内容が消えてしまうことがあるので注意が必要です。

3)【HTML】ボタンを利用すると、HTMLタグでの文書入力編集が可能です。次のサイトはHTMLタグで編集したページです。…リンク▲ホームページの投稿例(1)

4)一部のブログでは、＜br＞タグ無しで自動改行できるものもありますが、本「Googleサイト」では、改行には＜br＞タグが必要です。ブラウザ上の編集画面は、パソコンの能力に応じて動作が遅くなることがあります。例えば、ウィルスソフトの更新データのダウンロード中の場合は動作が重く、誤った操作でデーターが消えてしまう事があります。
私の場合は、「テキストエディタ（NanaTree）」や「HTML編集ソフト（ez-HTML）」などで編集したHTML文書タグをウェブ上のHTML編集画面にコピペ入力する方法を利用しています。また、ウェブ上の※A)「リッチテキスト編集画面」（簡易ワープロと同様の操作ができます。）で作成した文書のHTMLタグは、余分なタグが自動的に追加され、複雑になるのでHTML形式での修正が困難になります。

5)すでに完成した「Googleサイト」のページの細かな修正は、※A)「リッチテキスト編集画面」（簡易ワープロ形式）で行うと便利です。初心者の場合は、書式なしのテキスト部分のみをテキストエディタソフトで編集し、ウェブ上編集画面にコピペで貼り付けて、「リッチテキスト編集画面」で書式（文字サイズや色）を追加する方法も考えられます。但し、「リッチテキスト編集画面」で自動編集したHTMLタグは、HTML初心者では修正が困難になります。

6)※A)「リッチテキスト編集画面」では、操作を間違えた場合に、【元に戻す】ボタンで操作の取り消しが可能です。例えば、「文章を削除してしまったがもう一度元に戻したい」などの場面で利用できます。恐れずに、皆さんも、グーグルの【サイト】無料サービスでホームページ作成に挑戦してみてください。多くのホームページでは、ファイルマネージャーを介した、面倒なHTMLのアップロードが必要ですが、グーグルでは※A)「リッチテキスト編集画面」（簡易ワープロ編集形式）を利用すれば、ワープロ文書を作成する感覚で、ホームページの作成が可能です。

※一般のホームページでは、HTML文書の編集ソフト「ez-HTML」とHTML文書のウェブ上へのデータアップロードソフト「FFFTP」を利用すればホームページの作成は簡単になります。他の一般的なウェブサイトのホームページの作成には、この方法をおすすめします。

★ホームページの作成例

下記のウェブページは、実際に、グーグルの【サイト】機能を利用して作成したウェブページです。参考にしてください。HTMLソースも「HTML編集画面」形式の編集方法で作成したので、シンプルなタグになっています。

リンク▲浜田省吾のオススメ作品の紹介（HTML編集利用）・・・別窓で表示

リンク▲洋楽検索のページ（HTML編集利用）・・・同じ窓で表示

1)「リッチテキスト編集画面」では、文字の改行…Enter→行間が広くなります。文字の改行…Shift＋Enter→行間を詰めて文字入力できます。
2)リンク文字の作成…リンク目的の文字列を選択した後に、「リンク」ボタンを押します。「サイト内のページ」又は「ウェブアドレス」を入力指定します。ページの表示は「別の新しい窓（ウィンドウ）で表示する」、「同じ（ウィンドウ）で表示する」などの表示様式を選択できます。
3)文字の書式の設定は、目的の文字列を選択した後に「フォントの種類」や「フォントサイズ」、「テキストの色」などのボタンを押して書式を指定します。
4)「HTML編集画面」にアフィリエイトのコードをコピペすることで、アフィリエイトの本文内への表示ができます。「Amazon」、「楽天」、「A8.net」、「Adsense」などのアフィリエイトの表示が可能でした。

↓

●編集画面のページ上部左の「その他の操作」メニュー＞「サイトを管理」メニューで、次のような操作ができます。↓

1)サイトのコンテンツ…最近の更新履歴、ページ、添付ファイル、ページテンプレートの情報の表示や設定ができます。↓

2)サイトの設定…全般（サイト名や説明の変更や入力）、共有設定、収益化（AdSenseの登録）、ウェブアドレスなどの情報確認や設定ができます。↓

3)サイトの外観…↓

(1)サイトのレイアウト…サイドバーの編集（アイテムの編集、追加、削除）、サイトのレイアウトを変更（サイト本文、サイドバー、ヘッダの幅や表示設定）などができます。↓

(2)色とフォント…ページの背景色、背景画像、フォント色やリンク色の変更設定ができます。↓

(3)テーマ…サイト全体のレイアウトや色、イラストを組み合わせたテンプレートのテーマ指定ができます。↓

↓

●その他利用した操作↓

1)このサイトでは、緑の「ページ背景色」を指定しました。背景色を変更することでページ全体のイメージを変更できます。「テーマ」と「ページ背景色」を組み合わせるとページ全体のデザインの種類をさらに増やすことができます。

2)「その他の操作」→「サイトを管理」→サイトの設定/全般…サイト名やサイトの説明の更新ができます。…日本語入力も可能です。…実例…「comet8527」→「★PC活用(1)」に変更しました。

3)「ページ編集」状態では、本文最上部の「ページ名」の変更ができます。…実例…「ホーム」→「★PC活用1_Gサイト」に変更しました。

4)「Google」サイトでは、画像やアフィリエイトバナー（AmazonやAdSense）、Picasaスライドショーなどの一部コンテンツは、編集中のコンテンツ選択時に表示される表示位置（左、中央、右）やサイズのメニューが利用できます。＜center＞タグは無効になり、＜p style="text-align:center"＞タグなどに自動変更されました。

5)HTMLタグの一部が＜ｓｐａｎ＞タグや＜div＞タグなどに自動変更される場合があります。

6)「HTML編集画面」にHTML文書をコピペした後は、タグが自動変更され、複雑になるので基本的には、「リッチテキスト編集画面」の簡易ワープロ形式の編集画面で変更していきます。↓

7)ページの下部に「コメント」を追加できます。…実例…★ぺージの更新（2010/05/17）…1)サイドバーの修正…2)本文（画像や関連記事一覧などの追加…3)添付ファイルの追加（364KBのZIP形式圧縮フォルダ/PDFファイル在中）

※ページの更新記録のメモなどに応用できます。

8)「添付ファイル」の追加ができます。ページ下部の「添付ファイル」項目に…364KBのZIP形式圧縮フォルダ…を添付してみました。データのダウンロードができ、解凍することで、フォルダ内在中のPDFファイルの閲覧ができます。圧縮無しのデータも添付できますが、アップやダウンロードの時間、サーバの保存データサイズを考慮してZIP形式圧縮フォルダの添付をおススメします。

※ウィンドウズでは、ファイルの「右クリックメニュー」→「送る」→「圧縮（zｉｐ形式）フォルダ」の操作手順で、選択したファイルのZIP形式圧縮フォルダを作成できます。

▼「livedoor」リサイクル…A8

▲

★サイドバーの編集

●サイドバーの表示コンテンツ下部の【サイドバーを編集】ボタンでサイドバーに【テキスト】コンテンツなどのアイテムを追加できます。本ページでは、左サイドバーに「テキスト」コンテンツを追加しました。に「テキスト」コンテンツではHTML文書の表示も可能なので、画像やリンクなどを表示できます。今回は、アフィリエイトや私（管理人）の投稿しているブログやホームページのリンク文字を「テキスト」コンテンツで追加表示しました。「GoogleAdsense」の追加もできます。

1)【テキストボックス】は、テキスト文書やＨＴＭＬ文書をサイドバーに表示できます。複数の【テキストボックス】の表示も可能です。
2)「リッチテキスト編集画面」では、ツールバーやメニューバーが利用でき、【挿入】メニューで、リンク文字や画像の【挿入】もできます。文字のサイズや色、背景色の書式設定も可能です。

画像▼次の画像を参考にしてください。…サイドバーの編集

★関連リンク…次のリンク文字のクリックで各ページへリンクできます。

A)ホームページ(1)サイト名…「★PC活用(1)」（Comet8527） ※ホームページのサイドバーに「テキスト」コンテンツを追加し、管理人の各「投稿ページへのリンク」や「アフィリエイト」などの内容を追加表示しました。…05/17更新

1)「Googleサイト」…利用法の紹介です。
リンク▲★PC活用1_Gサイト…★Googleサイトでホームページ作成…05/17更新

2)「Googleサイト」…各種アイテムのページ内表示の紹介です。
リンク▲★Gサイト_挿入…★Googleサイト…挿入…05/17更新

3)その他
リンク▲無料データ転送サービス
リンク▲動画検索とDLソフト

▼0216B▼Gサイト_Sx1_Ope/Ch

●「GooglePicasa」のウェブアルバムに保存された画像やBloggerブログに投稿した画像をページ内に「スライドショー」表示できます。※B)
※スライドショー画面にポインタを重ねるとツールバーが表示されます。また、画面のクリックで公開ギャラリーページにリンクできます。

●Googleブログ「ひろくんのグーグル散歩」投稿画像のスライドショー …※B)

●「Pcasaウェブアルバム」の記事です。参考にしてください。
リンク▲Picasaウェブアルバムの公開…「青空の風景」より

▼ブランドバナー…激安特価商品を紹介します。

★Googelサイト…SX1

Googelサイトホームページの紹介

１）PC活用(1)…Gサイトホームページ(Sx1/Ope_Chm)
(1)【Google活用】…Googleウェブサービスの活用法を紹介します。
(2)【Googleドキュメントの活用】…Googleドクメントの活用法を紹介します。
(3)【Sleipnir/ スレイプニルの活用】…スレイプニル（Sleipnir）ブラウザの活用法を紹介します。
(4)【Operaの活用】…オペラ（Oprera）ブラウザの活用法を紹介します。
(5)【動画】…動画の閲覧やダウンロードの方法を紹介します。
(6)【園芸】…園芸に関する記事を紹介します。
(7)【動画のダウンロード】…動画のダウンロードの方法を紹介します。
リンク▲PC活用(1)…Gサイトホームページ

２）洋志の音楽しようネット…Gサイトホームページ(Sx1/Ope_Chm)
(1)「ウクレレ」のページです。ウクレレの動画、お勧めサイト、コード表の作成など各種情報やコード作成のエクセルファイルのダウンロードも可能です。ウクレレ関係のページです。・・・ukulele_1
(2)ウクレレ演奏の楽譜をエクセルを利用して作成しました。ウクレレのソロ演奏に挑戦してみてください。ウクレレのソロ演奏のページです。・・・ukulele_2a
(3)ベースに関するページです。（工事中・・・未完成です。）ベースに関するページ・・・base_1
(4)クラシック音楽に関するページです。クラシック音楽に関するページ・・・classic
(5)J-pop（邦楽）に関するページです。邦楽に関するページ・・・J-pop1
(6)洋楽に関するページです。洋楽に関するページ・・・Yougaku_1
(7)テキストエディタに関するページです。テキストエディタに関するページ・・・textedit
(8)ビートルズに関するページです。
ビートルズを楽しもう…beatles_sx1
(9)ウクレレソロ演奏の楽譜ページです。エクセル2007で画像を編集しました。ウクレレソロ演奏…ukulele_3a
(10)邦楽アーティスト紹介のページです。ウクレレコード付き歌詞カードもあります。コード付き歌詞カード…mus_sx1bg_rem
リンク▲洋志の音楽しようネット…Gサイトホームページ(Sx1/Ope_Chm)

３）エクセル/AutoCADの活用(1) …Gサイトホームページ
1)エクセル2007VBA（マクロ）の記事
2)エクセル(1)の記事
3)エクセルの(2)記事
4)エクセルの(3)記事
5）エクセル2007(4)の記事
6)AutoCADの記事
7)AutoCAD(2)の記事
8)OpenOfficeの記事
9)PowerPointの記事
リンク▲エクセル/AutoCADの活用(1) …Gサイトホームページ

４）PC活用(2)…Gサイトホームページ
サイト内ページ　
(1)「Windows Liveの活用」
(2)「読書/本」
(3)「Yahoo!活用」
(4)「Yahoo!活用」
(5)「Operaブラウザ」
リンク▲PC活用(2)…Gサイトホームページ

▲0216B▲

★人気商品の紹介(1)

…Amazonベストセラーショップ

リンク▲商品紹介(295) …「文房具・オフィス用品/ベストセラー」「ミュージック/ベスト」「ヘルス＆ビューティー/コンタクト」「ヘルス＆ビューティー/避妊」「ジュエリー/リング」など

リンク▲ショップ(2)/商品の紹介(Am288) …「PCソフト/セキュリティ」「PCソフト/MicroSoft」「ジュエリー/イヤリング」「PCソフト/ゲーム」「家電＆カメラ」など

☆☆
ペンギン

…★楽天ショップ(1)…★楽天ショップ(2)…★A8レディースショップ(3)

▼Amazonショップ ▼Office2010…Amazon

▼ソフトウェア…Amazon

▼Windows7…Amazon

▼セキュリティソフト…Amazon

▼PCゲーム…Amazonショップ

▲Amazon▲

サブページ (4): Googleサイト_2 video_DL web_data 洋楽(7)

v.1

Ex07_PTable1.zip

(364k)

Hiroshi Takagaki,

2010/05/16 17:57

Hiroshi Takagaki - 2010/05/16 18:00

★ぺージの更新（2010/05/17）…1)サイドバーの修正…2)本文（画像や関連記事一覧などの追加…3)添付ファイルの追加（364KBのZIP形式圧縮フォルダ/PDFファイル在中）

★PC活用(1)

★ショップAZ

ナビゲーション

★管理人のページ

★A8ショップ…B1

★PC活用1_Gサイト

コメント

★PC活用(1)	このサイトを検索