というわけで、このページの説明ですな。
この記事を読んでるだけで、自動的にアトリエ夾のキャラ紹介ページができてしまう仕組みになってます。
というわけで、早速アトリエ夾へ行って自分のキャラ紹介ページを開き、「表示」から「ソース」を選び、どこかわかりやすいところに保存しておきましょう。使うブラウザはインターネットエクスプローラがおすすめです。
あれって最初からソースをメモ帳で開いてくれるのでページ作成者には超便利。
ちなみに、<>で囲ってしまうとhtmlのタグになってしまうんで、<>の部分は[]で代用させていただきます〜。
まず、最初の部分です。
[html]
[head]
[title]キャラクタープロフィール[/title]
[/head]
まで。
htmlの基本は、<>で囲んだタグという命令です。
リンクを貼ったり、改行したり、文字の色を変えたり、いろんな作業はすべてこの「タグ」で行います。
< >が始まり、/がついたタグが終わりです。基本的に。
まぁ、最初２行は、html形式のファイルを作るのに必要なものなんだなぁ、とでも覚えておいてください。
次の[title]ですが、この後にいれた文章がタスクバーの中の文章になったり、ウィンドウの上の青いところ（人によって違うけどね、色）に入る文章になります。
今回は、アトリエ夾の仕様がそうなっているんで、キャラクタープロフィールのまんまでよいでしょう。
そして、[/title]で[title]を閉じ、[/head]で[head]を閉じています。
headとは、ページの基本的な情報をプログラムするところですな。
そして、headの次にはbodyが来ます。
bodyには、実際にページとして表示させるところのプログラムを入れます。
場合によって、いろいろなオプションがつきます。
実際ここでついているのは背景の模様、色、テキストの色、リンクの文字の色が指定です。
まぁ、ここは統一したほうがいい、というか、してないとまずいんで[body……から……ALINK="#ffff66"]までそのままコピーして使いましょう。
さて次ですが、[!-- --]で囲まれているのは、コメントです。
直接表示部分には関係ないのですが、作ってる側がわかりやすいように入れておくメモみたいなものですな。
というわけで、気にせずとばしましょう。
[div center]アイリーン・フラム[/div]
[!-- ここより 本文--]
[div align="left"][br]
[p]
divはよくわからんけど、（おいおい）centerはいわゆる中央揃えです。
次がキャラネーム。
その下のコメントはシカトして、align="left"、これは左詰めですな。
その次の[br]と[p]。これは結構使います。brが改行で、pが段落変えです。
brはそのすぐ下に次の行がきますが、pは約１行分スキマがあくのですよ。
さて、その下に、問題のテーブルタグがやってきます。
[table]と書いてあるところから、[/table]でタグを閉じているところまで。
長いから全部書きません。
まぁ、この部分でステータス表とか作ってるんだなあ、程度でおっけーっす。
で、実際にプロフィールを書くところは、
[TD BGCOLOR="#6666e0"]背景他[/TD]
[TD BGCOLOR="#4478e8" COLSPAN="5"]
の次の部分です。
この中にも[br]タグや[p]などを使うことができます。これはまぁ、私のところを見てくれればおっけーですな。
サイズとかは気にしなくて大丈夫です。ブラウザのほうで適当に合わせてくれます。
基本的にはこれで完成ですね。
さてさて、プロフィールはできましたか？
最後にもうひとつ、キャラ絵を書いていて、リーンさんのようにプロフィールの横になにか書きたい場合はどうすればいいのか。
[IMG SRC="http:// 〜中略〜 align="left"]から、[BR CLEAR="all"]までのあいだに書きこめばオッケーです。
align="left"の部分で、絵の右側に文章がくるようになってます。
ここでも、[br]や[p]が使用可能です。
さてさて、これでキャラクタープロフィールは完成です。
あとは、拡張子をhtmlまたはhtmで保存して、sachiponにメールなどで送れば、彼女も喜んでくれるでしょう。
アトリエ夾にアップされるのを待つばかりです。
ごくろうさまでした。