知的共同体WiSS
-
管理人のサイトの作り方を紹介します。
なにぶん専門的に勉強していないので間違いも多いと思います。
なにかあれば、掲示板のほうにご連絡ください。
XHTML+CSS
1,とりあえず、一つ作ってみましょう。
とりあえず、一つ作ってみましょう！まずは、こんな感じのページを作ってみます。なんだ簡単じゃん！と思われましたか？初めての方にはけっこう面倒ですよ･･･。(少なくとも、独学で頑張った自分にとっては意味がわからなかった･･･。)とりあえず、ソース書いておきます。
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="ja" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title>Hiroshiのページ</title>
</head>
<body>
<p>
しょっぱななんですが、ここまでやります。<br />
とりあえず、すぐ出来ると思います。<!-- とりあえず、ここだけしてみてください。 -->
</p>
<h1>Hiroshiのページ</h1>
<h2>自己紹介</h2>
<ul>
<li>氏名･･･Hiroshi</li>
<li>生年月日･･･198○年5月26日</li>
<li>趣味･･･パソコンいじり(決して詳しいわけではない)、読書、寝ること</li>
<li>出身地･･･島根県</li>
<li>現住所･･･名古屋だったり東京だったり大阪だったり･･･、各地転々</li>
</ul>
<h2>Message!!</h2>
みなさんこんにちは!!!!ここは管理人Hiroshiの自己紹介ページとなっております。<br />
色々と今後詳細な自己紹介を行っていこうと思っていますのでよろしくお願いします。<br />
しかしテストページって作るの面倒だなぁ･･･。しかし、ここで下手に手を抜いたら変なページが完成してしまうかもしれませんので、頑張ってみますね。<br />
<a href="../history1.html">1,とりあえず、一つ作ってみましょう。のページに戻る</a>
<!-- ここは書かなくてもいいです。a要素の解説はしますが･･･。 -->
</body>
</html>
終わったら保存します。保存の仕方はWindowsのメモ帳の場合、
ファイル >> 名前を付けて保存
へ、行ってもらって、ファイルの種類を「すべてのファイル」、文字コードを「UTF-8」、ファイル名はなんでもいいですが、ここでは「sample.html」とでもしておきましょうか･･･。
それでは、解説をしていきたいと思います。
>>2、1の解説篇
