(Microsoft PowerPoint - 5\225\252\202\305\202\305\202\253\202\351\203E\203G\203b\203u\203y\201[\203W\201iV2\).ppt)

48 

Loading....

Loading....

Loading....

Loading....

Loading....

全文

(1)

5分でできるホームページ

IC委員会

(Internet Communication Committee)

(2)

2

用 語

ナビゲーション(ナビ):道案内 共通の話題を持った記事群の事。 記事を整理するバックナンバーのようなもの。 カテゴリー: アーカイブ: 複数の記事を1つにまとめること。 記事の格納場所。

GPL:GNU General Public License

コピーレフトのソフトウェアライセンスの代表的なものであり、GNU GPLまたは単にGPLという。 プログラムの著作物の複製物を所持している者に対し、概ね以下のことを許諾するライセンス。 1.プログラムの実行 2. プログラムの動作を調べ、それを改変すること 3. 複製物の再頒布 4. プログラムを改良し、改良を公衆にリリースする権利

(3)

求められるスキルは?

■インターネットを使用したことがある。

■パソコンで文字を打ったことがある。

そんなあなたは、

3つ

ステップでウエッブページが

作成できます。

(4)

4

雛形(テンプレート)

【トップページ】 【分類のページ】 3つのページ 【一般のページ】 Wordpress:GPL

(5)

5

雛形(テンプレート)

Wordpress:GPL ヘッダー (header) カテゴリーナビ 最新記事 (What New) カテゴリーナビ 新着情報のリスト リンク アーカイブ 【トップページ】 トップページ 新着情報のリスト 例会・事務所情報

(6)

6

雛形(テンプレート)

【分類のページ】

(7)

7

雛形(テンプレート)

Wordpress:GPL 記事

(8)

8

1)ウエッブページの名称、簡単な説明の入力(1/3)

①ログイン ・editor、パスワードを入力しログインする。 ・設定URLへ行く (http://ri2510.org/○○○/wp-admin/) editor ●●●●●

(9)

1)ウエッブページの名称、簡単な説明の入力(2/3)

(10)

10

1)ウエッブページの名称、簡単な説明の入力(3/3)

①ブログ名:ブログ名を入力 ②タグライン(META):簡単な説明を入力 ③設定更新をクリック ① ② ③

(11)

2)カテゴリーの入力(1/3)

①ログイン

・editor、パスワードを入力しログインする。

・設定URLへ行く (http://ri2510.org/○○○/wp-admin/) editor

(12)

12

2)カテゴリーの入力(2/3)

(13)

2)カテゴリーの入力(3/3)

①カテゴリ名:カテゴリー名を入力 ②カテゴリーを編集をクリック

この作業を繰り返す

② ①

(14)

14

2)カテゴリーの入力<できあがり!!>

(15)

雛形(テンプレート)

ヘッダー (header) トップ領域 カテゴリーナビ 最新記事 (What New) 最新記事のリスト カテゴリーナビ 最新記事のリスト 例会場・事務所 リンク アーカイブ 【トップページ】

(16)

16

※例会場・事務所情報を入力する。

※ログインする ①管理 ②ページ ③ 編集 タイトル:例会・事務所情報 ・editor、パスワードを入力しログインする。 ・設定URLへ行く (http://ri2510.org/○○○/wp-admin/)

(17)

※例会場・事務所を入力する。

(18)

18

※トップページを作る

①管理 ②ページ ③編集 ・editor、パスワードを入力しログインする。 ・設定URLへ行く (http://ri2510.org/○○○/wp-admin/) ※ログイン タイトル:TOP

(19)

※トップページを作る

(20)

20

できあがり!!

(21)

※記事の作成(基本)1/6

0)ログインする。 ①ログイン ・editor、パスワードを入力しログインする。 ・設定URLへ行く (http://ri2510.org/○○○/wp-admin/) editor ●●●●●

(22)

22

※記事の作成(基本) 2/6

①投稿をクリック ②タイトル入力 ③投稿内容を入力(編集) ④カテゴリー選択 ⑤公開をクリック 【注】「ビジュアルリッチエディタ」を使用する場合、Enterボタンで一行空き、Shift + Enterで単純な改行

(23)

※記事の作成(基本) 3/6

(24)

24

※記事の作成(基本) 4/6

①参照をクリック ②タイトル入力 ③アップロードをクリック ファイル:(画像pdf等)のアップと挿入方法

(25)

※記事の作成(基本) 5/6

①表示方法を選ぶ ②エディタに挿入をクリック ファイル:(画像pdf等)のアップと挿入方法

(26)

26

※記事の作成(基本) 6/6

①挿入位置を編集 ②公開・保存をクリック ファイル:(画像pdf等)のアップと挿入方法

(27)

投稿方法(ブロク編集ツールを使う) 1/17

ブログ編集ツール:オフラインでブログの記事を作成・編集:管理するツール ウエッブ上で投稿・編集 自分のパソコン内で投稿・編集 オフライン オンライン

(28)

28

投稿方法(ブロク編集ツールを使う) 2/17

「Windows Live Writer」

(Microsoft社が無償で配布) 特徴 1)ワープロ感覚で編集できるWYSIWYG編集機能を備えているため、HTMLのタグを知 らなくても、 a)記事全体のレイアウト、 b)文字修飾やハイパーリンクの設定、 c)画像や地図の挿入 d)表組み の作成などが可能。

2)作成した記事は「Windows Live Writer Beta 2」上からカテゴリを指定し、直接投稿、 更新するため、 a)投稿済みの記事を取り込んで再編集したり、 b)エントリーリストを取得して、特定の記事だけ削除す るといった操作可能。 c)記事はローカルに保存しておけるので、投稿記事の バックアップ用としても利用できる。 ※ ただし、画像以外のファイルのアップロードは難しい。

(29)

投稿方法(ブロク編集ツールを使う) 3/17

ダウンロード&インストール

(30)

30

投稿方法(ブロク編集ツールを使う) 4/17

ダウンロード&インストール

※ダウンロードしたファイルを実行し、「同意する」をクリック

(31)

投稿方法(ブロク編集ツールを使う) 5/17

ダウンロード&インストール

※インストールが完了したら「閉じる」をクリック

※自動的に本体が起動するので「次へ」 をクリック

(32)

32

投稿方法(ブロク編集ツールを使う) 6/17

初期設定

①他のブログサービス(A)を選び

(33)

投稿方法(ブロク編集ツールを使う) 7/17

①ブログホームページのURL 初期設定 http://ri2510.org/○○○/ ②ユーザー名:editor ③パスワード:●●● ④ 次へ(N)> をクリック

(34)

34

投稿方法(ブロク編集ツールを使う) 8/17

①使用するブログの種類を選ぶ WordPress 2.2+ 初期設定 ③ 次へ(N)> をクリック ②ブログのリモート投稿URL(U): http://ri2510.org/○○○/xmlpc.php

(35)

投稿方法(ブロク編集ツールを使う) 9/17

※ちゃんと取り込めるとこうなります。「完了」をクリック 初期設定

(36)

36

投稿方法(ブロク編集ツールを使う) 10/17

基本 記事を作成し投稿する。 ①記事のタイトルを入力:例TESTです。 ②記事を書く ③カテゴリーを選ぶ ④投稿ボタンをクリック ①タイトル ②記事 ③カテゴリ-④投稿 投稿中……しばらく待ちましょう……

(37)

投稿方法(ブロク編集ツールを使う) 11/17

あとで書きかけに追記したり、途中まで書いて一休みするのも安心。

保存するとこうやって保存日時が一番下のステータスバーに表示されます。

(38)

38

投稿方法(ブロク編集ツールを使う) 12/17

※便利機能

※下書きを自動的に保存する機能

(39)

投稿方法(ブロク編集ツールを使う) 13/17

※便利機能 画像の挿入(その1) 画像を入れる場合には「画像の 挿入」ボタンをクリック 使いたい画像を選んで「挿入」を選 ぶだけ。リサイズなどは勝手に やってくれます。

(40)

40

投稿方法(ブロク編集ツールを使う) 14/17

※便利機能 画像の挿入 (その2) ※画像の周囲の枠線や余白、表示 サイズや明るさ調整、回転も可能 ※「効果」タブから「ウォーターマーク」を選ぶ と透かし文字を入れることが可能

(41)

投稿方法(ブロク編集ツールを使う) 15/17

※便利機能 画像の挿入(その3)

※白黒、セピア調、温度調整、ポップ カラー、シャープ、ぼかし、浮き出しも 可能

(42)

42

投稿方法(ブロク編集ツールを使う) 16/17

※便利機能 地図の挿入

航空写真や地図画像を選ぶだけで地図を挿入

(43)

投稿方法(ブロク編集ツールを使う) 17/17

(44)

44

Wordpressを理解するための資料

http://codex.xwd.jp/index.php/WPJ_Codex その1:マニュアル

(45)

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系のバイブルとなり得る充実度満点の一冊。

(46)

46

レンタルサーバ

・PHP4 (version 4.2 もしくはそれ以上) ・MySQL (version 4.0 もしくはそれ以上) ・独自ドメインが使える 必須条件 ロリポップ 200MB:月額263円(税込み) 500MB:月額368円(税込み) 200MB=普通に使えば全然問題の無い容量、 新聞なら約6400ページ分! チカッパ! 1G=1000MB:月額525円(税込み) 2G=2000MB:月額735円(税込み) 初期費用:2100円(税込み) 初期費用:3150円(税込み) さくら 300MB:年1500円(税込み)月額125円 1G=1000MB:月額500円(税込み) 初期費用:1000円(税込み) http://lolipop.jp/ http://www.sakura.ne.jp/ http://chicappa.jp/

(47)

ドメイン

・インターネット上にある全てのコンピュータに割り当てられたIPアドレス(234.111.333.567等 の12桁の数字で表したもの)を、分かりやすく覚えやすい文字列に変換したもの。 ・インターネット上の「住所」に例えられます。 ・ドメインを取得することで、覚えやすいホームページアドレスやURLを利用することができる。 ドメインとは?

.com

主に商業目的

.net

主にネットワーク関連向け

.org

主に非営利団体向け

.com.jp [商業法人]

.or.jp

[非商業法人]

.ac.jp

[教育および学術機関]

国際ドメイン

JPドメイン

種類例 取得・維持費用 .jp 約3,500円/年 他約1,000円/年 http://muumuu-domain.com/

(48)

48

運営費例

コース1:ドメイン.org、200MBタイプ 独自ドメイン(1000円) + レンタルサーバ(7000円)=8000円/年 コース2:ドメイン.org、1GB=1000MBタイプ 独自ドメイン(1000円) + レンタルサーバ(8400円)=9400円/年 コース3:ドメイン.org、2GB=2000MBタイプ 独自ドメイン(1000円) + レンタルサーバ(11000円)=12000円/年 一つの会社で(ドメイン取得+レンタルサーバ)が楽

Updating...

参照

Updating...

関連した話題 :