神戸電子専門学校ゲームソフト学科の生徒が運営するＧＥＳのブログです。
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
こんばんは。
文月浩加です。
ZAKIさんたちに話してる時に、周り数人にやってくれといわれてしまいました。
というわけで、早速書いてみようと思います。
第一回HTML講座！！！
といっても昔自分のサイトでコラムとしてやっていたもののコピーです。
HPを作ろう その１
＝HTMLの基本を見てみよう＝
準備するもの
・PC
・ネット環境
・公開するためのサーバ。
・ソースを作成するためのソフト。
Windowsのエディタソフトは『メモ帳』と言うものがあります。
メモ帳の実行方法
スタートボタン→すべてのプログラム→アクセサリ→メモ帳。
ちなみに私はフリーソフトの『Style Note』というソフトを使っています。
HTMLや、CSSなどにもある程度準拠しているので使いやすいです。
一般的なHPは、HTMLという言語を使って作られています。
他にも現在、CSS、XHTMLなどの言語も存在しています。
これについてはまた後日。
私は、現在はHTMLと、CSSを利用してHPを作成しています。
まずは、HTMLの簡単な形式を説明して行きましょう。
手始めに、こちらのソースをメモ帳にコピペして『index.html』と言う名前で保存してください
そしてブラウザ（Internet ExplorerやOpera、FireFoxなどなど）で実行して見てみましょう。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift-jis">
<title>こんにちは</title>
</head>
<body>
こんにちは
</body>
</html>
これが一番の基本のタグです。
一番最初の一行は『このドキュメントはHTMLです。基本指定はHTML 4.01です』という宣言をしてます。
つまり、『今からHTMLが始まります。4.01の設定を利用します。』っていうことです。
実際無くても表示はされますが、一応あった方がいいと思います。
これ以外の<!DOCTYPE>文はこちら→とほほのＷＷＷ入門
１．<head>～</head> ヘッダー。このページの設定です。
２．<meta> 基本的には、テキストがどの形式か、文字コードは何かなどなど。
３．<title>～</title> ココの中がタイトルバーに表示されます。
４．<body>～</body> ココの中が画面の中に表示されます。
タグは、<!DOCTYPE> <meta>（宣言文）<BR>（改行）、<IMG>（画像読み出し）などの閉じタグないものを除いて
<>～</>が基本形式です。
<HTML>で始まって</HTML>で終わります
今回はとりあえず本当に基本まで。
次回から一気に画像表示からテキスト編集などなど。
簡単なシステムの紹介が終わったら、次はCSSの説明もする予定でいます。
ではでは、ダッシュで夜勤にいってまいります。浩加でした。
以下はまたしてもGESメンバー向け。
[0回]
COMMENT