| HTMLとは || 階層とファイル名 || 基本構成 || 無料でHPを作る || テキスト1 || テキスト2 || テキスト3 | | 区切り線 |
| ハイパーリンク1 || ハイパーリンク2 || イメージ1 || イメージ2 || ロールオーバ || 背景 || 背景の固定 |
| テーブル1 || テーブル2 || テーブル3 || テーブル4 || テーブル5 || テーブル6 |
| フレーム1 || フレーム2 || フレーム3 || フレーム4 || フレーム5 || 曲を流す || JPGとGIF || Flash1 || Flash2 |
| favicon.ico || 文字化け対策 || メタタグ || お気に入り追加 || テキストエリア |

| 色見本16進数 || 色見本16進数2 || 色見本色指定 || サンプル1 || サンプル2 || サンプル3 || サンプル4 |

| 1.作業手順 || 2.作業手順 || 3.作業手順 || 4.FTP || 5.作業手順 || 6.作業手順 |
| 7.CGI設置 || 8.CGI設置 || 9.CGI設置 || 10.CGI設置 |


| 無料HP作成支援集 |
HTMLについて -ホームページを作ろう-
■ HTMLとは?

HTMLとは?

正式名称[Hyper Text Markup Language]といいます。
タグと呼ばれるもので記入するブラウザ用上で表示させるプログラム言語です。

ホームページ作成ソフトとしてホームページビルダーやDreamweaverなどの市販ソフトがありますが、HTMLを知っていればメモ帳で作れます。

メモ帳だけで作れるのか?

『作れます』
ソフトを使用しても自由に作ってるのではなく、基本形式内で自動でタグを打ってくれているだけで手動でも内容は変わりません。
ソースを見れば分かる通りメモ帳で代用できます。
ソフトがあればメモ帳以上の物が出来るという訳でも無く、購入代金もかかります。
ただし手打ちでは、複雑なデザインや特にテーブルは、かなり苦労しますし時間も費やします。


ソフトの有利な点は?
HTMLをタグ打ちしますと、デザインのイメージが見えてきません。
細かいデザインが出来ます。
レイアウト機能や置き換え機能等もあり圧倒的に製作スピードが上です。


ソフトがあればHTMLを知らなくていい?

『HTMLの知識が無いとソフトを扱いきれません』

ソフトにも欠点があります。
英文を和訳すると直訳すると変な日本語になりますよね?
それと同じような事が起こります。

ソフトでホームページを作ると変なHTMLの構文になり、
思った通りに表示されなかったり、重くなってしまう事もあります。
これをHTMLが”汚い”とか”汚れてる”などと言います。
そのようなところはソフトでは無理なので、自分で治さなければいけません。

HTMLを知らないとソフトを使いこなせません。

■ 例
きたない(重い)
<font color="#FF0000" size="1">一月</font><br>

<font color="#FF0000" size="1" >二月</font><br>
<font color="#FF0000" size="1">三月</font><br> 
<font color="#FF0000"
size="1"></font><br>

<font color="#FF0000" size="1"></font><br>


きれい(軽い)
<font color="#FF0000" size="1" >
一月<br>
二月<br>
三月<br>
<br>
<br>

</font><br>
 
ホームページ製作の上達の仕方
1.まずはHTMLの勉強
まずはHTMLを勉強しタグ打ちをしましょう。
趣味でファンサイトを運営していけば実力がどんどん上がっていきます。
好きなことが最大の武器です!!


2.
他人の真似
気に入ったデザインのサイトがあったら[表示]→[ソース]でソースを見てみましょう。
それを真似して作ったり、技術を盗みましょう。
そしてそのテクニックを自分の物としてしまいましょう。

ただしデザインにも著作権がありますので、了解無しにまったく同じ物を作って、
ネットに公開するの禁止です。



3.ソフトを覚える
HTMLをマスターしたらソフトを使ってみましょう。
デザインはソフトの方が有利なので、覚えましょう。
初めのうちはHTMLのタグ打ちの方が楽に感じますが、
そのうちソフトで作る方が楽になっていきます。
細かい修正をHTMLですることを忘れずに。


4.
素材を作れるようにする。
HTMLだけではデザインや構成に限界があります。
オリジナルの素材が作れるようになると、デザインに自由度が増し、
より良いデザインができるようになります。

CGIなども扱えるとオリジナル掲示板なども作れ有利になります。
関連コンテンツ
-

点数の見方
評価5 評価5
評価4 評価4
評価3 評価3
評価2 評価2
評価1 評価1
評価1 評価0

アンチウイルスソフト
ESET Smart Security
Kaspersky Internet Security
Norton Internet Security
4 マカフィー インターネットセキュリティ
5 ウイルスバスター

PR




広告掲載について
お問い合わせ

AdSense
Copyright (C) 2002 - 2011 インターネット研究会Z - The Internet Society - HTML
interz? | information | site map | page view | 紹介履歴 | 広告掲載 | 掲示板 | mail