スライド 1

IC委員会
Rotary International District 2510
（Internet Communication Committee）
5分でできるウエッブページ
2007年11月25日（日）
砂川市市民交流センター「ゆう」
1
用語
カテゴリー：共通の話題を持った記事群の事。
記事を整理するバックナンバーのようなもの。
アーカイブ：複数の記事を１つにまとめること。
記事の格納場所。
ナビゲーション（ナビ）：道案内
GPL：GNU General Public Licenseはコピーレフトのソフトウェアライセンスの代表的なもので
あり、GNU GPLまたは単にGPLという。
プログラムの著作物の複製物を所持している者に対し、概ね以下のことを許諾するライセン
スである。
1.プログラムの実行
2. プログラムの動作を調べ、それを改変すること
3. 複製物の再頒布
4. プログラムを改良し、改良を公衆にリリースする権利
2
求められるスキルは？
□インターネットを使用したことがある。
□パソコンで文字を打ったことがある。
そんなあなたは、
3つのステップでウエッブページが
作成できます。
3
雛形（テンプレート）
【トップページ】
3つのページ
【分類のページ】
【一般のページ】
Wordpress：GPL
4
雛形（テンプレート）
【トップページ】
ヘッダー
（header)
カテゴリーナビ
最新記事
（What New)
カテゴリーナビ
最新記事のリスト
リンク
アーカイブ
Wordpress：GPL
5
雛形（テンプレート）
【分類のページ】
6
雛形（テンプレート）
【一般のページ】
記事
Wordpress：GPL
7
雛形（テンプレート）色
8
1）ウエッブページの名称、簡単な説明の入力(1/3)
①ログイン
・設定ＵＲＬへ行く
(http://ri2510.org/test/wp-admin/)
・admin、パスワードを入力しログインする。
admin
●●●●●
9
1）ウエッブページの名称、簡単な説明の入力(2/3)
1）各種設定ボタンをクリックする。
10
1）ウエッブページの名称、簡単な説明の入力(3/3)
・ブログ名：ブログ名を入力
・タグライン（META)：簡単な説明を入力
・設定更新をクリック
11
2）カテゴリーの入力(1/3)
①ログイン
・設定ＵＲＬへ行く
(http://ri2510.org/test/wp-admin/)
・admin、パスワードを入力しログインする。
12
2）カテゴリーの入力(2/3)
①管理
②カテゴリー
③編集
13
2）カテゴリーの入力(3/3)
①カテゴリ名：カテゴリー名を入力
②カテゴリーを編集をクリック
この作業を繰り返す
14
できあがり！！
15
雛形（テンプレート）
ヘッダー
（header)
カテゴリーナビ
トップ領域
カテゴリーナビ
最新記事
（What New)
例会場・事務所
最新記事のリスト
最新記事のリスト
リンク
アーカイブ
16
雛形（テンプレート）色
17
※例会場・事務所を入力する。
・ログインする
管理
ページ
編集
18
※例会場・事務所を入力する。
内容を修正する。
保存をクリック
19
※トップページを作る
管理
ページ
編集
20
※トップページを作る
内容を修正する。
保存をクリック
21
できあがり！！
22
※記事の作成（基本）１／6
0）ログインする。
①ログイン
・設定ＵＲＬへ行く
(http://ri2510.org/test/wp-admin/)
・admin、パスワードを入力しログインする。
23
※記事の作成（基本）２／6
①投稿をクリック
④カテゴリー選択
②タイトル入力
⑤公開をクリック
③投稿内容を入力（編集）
【注】「ビジュアルリッチエディタ」を使用する場合、Enterボタンで一行空き、Shift + Enterで単純な改行
24
※記事の作成（基本） 3／6
記事の保護（パスワードをつける）
25
※記事の作成（基本） 4／6
ファイル：（画像pdf等）のアップと挿入方法
①参照をクリック
②タイトル入力
③アップロードをクリック
26
※記事の作成（基本） 5／6
ファイル：（画像pdf等）のアップと挿入方法
①表示方法を選ぶ
②エディタに挿入をクリック
27
※記事の作成（基本） 6／6
ファイル：（画像pdf等）のアップと挿入方法
①挿入位置を編集
②公開・保存をクリック
28
投稿方法（ブロク編集ツールを使う）１／17
ブログ編集ツール：オフラインでブログの記事を作成・編集：管理するツール
自分のパソコン内で投稿・編集
オフライン
ウエッブ上で投稿・編集
オンライン
29
投稿方法（ブロク編集ツールを使う） 2／17
※「Windows
Live Writer」（Microsoft社が無償で配布）
特徴
1）ワープロ感覚で編集できるWYSIWYG編集機能を備えているため、HTMLのタグを知
らなくても、
ａ）記事全体のレイアウト、
ｂ）文字修飾やハイパーリンクの設定、
ｃ）画像や地図の挿入
ｄ）表組み
の作成などが可能。
2）作成した記事は「Windows Live Writer Beta 2」上からカテゴリを指定し、直接投稿、
更新するため、
ａ）投稿済みの記事を取り込んで再編集したり、
ｂ）エントリーリストを取得して、特定の記事だけ削除す
るといった操作可能。
ｃ）記事はローカルに保存しておけるので、投稿記事の
バックアップ用としても利用できる。
※ ただし、画像以外のファイルのアップロードは難しい。
30
投稿方法（ブロク編集ツールを使う） 3／17
ダウンロード＆インストール
http://get.live.com/writer/overview からダウンロードする。
31
投稿方法（ブロク編集ツールを使う） 4／17
ダウンロード＆インストール
※ダウンロードしたファイルを実行し、「同意する」をクリック
※チェックマークをはずして「インストール」をクリック。
32
投稿方法（ブロク編集ツールを使う） 5／17
ダウンロード＆インストール
※インストールが完了したら「閉じる」をクリック
※自動的に本体が起動するので「次へ」
をクリック
33
投稿方法（ブロク編集ツールを使う） 6／17
初期設定
※他のブログサービス（A)を選び、次をクリック
34
投稿方法（ブロク編集ツールを使う） 7／17
初期設定
※ブログホームページのURL、ユーザー名、パスワードの入力して次へ
例URL： http://ri2510.org/ICC/ ユーザー名：admin パスワード：icc
35
投稿方法（ブロク編集ツールを使う） 8／17
初期設定
※使用するブログの種類を選ぶ WordPress 2.2＋
※ブログのリモート投稿URL（U)：例 http://ri2510.org/asibetu/xmlpc.php
36
投稿方法（ブロク編集ツールを使う） 9／17
初期設定
※ちゃんと取り込めるとこうなります。「完了」をクリック
37
投稿方法（ブロク編集ツールを使う） 10／17
基本記事を作成し投稿する。
①記事のタイトルを入力：例TESTです。
②記事を書く
④投稿
③カテゴリーを選ぶ
④投稿ボタンをクリック
①タイトル
②記事
投稿中……しばらく待ちましょう……
③カテゴリ-
38
投稿方法（ブロク編集ツールを使う） 11／17
あとで書きかけに追記したり、途中まで書いて一休みするのも安心。
保存するとこうやって保存日時が一番下のステータスバーに表示されます。
そして記事が完成したら「投稿」をクリック
39
投稿方法（ブロク編集ツールを使う） 12／17
※便利機能
※下書きを自動的に保存する機能
「下書きを自動的に保存する間隔」を設定しておけば、突然終了しても安心ですので、設定は必須
40
投稿方法（ブロク編集ツールを使う） 13／17
※便利機能
画像の挿入（その1）
画像を入れる場合には「画像の
挿入」ボタンをクリック
使いたい画像を選んで「挿入」を選
ぶだけ。リサイズなどは勝手に
やってくれます。
41
投稿方法（ブロク編集ツールを使う） 14／17
※便利機能
画像の挿入（その2）
※画像の周囲の枠線や余白、表示
サイズや明るさ調整、回転も可能
※「効果」タブから「ウォーターマーク」を選ぶ
と透かし文字を入れることが可能
42
投稿方法（ブロク編集ツールを使う） 15／17
※便利機能
画像の挿入（その3）
※白黒、セピア調、温度調整、ポップ
カラー、シャープ、ぼかし、浮き出しも
可能
43
投稿方法（ブロク編集ツールを使う） 16／17
※便利機能
地図の挿入
航空写真や地図画像を選ぶだけで地図を挿入
地図を挿入した画面
44
投稿方法（ブロク編集ツールを使う） 17／17
※便利機能
表の挿入
45
Wordpressを理解するための資料
その1：マニュアル
http://codex.xwd.jp/index.php/WPJ_Codex
46
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系のバイブルとなり得る充実度満点の一冊。
47
レンタルサーバ
必須条件
・PHP4 (version 4.2 もしくはそれ以上)
・MySQL (version 4.0 もしくはそれ以上)
・独自ドメインが使える
ロリポップ
http://lolipop.jp/
200MB：月額２６３円（税込み）
500MB：月額３６８円（税込み）
初期費用：3150円（税込み）
200MB＝普通に使えば全然問題の無い容量、新聞なら約６４００ページ分！
チカッパ！
http://chicappa.jp/
1G＝1000MB：月額５２５円（税込み）
2G＝2000MB：月額７３５円（税込み）
初期費用：2100円（税込み）
さくら
http://www.sakura.ne.jp/
300MB：年１５００円（税込み）月額１２５円
1G＝1000MB：月額５００円（税込み）
初期費用：１０００円（税込み）
48
ドメイン
ドメインとは？
・インターネット上にある全てのコンピュータに割り当てられたＩＰアドレス(234.111.333.567等
の１２桁の数字で表したもの)を、分かりやすく覚えやすい文字列に変換したもの。
・インターネット上の「住所」に例えられます。
・ドメインを取得することで、覚えやすいホームページアドレスやＵＲＬを利用することができる。
種類例
国際ドメイン
JPドメイン
.com
主に商業目的
.net
主にネットワーク関連向け
.org
主に非営利団体向け
.com.jp [商業法人]
.or.jp
[非商業法人]
.ac.jp
[教育および学術機関]
取得・維持費用 .ｊｐ約3,500円／年他約1,000円／年
http://muumuu-domain.com/
49
運営費
コース1：ドメイン.org、200MBタイプ
独自ドメイン（1000円）＋レンタルサーバ（7000円）＝8000円／年
コース2：ドメイン.org、1GB＝1000MBタイプ
独自ドメイン（1000円）＋レンタルサーバ（8400円）＝9400円／年
コース3：ドメイン.org、2GB＝2000MBタイプ
独自ドメイン（1000円）＋レンタルサーバ（11000円）＝12000円／年
一つの会社で（ドメイン取得＋レンタルサーバ）が楽
50

Download Report