「ホームページのいじり方」の編集履歴（バックアップ）一覧はこちら
「ホームページのいじり方」(2014/10/08 (水) 07:13:41) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
*ホームページのいじり方
いろんな人にページをいじってもらう為の何か。パソコンに詳しい方、アドバイスいただけると幸いです。
[[練習用ページ]]
[[公式ガイド>>http://atwiki.jp/guide/]]
ちょっとやりたいことがあるときは [[プラグイン一覧>>http://www1.atwiki.jp/guide/pages/264.html]] を見てみるとお目当ての機能があるかも
**新しいページのつくりかた
左上の「メニュー」→「新規ページ」から
または
リンクを貼りたいページを編集して先にリンクをつくる 例・・&nowiki(){[[リンク]]}
保存してプレビューすると「リンク?」となっているのでクリックすると作成ページに飛びます。
ページ名は他のページも参考にしてわかりやすく。
プレ・アフターなどのページは下の階層ページについての解説も参考にしてください。
&big(){&color(red){&bold(){ 作成モードはアットウィキモードで。}}}
**階層ページのつくりかた
合宿のページなどではプレごと、日にちごとにページをつくりたいときがあります。
例・・[[2008年春合宿プレ/手嶋プレ]]
2008年春合宿プレ > 手嶋プレ > ○日目 のような階層になっています。
ページ上の「2008年春合宿プレ」を押すとプレ一覧のページ(上の階層)に戻れます。
このように階層をつくるとわかりやすいページにできます。
階層ページにするにはページ名を
「&bold(){1番上の階層/2番目の階層/…/ページ名}」
のように設定します。 例・・「2008年春合宿プレ/手嶋プレ/１日目」
リンクを貼るときは
&nowiki(){[[１日目>2008年春合宿プレ/手嶋プレ/１日目]]}
のように書くと
[[１日目>2008年春合宿プレ/手嶋プレ/１日目]]
だけ表示されます。
漢字、仮名以外はすべて「英数」表記で！
わかりやすくするためにできるだけ階層つくってね
**編集の時に上に出てくるアイコン
「B」・・アイコンを押すと出てくる記号の{}内に文字を入れると、その中の文字が太くなる。
例・・&bold(){サイクリング}
「I」・・出てくる記号の{}内に書いた文字がイタリック(斜体）になる。半角英数のみ。
例・・&italic(){Bicycle}
「U」・・出てくる記号の{}内に書いた文字に下線がつく。
例・・&u(){サークル}
**写真の載せ方
①写真を適当なサイズに縮小する。
パソコンに普通に入っている画像編集ソフト(Photo Editorやmicrosoft picture manager)や[[北條さんのサイト>http://www.e-dai.com/tips/imgchg.php]]でできます。・・フォトコン後でも使っても良いでしょうか？
PicnikというWebサービスを用いて画像を編集することも出来ます．
1. 以下のボックスからPC内の画像を選択して送信を押します．
#html2{
<html>
<body>
<form action="http://www.picnik.com/service/" method="POST" target="_blank" enctype="multipart/form-data">
<input type="hidden" name="_apikey" value="1ff03cbc94b076508713d742132c34bc" />
<input type="hidden" name="_import" value="imagedata" />
<input type="file" name="imagedata" />
<input type="submit" value="送信" />
</form>
</body>
</html>
}
2. 写真の上の『リサイズ』というボタンを選択します．
3. アップロードに適した解像度はだいたい横500ピクセルくらいなので，『比率を固定』にチェックが入っていることを確認して，数字を入れるボックスの左の方に『500』を入力し，OKを押します．
4. 『編集』タブから『保存と共有』タブに移動し，『写真の保存』を押せば，サイズが変更された画像をPCに保存できます．
僕はこんな感じのwebサービスでリサイズしてます。自分でも探してみましょう。
http://resizer.myct.jp/index.php
②ログインする。
編集したいページで、右上にあるログインをクリックし、パスワードを入力してログイン。ユーザー名は空欄でいいです。
③アップロードする。
上にあるwikiメニューの「このページにファイルをアップロード」をクリック。
「参照」ボタンで写真を選び、「submit」ボタンを押す。これでアップロード完了
それから「編集」をクリック。
&bold(){#ref()}と書いて、カッコ内にアップロードしたファイルの名前（○○.jpg）を書く。これで、ページに写真が載る。
画像の表示サイズを変更したいときや、ポップアップで原寸表示させたいとき（集合写真等）は[[このページ>>http://www1.atwiki.jp/guide/pages/935.html#id_82c43c8d]]を参照してください。
**動画の載せ方
圧縮しても重くなってしまうので、画像編集ソフトではなく、YouTube等でアップロードしてみてください。
北條さんお勧めの↓だと、ホットメールをもっていたら手続が要らなくて楽です。
無料で登録できるんですね・・！
ただ、アップロードサービスはまだ英語版でしか行われていないそうです。
soap box>http://video.msn.com/video.aspx?mkt=en-us
↑のページの右上からサインインすれば上部にアップロードのアイコンが出現する・・はずです。
使い方は日本語バージョンの「ヘルプ｣からどうぞ。(ビデオをアップロードするには？)
↓
http://video.msn.com/video.aspx?mkt=ja-jp&tab=soapbox
You Tubeでも、登録(無料)するとアップロードできるようになります。
↓
[[You Tube>http://jp.youtube.com/]]
表示したいところに
&bold(){&nowiki(){&youtube(ここにYoutubeのURLを入力){ここに横幅を入力,ここに縦幅を入力}}}
と入力することでYoutubeを掲載することができます。
横幅、縦幅は480×390が無難。
他の方法、より詳細を知りたい方はこちら→[[ＨＰ上に動画を掲載する方法 ]]
**画面右端メニューの変更の仕方
左上「編集」→「メニューを編集」で編集できます．やり方は通常のページとおんなじ
**&color(white){隠しページのつくりかた}
[[ >ホームページのいじり方/隠しページのつくりかた]]
*ホームページのいじり方
いろんな人にページをいじってもらう為の何か。パソコンに詳しい方、アドバイスいただけると幸いです。
[[練習用ページ]]
[[公式ガイド>>http://atwiki.jp/guide/]]
ちょっとやりたいことがあるときは [[プラグイン一覧>>http://www1.atwiki.jp/guide/pages/264.html]] を見てみるとお目当ての機能があるかも
**新しいページのつくりかた
左上の「メニュー」→「新規ページ」から
または
リンクを貼りたいページを編集して先にリンクをつくる 例・・&nowiki(){[[リンク]]}
保存してプレビューすると「リンク?」となっているのでクリックすると作成ページに飛びます。
ページ名は他のページも参考にしてわかりやすく。
プレ・アフターなどのページは下の階層ページについての解説も参考にしてください。
&big(){&color(red){&bold(){ 作成モードはアットウィキモードで。}}}
**階層ページのつくりかた
合宿のページなどではプレごと、日にちごとにページをつくりたいときがあります。
例・・[[2008年春合宿プレ/手嶋プレ]]
2008年春合宿プレ > 手嶋プレ > ○日目 のような階層になっています。
ページ上の「2008年春合宿プレ」を押すとプレ一覧のページ(上の階層)に戻れます。
このように階層をつくるとわかりやすいページにできます。
階層ページにするにはページ名を
「&bold(){1番上の階層/2番目の階層/…/ページ名}」
のように設定します。 例・・「2008年春合宿プレ/手嶋プレ/１日目」
リンクを貼るときは
&nowiki(){[[１日目>2008年春合宿プレ/手嶋プレ/１日目]]}
のように書くと
[[１日目>2008年春合宿プレ/手嶋プレ/１日目]]
だけ表示されます。
漢字、仮名以外はすべて「英数」表記で！
わかりやすくするためにできるだけ階層つくってね
**編集の時に上に出てくるアイコン
「B」・・アイコンを押すと出てくる記号の{}内に文字を入れると、その中の文字が太くなる。
例・・&bold(){サイクリング}
「I」・・出てくる記号の{}内に書いた文字がイタリック(斜体）になる。半角英数のみ。
例・・&italic(){Bicycle}
「U」・・出てくる記号の{}内に書いた文字に下線がつく。
例・・&u(){サークル}
**写真の載せ方
①写真を適当なサイズに縮小する。
パソコンに普通に入っている画像編集ソフト(Photo Editorやmicrosoft picture manager)や[[北條さんのサイト>http://www.e-dai.com/tips/imgchg.php]]でできます。・・フォトコン後でも使っても良いでしょうか？
PicnikというWebサービスを用いて画像を編集することも出来ます．
1. 以下のボックスからPC内の画像を選択して送信を押します．
#html2{
<html>
<body>
<form action="http://www.picnik.com/service/" method="POST" target="_blank" enctype="multipart/form-data">
<input type="hidden" name="_apikey" value="1ff03cbc94b076508713d742132c34bc" />
<input type="hidden" name="_import" value="imagedata" />
<input type="file" name="imagedata" />
<input type="submit" value="送信" />
</form>
</body>
</html>
}
2. 写真の上の『リサイズ』というボタンを選択します．
3. アップロードに適した解像度はだいたい横500ピクセルくらいなので，『比率を固定』にチェックが入っていることを確認して，数字を入れるボックスの左の方に『500』を入力し，OKを押します．
4. 『編集』タブから『保存と共有』タブに移動し，『写真の保存』を押せば，サイズが変更された画像をPCに保存できます．
僕はこんな感じのwebサービスでリサイズしてます。自分でも探してみましょう。
http://resizer.myct.jp/index.php
②ログインする。
編集したいページで、右上にあるログインをクリックし、パスワードを入力してログイン。ユーザー名は空欄でいいです。
③アップロードする。
上にあるwikiメニューの「このページにファイルをアップロード」をクリック。
「参照」ボタンで写真を選び、「submit」ボタンを押す。これでアップロード完了
それから「編集」をクリック。
&bold(){#ref()}と書いて、カッコ内にアップロードしたファイルの名前（○○.jpg）を書く。これで、ページに写真が載る。
画像の表示サイズを変更したいときや、ポップアップで原寸表示させたいとき（集合写真等）は[[このページ>>http://www1.atwiki.jp/guide/pages/935.html#id_82c43c8d]]を参照してください。
**動画の載せ方
圧縮しても重くなってしまうので、画像編集ソフトではなく、YouTube等でアップロードしてみてください。
北條さんお勧めの↓だと、ホットメールをもっていたら手続が要らなくて楽です。
無料で登録できるんですね・・！
ただ、アップロードサービスはまだ英語版でしか行われていないそうです。
soap box>http://video.msn.com/video.aspx?mkt=en-us
↑のページの右上からサインインすれば上部にアップロードのアイコンが出現する・・はずです。
使い方は日本語バージョンの「ヘルプ｣からどうぞ。(ビデオをアップロードするには？)
↓
http://video.msn.com/video.aspx?mkt=ja-jp&tab=soapbox
You Tubeでも、登録(無料)するとアップロードできるようになります。
↓
[[You Tube>http://jp.youtube.com/]]
表示したいところに
&bold(){&nowiki(){&youtube(ここにYoutubeのURLを入力){ここに横幅を入力,ここに縦幅を入力}}}
と入力することでYoutubeを掲載することができます。
横幅、縦幅は480×390が無難。
他の方法、より詳細を知りたい方はこちら→[[ＨＰ上に動画を掲載する方法 ]]
**画面右端メニューの変更の仕方
左上「編集」→「メニューを編集」で編集できます．やり方は通常のページとおんなじ
**&color(white){隠しページのつくりかた}
[[ >ホームページのいじり方/隠しページのつくりかた]]
