1 5 分でできるウエッブページ IC 委員会 （ Internet Communication Committee ） Rotary International District 2510 2007 年 11 月 25 日（日） 砂川市市民交流センター「ゆう」

Presentation on theme: "1 5 分でできるウエッブページ IC 委員会 （ Internet Communication Committee ） Rotary International District 2510 2007 年 11 月 25 日（日） 砂川市市民交流センター「ゆう」"— Presentation transcript:

1 1 5 分でできるウエッブページ IC 委員会 （ Internet Communication Committee ） Rotary International District 2510 2007 年 11 月 25 日（日） 砂川市市民交流センター「ゆう」

2 2 用 語 ナビゲーション（ナビ）：道案内 共通の話題を持った記事群の事。 記事を整理するバックナンバーのようなもの。 カテゴリー： アーカイブ： 複数の記事を１つにまとめること。 記事の格納場所。 GPL ： GNU General Public License はコピーレフトのソフトウェアライセンスの代表的 なものであり、 GNU GPL または単に GPL という。 プログラムの著作物の複製物を所持している者に対し、概ね以下のことを許諾する ライセンスである。 1. プログラムの実行 2. プログラムの動作を調べ、それを改変すること 3. 複製物の再頒布 4. プログラムを改良し、改良を公衆にリリースする権利

3 3 求められるスキルは？ □ インターネットを使用したことがある。 □ パソコンで文字を打ったことがある。 そんなあなたは、 3 つのステップでウエッブページが 作成できます。

4 4 雛形（テンプレート） 【トップページ】 【分類のページ】 3 つのページ 【一般のペー ジ】 Wordpress ： GPL

5 5 雛形（テンプレート） Wordpress ： GPL ヘッダー （ header) カテゴリーナビ 最新記事 （ What New) カテゴリーナビ 最新記事のリスト リンク アーカイブ 【トップページ】

6 6 雛形（テンプレート） 【分類のページ】

7 7 雛形（テンプレート） Wordpress ： GPL 記事 【一般のページ】

8 8 雛形（テンプレート） 色

9 9 1 ）ウエッブページの名称、簡単な説明の入力 (1/3) ①ログイン ・ admin 、パスワードを入力しログインする。 ・設定ＵＲＬへ行く (http://ri2510.org/test/wp-admin/) admin ●●●●●

10 10 1 ）ウエッブページの名称、簡単な説明の入力 (2/3) 1 ）各種設定ボタンをクリックする。

11 11 1 ）ウエッブページの名称、簡単な説明の入力 (3/3) ・ブログ名：ブログ名を入力 ・タグライン（ META) ：簡単な説明を入力 ・設定更新をクリック

12 12 2 ）カテゴリーの入力 (1/3) ①ログイン ・ admin 、パスワードを入力しログインする。 ・設定ＵＲＬへ行く (http://ri2510.org/test/wp-admin/)

13 13 2 ）カテゴリーの入力 (2/3) ①管理②カテゴリー③編集

14 14 2 ）カテゴリーの入力 (3/3) ①カテゴリ名：カテゴリー名を入力②カテゴリーを編集をクリック この作業を繰り返す

15 15 できあがり！！

16 16 雛形（テンプレート） ヘッダー （ header) トップ領域 カテゴリーナビ 最新記事 （ What New) 最新記事のリスト カテゴリーナビ 最新記事のリスト 例会場・事務所 リンク アーカイブ

17 17 雛形（テンプレート） 色

18 18 ※例会場・事務所を入力する。 ・ログインする 管理ページ編集

19 19 ※例会場・事務所を入力する。 内容を修正する。 保存をクリック

20 20 ※トップページを作る 管理ページ編集

21 21 ※トップページを作る 内容を修正する。 保存をクリック

22 22 できあがり！！

23 23 ※記事の作成（基本）１／ 6 0 ）ログインする。 ①ログイン ・ admin 、パスワードを入力しログインする。 ・設定ＵＲＬへ行く (http://ri2510.org/test/wp-admin/)

24 24 ※記事の作成（基本） ２／ 6 ①投稿をクリック ②タイトル入力 ③投稿内容を入力（編集） ④カテゴリー選択 ⑤公開をクリック 【注】「ビジュアルリッチエディタ」を使用する場合、 Enter ボタンで一行空き、 Shift + Enter で単純な改行

25 25 ※記事の作成（基本） 3 ／ 6 記事の保護（パスワードをつける）

26 26 ※記事の作成（基本） 4 ／ 6 ①参照をクリック②タイトル入力③アップロードをクリック ファイル：（画像 pdf 等）のアップと挿 入方法

27 27 ※記事の作成（基本） 5 ／ 6 ①表示方法を選ぶ②エディタに挿入をクリック ファイル：（画像 pdf 等）のアップと挿 入方法

28 28 ※記事の作成（基本） 6 ／ 6 ①挿入位置を編集 ②公開・保存をクリック ファイル：（画像 pdf 等）のアップと挿 入方法

29 29 投稿方法（ブロク編集ツールを使う） １／ 17 ブログ編集ツール：オフラインでブログの記事を作成・編集：管理するツール ウエッブ上で投稿・編集 自分のパソコン内で投稿・編集 オフライン オンライン

30 30 投稿方法（ブロク編集ツールを使う） 2 ／ 17 ※ 「 Windows Live Writer 」 （ Microsoft 社が無償で配布） 特徴 1 ）ワープロ感覚で編集できる WYSIWYG 編集機能を備えているため、 HTML のタ グを知らなくても、 ａ）記事全体のレイアウト、 ｂ）文字修飾やハイパーリンクの設定、 ｃ）画像や地図の挿入 ｄ）表組み の作成などが可能。 2 ）作成した記事は「 Windows Live Writer Beta 2 」上からカテゴリを指定し、直 接投稿、更新するため、 ａ）投稿済みの記事を取り込んで再編集したり、 ｂ）エントリーリストを取得して、特定の記事だ け削除するといった操作可能。 ｃ）記事はローカルに保存しておけるので、投稿 記事のバックアップ用としても利用できる。 ※ ただし、画像以外のファイルのアップロードは難しい。

31 31 投稿方法（ブロク編集ツールを使う） 3 ／ 17 ダウンロード＆インストール http://get.live.com/writer/overviewhttp://get.live.com/writer/overview からダウンロードする。

32 32 投稿方法（ブロク編集ツールを使う） 4 ／ 17 ダウンロード＆インストール ※ダウンロードしたファイルを実行し、「同意する」をクリッ ク ※チェックマークをはずして「インストール」を クリック。

33 33 投稿方法（ブロク編集ツールを使う） 5 ／ 17 ダウンロード＆インストール ※インストールが完了したら「閉じる」を クリック ※自動的に本体が起動するので「次 へ」をクリック

34 34 投稿方法（ブロク編集ツールを使う） 6 ／ 17 初期設定 ※他のブログサービス（ A) を選び、次をクリック

35 35 投稿方法（ブロク編集ツールを使う） 7 ／ 17 ※ブログホームページの URL 、ユーザー名、パスワードの入力して次 へ 例 URL ： http://ri2510.org/ICC/ ユーザー名： admin パスワード： icc 初期設定

36 36 投稿方法（ブロク編集ツールを使う） 8 ／ 17 ※使用するブログの種類を選ぶ WordPress 2.2 ＋ ※ブログのリモート投稿 URL （ U) ： 例 http://ri2510.org/asibetu/xmlpc.php 初期設定

37 37 投稿方法（ブロク編集ツールを使う） 9 ／ 17 ※ちゃんと取り込めるとこうなります。「完了」をクリック 初期設定

38 38 投稿方法（ブロク編集ツールを使う） 10 ／ 17 基本 記事を作成し投稿する。 ①記事のタイトルを入力：例 TEST です。 ②記事を書く ③カテゴリーを選ぶ ④投稿ボタンをクリック ①タイトル ②記事 ③カテゴリ - ④投稿 投稿中 …… しばらく待ちましょう ……

39 39 投稿方法（ブロク編集ツールを使う） 11 ／ 17 あとで書きかけに追記したり、途中まで書いて一休みするのも安心。 保存するとこうやって保存日時が一番下のステータスバーに表示されます。 そして記事が完成したら「投稿」をクリック

40 40 投稿方法（ブロク編集ツールを使う） 12 ／ 17 ※便利機能 ※下書きを自動的に保存する機能 「下書きを自動的に保存する間隔」を設定しておけば、突然終了しても安心ですので、設定は 必須

41 41 投稿方法（ブロク編集ツールを使う） 13 ／ 17 ※便利機能 画像の挿入（その 1 ） 画像を入れる場合には「画像の 挿入」ボタンをクリック 使いたい画像を選んで「挿入」 を選ぶだけ。リサイズなどは勝 手にやってくれます。

42 42 投稿方法（ブロク編集ツールを使う） 14 ／ 17 ※便利機能 画像の挿入 （その 2 ） ※画像の周囲の枠線や余白、表示 サイズや明るさ調整、回転も可 能 ※「効果」タブから「ウォーターマーク」 を選ぶと透かし文字を入れることが可能

43 43 投稿方法（ブロク編集ツールを使う） 15 ／ 17 ※便利機能 画像の挿入（その 3 ） ※白黒、セピア調、温度調整、 ポップカラー、シャープ、ぼかし、 浮き出しも可能

44 44 投稿方法（ブロク編集ツールを使う） 16 ／ 17 ※便利機能 地図の挿入 航空写真や地図画像を選ぶだけで地図を挿入 地図を挿入した画面

45 45 投稿方法（ブロク編集ツールを使う） 17 ／ 17 ※便利機能 表の挿入

46 46 Wordpress を理解するための資料 http://codex.xwd.jp/index.php/WPJ_Codex その 1 ：マニュアル

47 47 Wordpress を理解するための資料 その 2 ：書籍 書名： WordPress2.2 でつくる！最強のブログサイト 発売日： 2007/06/19 / 出版社：ソーテック社 著者：田中広将・乙彼三太郎 ISBN-10: 4881665782 / ISBN-13: 978-4881665787 定価： 2,709 円（本体 2,580 円） / 頁数： 319 ページ・ 1 色・ B5 変形 前著の内容を踏襲し、 WordPress の導入・管理・運営までを徹底解説。テー マのカスタマイズやテンプレートタグの使用方法など、具体例を挙げて分 かりやすく紹介しています 書名： WordPress 標準ガイドブック 発売日： 2006/09/28 著者：マクラケン直子 / 監修： WordPress Japan 出版社：毎日コミュニケーションズ / ISBN ： 4-8399-2169-5 定価： 3,129 円（本体 2,980 円） / 頁数： 344 ページ・ B5 変型判 CD-ROM 付 WordPress を利用して「自分だけのオリジナルサイトを作ろう ! 」と考えて いる方へ。 2.0 系のバイブルとなり得る充実度満点の一冊。

48 48 レンタルサーバ ・ PHP4 (version 4.2 もしくはそれ以上 ) ・ MySQL (version 4.0 もしくはそれ以上 ) ・独自ドメインが使える 必須条件 ロリポップ 200MB ：月額２６３円（税込み） 500MB ：月額３６８円（税込み） 200MB ＝普通に使えば全然問題の無い容量、 新聞なら約６４００ページ分！ チカッパ！ 1G ＝ 1000MB ：月額５２５円（税込み） 2G ＝ 2000MB ：月額７３５円（税込み） 初期費用： 2100 円（税込み） 初期費用： 3150 円（税込み） さくら 300MB ：年１５００円（税込み）月額１２５円 1G ＝ 1000MB ：月額５００円（税込み） 初期費用：１０００円（税込み） http://lolipop.jp/ http://www.sakura.ne.jp/ http://chicappa.jp/

49 49 ドメイン ・インターネット上にある全てのコンピュータに割り当てられたＩＰアドレス (234.111.333.567 等の１２桁の数字で表したもの ) を、分かりやすく覚えやすい文字列に 変換したもの。 ・インターネット上の「住所」に例えられます。 ・ドメインを取得することで、覚えやすいホームページアドレスやＵＲＬを利用するこ とができる。 ドメインとは？ 種類例 取得・維持費用. ｊｐ 約 3,500 円／年 他約 1,000 円／年 http://muumuu-domain.com/

50 50 運営費 コース 1 ：ドメイン.org 、 200MB タイプ 独自ドメイン（ 1000 円） ＋ レンタルサーバ（ 7000 円）＝ 8000 円／年 コース 2 ：ドメイン.org 、 1GB ＝ 1000MB タイプ 独自ドメイン（ 1000 円） ＋ レンタルサーバ（ 8400 円）＝ 9400 円／年 コース 3 ：ドメイン.org 、 2GB ＝ 2000MB タイプ 独自ドメイン（ 1000 円） ＋ レンタルサーバ（ 11000 円）＝ 12000 円／年 一つの会社で（ドメイン取得＋レンタルサーバ）が楽