「写真ページの作り方講座」の編集履歴（バックアップ）一覧はこちら
「写真ページの作り方講座」(2010/02/21 (日) 04:15:24) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
写真ページの作り方講座です。
画像たくさん使ったんで重いです。
割と丁寧に作るように心がけましたが、不備、わかりにくいところ沢山あると思うのでガンガン訂正してください。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=1.jpg)
まず、写真を用意します。
デジカメの画像をそのまま使うと重たいので小さくします。
デジカメの写真をアップロードするときは640×480がいいですね。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=2.jpg)
ペイントを開いて、そこに画像をドラッグしてください。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=3.jpg)
そして、「変形」の「サイズ変更/傾斜」を使ってサイズを変えてください。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=4.jpg)
ちなみに俺のデジカメで取った写真のサイズは4000×3000なので
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=5.jpg)
16％・・・（4000*0.16＝640、3000*0.16＝480）ずつにします。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=6.jpg)
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=7.jpg)
名前を付けて保存してください。&u(){間違って上書き保存はしないように！}
場所はデスクトップがいいかな。
この時にファイル名を1、2、と順につけていくとあとから便利です。
これを載せたい写真すべてにやってください。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=8.jpg)
デスクトップに保存したらこんな感じで保存されてるはずです。
ちなみにここまでの画像のサイズ変更ですが、俺はこれ使ってます。タダです。http://www.lnsoft.net/graphics3.htm#batchgoo
これだとここまでの過程を一発でやってくれます。
詳しい使い方は自分で読んでください。
ここまでのやり方はwindowsを使ってる人は必ず使えるやり方を示しました。この方法が一番めんどくさいです。
人によっては標準装備のソフトでもっと簡単にできると思います。
では次のステップです。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=9.jpg)
まず画面右上からログインしてください。
IDとPASSを知らない人は・・・。誰かに聞きましょう。
上の人は皆知ってるので。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=10.jpg)
どっかテキトーな写真貼ってるページを開いて「編集」「このページをコピーして新規ページを作成」を押してください。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=11.jpg)
タイトルを付けてください。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=12.jpg)
↓
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=13.jpg)
とりあえず最初の２、３行以外は消して保存しましょう。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=14.5.jpg)
そして「編集」「このページにファイルをアップロード」を行って画像をアップロードします。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=14.jpg)
「参照」を押して載せたい写真を選んでください。デスクトップにある画像を1から順番に選びましょう。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=15.jpg)
こんな感じを繰り返して全部の画像をアップロードしてください。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=16.5.jpg)
くり返し終わるとこんな感じですね。そして、1.jpgをクリックします
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=18.jpg)
開かれるこのページのアドレスをコピーします。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=17.jpg)
さっき作ったページ（この場合は「チュートリアル」）に戻って「編集」「このページを編集」を選びます。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=20.jpg)
ここ「＃ｒｅｆの中身（～ここ～）」を
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=21.jpg)
これにさっきコピーしたのを貼りつけてかきかえます
「＃ｒｅｆ（～ここを書き換える～）」
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=22.jpg)
そしてこの行をコピーして「貼り付けを繰り返します。」
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=23.jpg)
最後の方にある数字（全部1になってるはずなので）を2、3、4と書き換えます。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=24.jpg)
あとは各写真にコメントをつけましょう。最後に＃ｃｏｍｍｅｎｔをつけるのを忘れずに。
これでページ保存をすると完成です。
ここまで作った「チュートリアル」ってページは下のようになります。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=001.jpg)
これは実家の外観です
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=002.jpg)
上の写真を撮影した場所の背中側の風景です
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=003.jpg)
母校（中学校）です
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=004.jpg)
赤いのはプラネタリウム兼図書室です
#comment
面白そうな機能なので使ってみましたｗ
#pixiv{<iframe style="background:transparent;" width="380" height="168" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://embed.pixiv.net/code.php?id=7434858_11161353080bff710435ca8a578d9afc"></iframe>}
写真ページの作り方講座です。
画像たくさん使ったんで重いです。
割と丁寧に作るように心がけましたが、不備、わかりにくいところ沢山あると思うのでガンガン訂正してください。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=1.jpg)
まず、写真を用意します。
デジカメの画像をそのまま使うと重たいので小さくします。
デジカメの写真をアップロードするときは640×480がいいですね。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=2.jpg)
ペイントを開いて、そこに画像をドラッグしてください。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=3.jpg)
そして、「変形」の「サイズ変更/傾斜」を使ってサイズを変えてください。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=4.jpg)
ちなみに俺のデジカメで取った写真のサイズは4000×3000なので
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=5.jpg)
16％・・・（4000*0.16＝640、3000*0.16＝480）ずつにします。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=6.jpg)
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=7.jpg)
名前を付けて保存してください。&u(){間違って上書き保存はしないように！}
場所はデスクトップがいいかな。
この時にファイル名を1、2、と順につけていくとあとから便利です。
これを載せたい写真すべてにやってください。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=8.jpg)
デスクトップに保存したらこんな感じで保存されてるはずです。
ちなみにここまでの画像のサイズ変更ですが、俺はこれ使ってます。タダです。http://www.lnsoft.net/graphics3.htm#batchgoo
これだとここまでの過程を一発でやってくれます。
詳しい使い方は自分で読んでください。
ここまでのやり方はwindowsを使ってる人は必ず使えるやり方を示しました。この方法が一番めんどくさいです。
人によっては標準装備のソフトでもっと簡単にできると思います。
では次のステップです。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=9.jpg)
まず画面右上からログインしてください。
IDとPASSを知らない人は・・・。誰かに聞きましょう。
上の人は皆知ってるので。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=10.jpg)
どっかテキトーな写真貼ってるページを開いて「編集」「このページをコピーして新規ページを作成」を押してください。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=11.jpg)
タイトルを付けてください。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=12.jpg)
↓
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=13.jpg)
とりあえず最初の２、３行以外は消して保存しましょう。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=14.5.jpg)
そして「編集」「このページにファイルをアップロード」を行って画像をアップロードします。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=14.jpg)
「参照」を押して載せたい写真を選んでください。デスクトップにある画像を1から順番に選びましょう。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=15.jpg)
こんな感じを繰り返して全部の画像をアップロードしてください。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=16.5.jpg)
くり返し終わるとこんな感じですね。そして、1.jpgをクリックします
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=18.jpg)
開かれるこのページのアドレスをコピーします。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=17.jpg)
さっき作ったページ（この場合は「チュートリアル」）に戻って「編集」「このページを編集」を選びます。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=20.jpg)
ここ「＃ｒｅｆの中身（～ここ～）」を
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=21.jpg)
これにさっきコピーしたのを貼りつけてかきかえます
「＃ｒｅｆ（～ここを書き換える～）」
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=22.jpg)
そしてこの行をコピーして「貼り付けを繰り返します。」
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=23.jpg)
最後の方にある数字（全部1になってるはずなので）を2、3、4と書き換えます。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=24.jpg)
あとは各写真にコメントをつけましょう。最後に＃ｃｏｍｍｅｎｔをつけるのを忘れずに。
これでページ保存をすると完成です。
今回見本で作った「チュートリアル」ってページは下のようになります。
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=001.jpg)
これは実家の外観です
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=002.jpg)
上の写真を撮影した場所の背中側の風景です
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=003.jpg)
母校（中学校）です
#ref(http://www10.atwiki.jp/kancil?cmd=upload&act=open&pageid=847&file=004.jpg)
赤いのはプラネタリウム兼図書室です
#comment
