http://w.atwiki.jp/hokudai_windmill/ hokudai_windmill @ ウィキ ja 2012-11-01T00:05:11+09:00 1351695911 https://w.atwiki.jp/hokudai_windmill/pages/14.html *HP更新履歴 更新した人、日付、どこを更新したか を書いてください。書き忘れは絶対に避けてください。 書き方例 -2月22日、HPのトップを変更（じゅんじろう） ---- -10/31 スケジュールの更新（中村雄） -9/6 トップとスケジュールをいじりました（中村雄） -8/3 PM9:40 フレームだと若干不便かと思い、新しいトップページを提案、[[＜ここをクリック＞>http://circle.iic.hokudai.ac.jp/windmill/newpage]](じゅんじろう) -7/21 8月のスケジュールを追加しました（中村雄） -7/14 スケジュールをいじりました（中村雄） -7/2 am2:00 スケジュール更新および書き換え（中村雄） -4/18 pm10:00、　スケジュール欄書き換え -4/15 pm7:00、　Q&A欄を書き換え（上原　高橋） -4/9 PM3:30、　サーバを少し整理、昔の写真などは"/www/windmill_HP/picture"の中に移動させました、それに伴いリンク切れ等が発生した可能性があるので、見つけたら報告ください(じゅんじろう) -4/4 AM0:00 、スケジュールを４月に変更(中村雄) -4/2　AM10:00、TOPページを少し書き換え（上原） -3/19 PM3:50、メニュー欄更新(じゅんじろう) -3/12 PM5:00、二年生のメンバー欄とメンバー紹介を書き換え（上原） -3/11 PM21:00、二年生のメンバー紹介を書き換え（高橋） -3/11 AM11:00、カレンダーを微妙に変更（上原） -3/10 PM11:00、二年生・三年生・四年生のメンバー紹介とスケジュールとトップを書き換え　（上原　高橋） -3/10 PM10:00、三年生のメンバー紹介欄をすこし書き換え（じゅんじろう）ちなみにPM13:30ってなんぞｗｗｗ -3/9 PM13:30、新２年のメンバー紹介を変更、リンク先も変更、スケジュールを少し変更(中村洸) -2/26 PM6:30、トップを少し変更、左側のフレームサイズも少し縮小(じゅんじろう) -2/26 PM5:25、スケジュールをカレンダー方式にした、それに伴いflame2.htmのリンク先も変更(じゅんじろう) -2/25 PM5:50、↓のリンクを開くところを右のフレームに変更（じゅんじろう） -2/24 PM8:30、ＨＰのトップと左のフレームにブログを臨時で突っ込む(じゅんじろう) 2012-11-01T00:05:11+09:00 1351695911 https://w.atwiki.jp/hokudai_windmill/pages/1.html *北大系ソフトボールサークル「windmill」のHP管理用wiki -複数人でHPを管理する事になったため、その連絡用のwikiです -HPの作成のノウハウなども各々記入していけば、引き継ぎも容易に行える -HPに関する意見要望等を書き込める欄を作りたい wikiの編集方法は作成した本人でさえよく分かってません。誰か詳しい人いたら綺麗に整理してくれると嬉しいです。それ以外の人は下記のwikiの基本操作を参考にするといいと思います。 [[windmillのホームページへはこちら>http://circle.iic.hokudai.ac.jp/windmill/]] ---- **@wikiへようこそ -ウィキはみんなで気軽にホームページ編集できるツールです。 -このページは自由に編集することができます。 -メールで送られてきたパスワードを用いてログインすることで、各種変更（サイト名、トップページ、メンバー管理、サイドページ、デザイン、ページ管理、等）することができます **まずはこちらをご覧ください。 -[[@wikiの基本操作>http://atwiki.jp/guide/category2.html]] -[[用途別のオススメ機能紹介>http://atwiki.jp/guide/category22.html]] -[[@wikiの設定/管理>http://atwiki.jp/guide/category6.html]] **分からないことは？ -[[@wiki ご利用ガイド>http://atwiki.jp/guide/]] -[[よくある質問>http://atwiki.jp/guide/category1.html]] -[[無料で会員登録できるSNS内の@wiki助け合いコミュニティ>http://sns.atfb.jp/view_community2.php?no=112]] -[[@wiki更新情報>http://www1.atwiki.jp/guide/pages/264.html]] -[[@wikiへのお問合せフォーム>http://atwiki.jp/helpdesk]] 等をご活用ください **@wiki助け合いコミュニティの掲示板スレッド一覧 #atfb_bbs_list(112) **その他お勧めサービスについて -[[大容量１Ｇ、PHP/CGI、MySQL、FTPが使える無料ホームページは@PAGES>>http://atpages.jp/]] -[[無料ブログ作成は@WORDをご利用ください>>http://atword.jp/]] -[[2ch型の無料掲示板は@chsをご利用ください>>http://atchs.jp/]] -[[フォーラム型の無料掲示板は@bbをご利用ください>>http://atbb.jp/]] -[[お絵かき掲示板は@paintをご利用ください>>http://atpaint.jp/]] -[[その他の無料掲示板は@bbsをご利用ください>>http://atbbs.jp/]] -[[無料ソーシャルプロフィールサービス @flabo(アットフラボ)>>http://sns.atfb.jp]] **おすすめ機能 -[[気になるニュースをチェック>http://atwiki.jp/guide/17_174_ja.html]] -[[関連するブログ一覧を表示>http://atwiki.jp/guide/17_161_ja.html]] **その他にもいろいろな機能満載！！ -[[@wikiプラグイン>http://atwiki.jp/guide/category17.html]] -[[@wiki便利ツール>http://atwiki.jp/guide/category32.html]] -[[@wiki構文>http://atwiki.jp/guide/category16.html]] -[[@wikiプラグイン一覧>http://www1.atwiki.jp/guide/pages/264.html]] -[[まとめサイト作成支援ツール>http://atwiki.jp/matome/]] **バグ・不具合を見つけたら？ 要望がある場合は？ お手数ですが、メールでお問い合わせください。 2012-03-28T20:15:19+09:00 1332933319 https://w.atwiki.jp/hokudai_windmill/pages/17.html *各種編集の方法 ＨＰで使われている特殊なもの(フレームとか)の編集方法を記すページ -[[カレンダー機能>カレンダー機能]] -[[フレーム機能>フレーム機能]] メニューのフォント ここで作成 http://lightbox.on.coocan.jp/html/fontImage.php 2012-03-09T14:30:51+09:00 1331271051 https://w.atwiki.jp/hokudai_windmill/pages/13.html *HPの基礎 そもそもホームページってどうやって作ってるのか、作ったとしてもどう公開するのか、などホントに基礎の基礎を紹介します。 HPを実際にweb上に公開するためのステップは大体以下のようになります。 +html等でHPのファイルを作る +サーバーにアップする この２つだけです。一つずつ見ていきましょう。 **htmlでHPのファイルを作る インターネットブラウザで任意のHPを開き、右クリックで「ページのソース」というのを開いてみてください。わけの分からない文字の羅列が出てくると思います。このわけの分からない文字の羅列がhtmlです。HPを作るためには、本来ならこれらを全て理解し無くてはなりません。 しかし現代の世の中では理解する必要がありません。&bold(){htmlを理解せずとも直感的にHPを作成出来るソフトが存在するからです}(かなり凝った作りにするならばhtmlを多少は理解する必要が出てきます)。そのようなソフトは巷に沢山あふれているので各々好きなものを使えば良いでしょう。一応ここではおすすめのものを一つ挙げておきます。 KompoZer（無料） [[ダウンロードはこちら>http://kompozer.net/download.php]] ページの下の方に日本語版をダウンロードできるところがあります。使用しているOSにあったものをダウンロードしましょう。 このソフトを用いてHPを作ることができます。使い方は別のページで説明します。 **サーバにアップする 自分のPC上でhtml文章を作っても、インターネットを通じて全世界の人がそのページを見ることはできません。実際にweb上にアップする必要があります。&bold(){サーバに、作ったhtml文章をアップロードするだけです}。このサーバですが、web上に存在するハードディスクのようなものです。我々のHPはcircle.iic.hokudai.ac.jpという北海道大学のサーバ上にあります。http://circle.iic.hokudai.ac.jp/windmill/のwwwというディレクトリ(フォルダ)にファイルを入れると、インターネットを通して閲覧できるようになります。 &bold(){ではサーバへのアップロードはどうやるの？}と思うでしょう。これは上に挙げたKompoZerにそれらの機能がついています。なのでKompoZerを使う人はそれだけでいいでしょう。 念のためファイルのアップロード、ダウンロードができるソフトを挙げておきます。 -windows:FFFTP -Mac:Fugu、もしくはターミナルでrsync, scp -UNIX/Linux:ターミナルでrsync, scp そんな感じです。 2012-03-08T10:51:51+09:00 1331171511 https://w.atwiki.jp/hokudai_windmill/pages/19.html *フレーム機能 左側と右側に分ける機能、詳しいやり方は忘れたのでひとますソースコードべた張りします。これはindex.htmの中身です。 ---- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 6.5.0.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE>ソフトボールサークル　Wind Mill</TITLE> </HEAD> <FRAMESET cols="18%,82%"> <FRAME src="flame2.htm"> <FRAME src="flame1.htm" name="RIGHT"> <NOFRAMES> <BODY text="#ff0080" bgcolor="#FFFFFF" link="#0000ff" vlink="#808080" alink="#f77b00" background="blue_p7b.gif"> <P><A href="nonflameTOP.htm">携帯はこちら</A></P> </BODY> </NOFRAMES> </FRAMESET> </HTML> ---- 2012-02-26T18:33:57+09:00 1330248837 https://w.atwiki.jp/hokudai_windmill/pages/18.html *カレンダー機能 ＨＰに使われているカレンダー機能の使い方 今使っているカレンダーは下記サイトで生成したものです。 [[http://www.web-seed.com/system-seed/calendar_tool/>http://www.web-seed.com/system-seed/calendar_tool/]] 基本はデフォルトの設定に準拠していますが、サイズだけ以下のように変更してます。 カレンダー１日分のセル幅 　　　90ピクセル カレンダー１日分のセル高さ 80ピクセル ソースをコピーしてhtml編集モードで<body> と　</body>の間に張り付けてあげればカレンダーを表示できます。 2012-02-26T17:19:02+09:00 1330244342 https://w.atwiki.jp/hokudai_windmill/pages/2.html **メニュー -[[トップページ]] -[[HP更新履歴>HP更新履歴]] -[[HPの基礎>HP基礎]] -[[KompoZerの使い方>KompoZerの使い方]] -[[サーバへのアクセス方法>サーバへのアクセス方法]] -[[各種編集の方法>各種編集の方法 ]] - -[[プラグイン紹介>プラグイン]] -[[まとめサイト作成支援ツール]] -[[メニュー]] -[[メニュー2]] %---- %最終更新日 %&update(format=Y/m/d/D H:i:s ) ---- 来訪者ッッ！！ Today&counter(today) Yesterday&counter(yesterday) Total&counter(total) ---- **リンク -[[@wiki>>http://atwiki.jp]] -[[@wikiご利用ガイド>>http://atwiki.jp/guide/]] **他のサービス -[[無料ホームページ作成>>http://atpages.jp]] -[[無料ブログ作成>>http://atword.jp]] -[[2ch型掲示板レンタル>>http://atchs.jp]] -[[無料掲示板レンタル>>http://atbbs.jp]] -[[お絵かきレンタル>>http://atpaint.jp/]] -[[無料ソーシャルプロフ>>http://sns.atfb.jp/]] // リンクを張るには "[" 2つで文字列を括ります。 // ">" の左側に文字、右側にURLを記述するとリンクになります //**更新履歴 //#recent(20) &link_editmenu(text=ここを編集) 2012-02-26T17:01:51+09:00 1330243311 https://w.atwiki.jp/hokudai_windmill/pages/16.html *サーバへのアクセス方法 ftpの設定の仕方を説明 使用しているソフトによって異なります。大まかな設定としては -ユーザ名 windmill -ホスト名 circle.iic.hokudai.ac.jp -パスワード　秘密、誰か先輩から聞きましょう のように設定してあげれば接続できます。接続が出来たらファイルをアップロードするなりダウンロードするなりコロスケなり **注意点 &bold(){複数人による管理で起こりうる問題があります。} 例：　AくんとBくんが管理をしている AくんがHPを編集してサーバにアップします。 このとき、AくんのPC上とサーバ上のファイルは新しいものになっています。 しかし&bold(){BくんのPC上には更新する前のファイルしか存在しません}。 もしBくんが更新されたファイルをダウンロードせずに、古いファイルを編集して サーバにアップした場合、Aくんの変更した点が全く反映されないことになります。 揉め事の原因にもなりかね無いので、&bold(){ファイルは常に新しいものに更新する事を心がけてください。}具体的にはHPの編集前にサーバ上のファイルをちゃんとダウンロードしてください。また誰がいつどのファイルを編集したかを把握するためにも-[[更新履歴>HP更新履歴]]への記入を忘れないようにしてください。 2012-02-22T15:50:45+09:00 1329893445 https://w.atwiki.jp/hokudai_windmill/pages/15.html *KompoZerの使い方 工事中 せめてftpの設定方法は早々に載せたい 2012-02-22T15:33:33+09:00 1329892413 https://w.atwiki.jp/hokudai_windmill/pages/8.html * 動画(youtube) @wikiのwikiモードでは #video(動画のURL) と入力することで、動画を貼り付けることが出来ます。 詳しくはこちらをご覧ください。 ＝＞http://atwiki.jp/guide/17_209_ja.html また動画のURLはYoutubeのURLをご利用ください。 ＝＞http://www.youtube.com/ ----- たとえば、#video(http://youtube.com/watch?v=kTV1CcS53JQ)と入力すると以下のように表示されます。 #video(http://youtube.com/watch?v=kTV1CcS53JQ) 2012-02-22T14:33:37+09:00 1329888817