@Wikiを始めるために

メールフォーム

2007-09-30T23:10:17+09:00

***メールフォーム長文のご質問、御意見などは、こちらでメール送信してください。管理者宛のEメールとして送信されます。 #mailform ---- #paint() ----

表とリスト

2007-09-17T19:07:55+09:00

HPの世界では、よく「一覧表」形式になっているデータを見掛けます。また、「箇条書き」のようにデータを列挙する形式のデータも多用されます。 Wikiでもこれらを表現できる書式が用意されています。それぞれ御紹介しましょう。 ***一覧表(テーブル) HTMLを習得した人でも、HTMLでテーブルを組むのは、なかなか手間がかかるものですが、Wikiでは、とても簡単に記述することが出来ます。書式は非常に単純かつ視認性の高いもので、以下のようになります。 &html(

｜項目１｜項目１のデータ｜
｜項目２｜項目２のデータ｜

) と記述するだけで、以下のような一覧表が表示されます。 | 項目１ | 項目１のデータ | | 項目２ | 項目２のデータ | また、各セルのスタイルを設定するオプション指定も出来ます。詳しくは&color(blue){テキスト整形のルール}に解説されていますが、ここでは文字色と背景色を変更してみます。 |BGCOLOR(#333333):COLOR(white):項目１|COLOR(blue):項目１のデータ| |BGCOLOR(#333333):COLOR(white):項目２|COLOR(blue):項目２のデータ| #image(http://www39.atwiki.jp/ibaraki-it/pub/sum-table.png,center,title=拡大画像,http://www39.atwiki.jp/ibaraki-it/pub/table.png) コツとしては、セルの区切りを表す「&color(blue){|}(セパレータ)」のすぐ後に、オプションの「COLOR(blue):」などをくっつけて記述することでしょうか。スペースなどが入ってしまうと、不具合がでるようです。 ---- ***リスト HTMLでは3種類のリストが用意されています。Wikiでもこれら全てを表現できるのですが、ここではよく用いられる「&color(blue){箇条書きリスト}」と「&color(blue){連番つきリスト}」の2種類を表現してみましょう。

小ネタ

2007-09-11T22:09:20+09:00

**中級者以上向け，小ネタ集 ***HTMLを御存じな方 Wikiでは、大変簡易で便利な編集モードが主に利用されますが、すでにHTMLなどを習得された方にとっては、自由度の低さに不満をもたれると思います。「ここだけでも、こうしたい」という場合、一部だけHTMLで記述し、自由なデザインを適用させたいというときも、簡単にHTMLを記述することが出来ます。書式は、以下の通りです。 &html(

&html（HTMLタグなどをそのまま記述）

) 事例として、 &html(

&html（<div style="color:blue;border:1px solid blue;">HTMLタグ</div>）

) などと、HTML要素にstyle属性を付して記述すれば、その部分だけを自由にCSS指定できるということになります。 &html(

HTMLタグ

) また、Wikiで特殊な意味を持つ記号などを無効化して、そのまま表示させる場合にも、このテクが使える場合があります。色々と試してみてください。 ----

新規ページをメニューに追加

2007-09-17T19:21:29+09:00

***Wikiのメニュー HTMLでは、別ページと相互リンクを張る場合、それぞれのページに、位置関係に即したリンクを記述しなければなりませんが、前述の通り、Wikiはページを構成するパーツを別々に保存していて、共通のパーツ(メニューやトップタイトルなど)は、同じ物を各ページに当てはめて表示させています。そのおかげで、各ページのメニュー・ブロックに表示されるパーツを１箇所だけ書き換えれば、全てのページのメニュー・ブロックに、それぞれ反映されるわけです。更新作業の軽減を念頭においた、CMSならではの便利さ、と言える機能ですね。では、早速新規に作成したページを、メニューに追加してみましょう。 ***管理者画面へ移動まずはログインし、&color(red){管理者画面}に移動します。そして管理者画面の左段組みの、7項目めほどにある、「&color(blue){メニュー選択・編集}」をクリックします。すると右段組みの内容が変更され、&color(blue){「メニュー」を編集するにはここをクリック}というリンクが表示されますので、これをクリックします。 ***編集画面ここからは、トップページや新規ページの編集と同様の編集画面になります。メニューの項目は、一般にリスト＋アンカーという構成でマークアップされることが推奨されているので、行頭に「-(マイナス)」を付けたリストの各項目を、「&html([[)」と「&html(]])」で囲むことでリンクを張っています。(テキスト整形のルール参照）また、リンクの内容もURLを記述する必要はなく、新規ページ作成時に付けた「&color(red){ページの名前}」をそのまま記述すれば、Wikiが自動的にリンクを張ってくれます。つまり、新規ページをメニューに登録するためには、次のような記述を追記することになります。 &html(

-[[新規ページ名]]

) これをメニューブロックの中の、適当と思われる位置に挿

CSSカスタマイズ

2007-09-17T19:11:23+09:00

**スタイルシート(CSS)を編集前述の[[テンプレートの利用]]では、＠Wikiが用意してくれているスタイルを適用して、見栄えを大幅に変更しました。更に細やかなスタイル設定をしたい場合には、CSSの知識を活用して、よりきめ細やかな見栄えの変更が出来ます。CSSの知識をお持ちの方は、是非チャレンジしてみてください。逆に、全くCSSを学習したことが無い方は、下準備を整えてから臨まれることをお薦めします。まずは、ログインし、&color(blue){＠Wikiメニュー}にある「&color(red){設定}」ボタンから「&color(red){管理画面}」に入ります。 ---- ***管理画面から「CSSカスタマイズ」を選択管理画面に移動しましたら、まずは「&color(red){CSSカスタマイズ}」をクリックします。 #image(http://www39.atwiki.jp/ibaraki-it/pub/CSS_Custom/sum-css-custom.png,http://www39.atwiki.jp/ibaraki-it/pub/CSS_Custom/css-custom.png,center,title=拡大画像) ---- ***基本デザインのCSSをクリック次いで、ページ上段の方にある、「&color(red){基本デザインのCSS}」をクリックします。 #image(http://www39.atwiki.jp/ibaraki-it/pub/CSS_Custom/sum-DesigningCSS.png,http://www39.atwiki.jp/ibaraki-it/pub/CSS_Custom/DesigningCSS.png,center,title=拡大画像) すると、現在適用されている「基本デザイン」のCSSが全て表示されます。 ---- ***現在のCSS情報をコピーここにあるCSS情報を(表示外にあるものもスクロールして)&color(red){全て選択}し、&color(red){コピー}します。 #image(http://www39.atwiki.jp/ibaraki-it/pub/CSS_Custom/sum-CopyCS

見出しと段落

2007-09-11T16:43:11+09:00

***見出しを付ける Wikiでは、HTMLタグをなどを知らなくても、簡単に見出しを付けることが出来ます。書式は「&color(blue){＊}(半角アスタリスク)」を行頭に付けるだけです。見出しの重要度によって、3段階が用意されています。アスタリスク１つが大見出し、２つが中見出し、３つが小見出しとなります。 &html(

*大見出し
**中見出し
***小見出し

) と記述すると、 *大見出し **中見出し ***小見出しのような表示になり、他のテキストよりも大きく、太字で表現されます。 ---- ***段落文章も、適当なところで段落として小分けにしておいた方が、閲覧者にとって読み易いページになります。こうした「段落」を構成したい場合は、単に「改行」するだけで、あとはWikiが自動的にこれを段落として分けてくれます。 #image(http://www39.atwiki.jp/ibaraki-it/pub/sum-p-tag.png,http://www39.atwiki.jp/ibaraki-it/pub/p-tag.png,center,title=拡大画像) ----

新規ページの作成

2007-09-20T21:15:55+09:00

***新しいページを作る Webサイトは、1枚だけでなく、複数のページ郡で構成されるのが通例です。そこで、Webサイトの入口であるトップページが一段落したら、より内容を充実させるべく、「新しいページ」を作成してみましょう。 #image(http://www39.atwiki.jp/ibaraki-it/pub/sum-wiki-menu.png,center,title=拡大画像,http://www39.atwiki.jp/ibaraki-it/pub/wiki-menu.png) まずはログインした状態で、「＠Wikiメニュー」ー「新しいページ」を選択すると、下図のような画面になります。 #image(http://www39.atwiki.jp/ibaraki-it/pub/sum-new-page.png,http://www39.atwiki.jp/ibaraki-it/pub/new-page.png,center,title=拡大画像) 1.の「ページ名」には、新規ページの内容にあった名前を入れておくとよいと思います。あとで「メニュー」の方に追記する名前にもなります。 2.は、特にいじる必要はありませんので、そのまま「新規ページ作成」をクリックすると、トップページの時と同様の「編集画面」が表示されますので、同様に内容を記述していきます。 ----

写真を載せる

2007-09-17T18:58:06+09:00

**@Wikiに写真を載せる HPは、概ねテキスト(文字)と画像で構成されています。写真好きな方は、HPに自前のデジカメ画像などを張り付け、多くの人に見て欲しいと思われることでしょう。また、当サイトのような解説サイトでは、スクリーンショット画像も多用しますし、案内地図や、記念写真など、画像なくしては、要を得ないケースも少なくありません。このような場合には、&color(blue){画像ファイルをアップロード}し、それをWikiに&color(blue){読み込ませるよう記述}する必要があります。 ---- ***画像ファイルについてまず、HPの世界で標準的に扱える画像ファイルのタイプを把握する必要があります。HPの世界では、よくデジカメなどで作成される&color(blue){JPEG画像（拡張子は.jpgまたは.jpeg)}、案内図・イラストなど色数の少ない画像に用いられる&color(blue){GIF画像(.gif)}、GIFの代替として開発された&color(blue){PNG画像(.png)}の3種類です。もしファイル・タイプがこれらのものでない場合は、GIMPなどの画像編集ツールを利用して、加工する必要があります。また、画像のサイズを揃えるなどの下準備もこのGIMPで行うことが出来ます。 GIMPは無償で利用できますが、少々慣れが必要です。ネット上に多くの情報が提供されていますので、御興味のある方は、検索エンジンなどで調べてみてください。もちろん、デジカメにバンドルされてくるようなソフトでも結構ですし、プロ仕様のPhotoShopなどをお持ちの方は、それらでも同じことが出来ます。 ---- **画像のアップロード＠Wikiでは、画像のアップロード法を2通り用意してくれています。一つめは、FTPツールを用いないで行う方法。二つ目が、FTPツールを用いる方法です。 ***FTPツールを用いない方法まずは、簡易に行うことのできる「&color(blue){FTPツールを用いない方法}」を御紹介します。こちらは、1ファイルずつしかアップロードできないという欠点があるのですが、非常に気軽に行うことが出来ます。操作としては、「&color(blue){ログイン}」して、「&co

一言コメント

2009-01-10T18:01:25+09:00

- IT道場の皆さん、お気軽に書きこんでください。 -- 倉持＠IT普及 (2007-09-08 21:05:58) - 広告がうざいねぇ。 -- 田村 (2007-09-09 06:18:37) - おはようございます。今朝見ました。 -- 水野　 (2007-09-10 09:31:44) - 遅くなりすみません。仕事が一段落したので、詳しく見ていきたいと思います。 -- 大塚 (2007-09-10 10:29:25) - 暇 -- sakyori (2007-09-10 15:53:38) - 皆さん、コメントありがとうございます。解説についても御評価を。 -- 倉持＠IT (2007-09-11 00:11:28) - 解説は、順番にやってける形でとてもいいとおもいますｂ -- 坂より (2007-09-11 01:22:27) - おお、嬉しいひとからコメントだぁ、ありがとう。 -- 倉持＠IT (2007-09-11 01:43:44) - 解説とは、何のことを言っているのですか？ -- 水野　洋 (2007-09-11 22:24:46) - 基本的に「ここだけの操作ですむのは」は楽だと思います。どの位の文字を一度に送れるのでしょうか？ -- 水野　洋 (2007-09-11 22:28:21) - 「何、何、これは何。」時間をかけてじっくりみたい。（昨夜少し、今日仕事休み。） -- 渡邊有子 (2007-09-12 12:35:17) - ＞渡邊さん、コメントありがとうございます。これがWikiという、CMSの一種です。ナイスなリアクション，嬉しいです。 -- 倉持＠IT (2007-09-13 11:39:02) - ＞水野さん、FTPなどで送信する必要はありません。入力フォームで書きこみます。 -- 倉持＠IT (2007-09-13 11:40:25) - 右の上のトップページを見ましたが、アカウント作成画面がありました。アカウントを作る必要はあるのですか？アカウントを作ったら、倉持さんが作ったようにＷＩＫＩを作ることになるのですか？このページをこのようにコメントを入れて使うんですよね？ -- mizuno (2007-09-15 22:32:14) - 今日

ブログ・フィード

2007-09-08T13:47:26+09:00

***メガテニストの舘 #bf(真・女神転生)