あんな事がしたいをカタチに−逆引きホームページ作成制作辞典ウェブ造は、ホームページ簡単作成・制作辞典
逆引きホームページ作成制作辞典ウェブ造
ホームページ解説

ホームページ作成1

ウェブ造ホーム前へ次へ
 
Web ホームページ作成辞典 ウェブ造
一覧メニュー

ホームページ作成方法1

正引きIT用語で選んでみる
逆引き どうやるの?
習熟度から選んでみる
ホームページ編
ホームページ超初心
ホームページ初級
ホームページ中級
ホームページ上級
ウェブ開発編
ウェブ開発初級
ウェブ開発中級〜
【Reference/リファレンス】
ホームページリファレンス
HTMLリファレンス
CSSリファレンス
JavaScriptリファレンス
Perlリファレンス
XHTMLリファレンス
XMLリファレンス
XSLリファレンス
XSLTリファレンス
資格試験国家資格
情報処理技術者
テクニック見出し
ホームページの作り方
ホームページの公開方法
はずむ画像・テキスト
消えた!下線
サイト全体デザイン一発変更
画像の一部がボタンになった!
などなど
IT用語解説見出し
IT(Information Technology)
インターネット
ホームページ
HTML
CSS
JavaScript
DHTML
CHTML
XML
XHTML
XHTML Basic
Ajax
レンタルサーバー
FTP転送
CGI(Perl)
URLエンコード/URLデコード
文字コード・改行コード
パーミッション
暗号化技術
Webサーバー
Apache
OS
オペレーティングシステム
ドメイン
RDB
(リレーショナルデータベース)
MySQL
Postgre SQL
PHP
XOOPS
osCommerce
Movable Type
...etc.
ホームページの作り方

ホームページ作成

1.ホームページ作り方・作成方法は

 HTMLでも簡単に触れましたがホームページ作りは楽しく意外と簡単です。

 作りたいと思ったからこそあなたはここにいるわけで(笑)

 出来る限りお手伝いしますのでがんばってくださいね。

 それでは早速とりかかりましょう♪

 お約束事を守って記述さえすればホームページはできるのでしたよね。

 ちょっと待って♪実はHTMLでは書きませんでしたが、もうひとつお約束事があるんです。

 内緒にしててゴメンなさい(笑)

 これは、文字を一字一句記憶する必要はありませんし、ご自身のペースに合わせて必要な時に「そう言えばそんなのあったなぁ・・・」と思い出して頂ければ結構です。

 「私はこれからHTMLを使ってホームページを書くぞ!」 との意気込みをブラウザに伝える為のおまじないです。

 以下の一文をあなたが書く全ての.htmlファイルの一番上に必ず記述してください。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/REC-html4/loose.dtd">

 表示上は2行に渡って改行されていますが、一行で記述して下さい。その際改行されている部分(・・・4.01 Transitional・・・)には半角スペースを入れてくださいね。

 このおまじないはDOCTYPE宣言と呼ばれ実は数種類ありますし、HTMLバージョンも含まれた情報ですので追加されていく事も充分にありますが、ここでは忘れましょう。

 さてHTMLでも使った例題1にこの記述を追記したものが『例題2』です。

◆例題2


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/REC-html4/loose.dtd">

<html>
<body>

表示できるかな?テスト

</body>
</html>


 それでは次にブラウザの一番左上の通常ブラウザのロゴマークとブラウザ名が表示されているところにあなたのページの題名をつけてみましょう♪

 ここでは以下のタグを追加します。

 早速記述してみましょう。表示するタイトルは「表示テスト」にしましょう。

◆例題3


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/REC-html4/loose.dtd">

<html>
<head>

<title>表示テスト</title>

</head>

<body>

表示できるかな?テスト

</body>
</html>


 このようになります。

 次のステップは実際に作ったファイルがブラウザにどのように反映されるのか確認した後、一通りホームページを作ってみましょう。

>> 2.ホームページの作り方

1.ホームページの作り方2.ホームページの作り方3.ホームページの作り方

ウェブ造ホーム前へ次へ