alles logo  
search
ご使用方法はこちらです
入会のご案内 お客様サポート 各種手続き・変更
メンテナンス情報 障害のお知らせ アクセスポイント情報 B-BOX
ホームページ作成基礎知識

HOMEPAGE作ってみよう!

作成のための三大要素

ホームページを作成するためには以下の3つの知識が必要です。

1 HTML言語
ホームページ情報を表示させるための言語です。


 
2 画像データの知識(マルチメディアの扱い方)
ホームページには、文字情報の他にイメージデータ(写真・絵などの画像)や動画を表示させたり、サウンドデータを再生させたりすることができます。
この中でも活用頻度が高いのが、写真や絵などのイメージ画像ですが、現在インターネット上で最も多く使用されている画像形式は『GIF(ジフ)』、『JPEG(ジェイペグ)』形式となっています。
 
3 FTP(ファイル転送プロトコル)
作成したホームページデータ(ファイル)を、インターネットで公開する為にサーバーへ転送します。
HTMLファイルは『アスキーコード』、画像などは『バイナリーコード』で転送します。

詳しいファイル転送(アップロード)方法については『ホームページ開設手順』ページに説明がございます。




HTMLについて

HTML言語とは?
HTMLとはHyper Text Markup Languageの略でホームページ(WWWサービス)の情報を作成するための基本言語です。
「タグ」と呼ばれる簡単な文字列を文書へ挿入していくと、WEBブラウザが、WWWサーバーから送られてくるデータのタグの意味を分析して、指定されている通りに画面上へ文書やイメージなどを表示します。



HTMLタグとは?
HTMLタグは<    ></   >の記号で囲まれている文字列で、次のように記述します。

<タグ名>
タグ機能を反映させる文字列
</タグ名>
 ↑開始タグ
 ↑終了タグ

*
ただし、一部終了タグがないものもあります。


基本的なタグの種類については、こちらで紹介しています。




画像データの形式について

現在、WEB上で使用されている主な形式は以下の3つです。
GIF形式
(256色)
.gif(拡張子)
GIF(普通のGIF)
色数に限りがありますので、ロゴやイラストなどの画像向き。

インターレースGIF
インターレースGIFは、画像を間引いた情報をはじめに転送して順次詳細なデータを表示する方法です。
はじめにぼんやりとした画像が表示され、じわじわと詳細な画像が表示されていきます。

透明GIF(トランスペアレントGIF)
透明(トランスペアレント)GIFは、画像の背景部分を透明にして、画像だけが貼り付けられているように見せることができます。
特にホームページの背景に画像や色を表示しているときは、透明GIFファイルにすると、表示した画像と一体になったように表現できます。
JPEG形式
(1670万色)
.jpg(拡張子)
JPEG(普通のJPEG)
写真などのようにフルカラー画像を保存するためのフォーマットです。
作成ソフトウェアによっては圧縮率を変更できるため、画像のクオリティーに応じてファイルサイズを決めることができます。


プログレッシブJPEGフォーマット
GIFのインターレースと同じようにじわじわと表示させることができます。

*
JPEGには、背景を透明にするフォーマットはありません。
PNG形式
(1670万色)
.png(拡張子)
PNG-8
256色を使用し、一般的に同等のGIFファイルと比べるとサイズが小さくなると言われています。

PNG-24
1,670万色(フルカラー)を使用し、写真などの圧縮に向いていますが、一般的に同等のJPEGファイルと比べるとサイズが大きくなると言われています。

* 画像編集ソフトFireworksの標準画像フォーマットで、Photoshop5.0などでもサポートされているフォーマットです。
* カラー数の多い画像や、高圧縮を必要とする画像に適しています。
* 透明化設定、プログレッシブ表示機能に対応しています。
* 可逆圧縮方式(完全に元の状態に戻せる圧縮方式)を採用していますので、圧縮時の画像データの損失がありません。
* 対応ブラウザはネットスケープ、インターネットエクスプローラー共にバージョン4.0以降からです。(表示するためにプラグインを必要とするWEBブラウザがあります。)




その他

ホームページ作成に必要な道具


ブラウザイメージイラストウェブブラウザ
(ホームページを表示させる為に使います。)
インターネットエクスプローラー(3.0以上推奨)
ネットスケープナビゲーター(3.0以上推奨)
* ホームページを公開する際に両方のブラウザで確認できることが望ましいので、できれば両方を用意します。
テキストイメージイラストテキスト用エディタ
(HTML言語を記入する為に使います。)
Windowsに付属のメモ帳やMac OSに付属のシンプルテキストなど。
* 基本的には、テキストファイルが作成できて、ファイルの拡張子に「.html」または「.htm」の拡張子を付けられるアプリケーションであれば、作成することができます。
* 他にWord、一太郎、秀丸、hypereditなどが代表的です。

FTPイメージイラストFTP用ソフト
(アレスネットのサーバーにホームページに必要なデータをアップロードする為に使います。)
WS-FTP、 FTP-エクスプローラーなどが代表的で、フリーソフトがたくさん出ています。
画像ソフトイメージイラスト画像を扱えるソフト
(ホームページに表示する画像を作成したり、写真を加工したりする為に使います。)
Paint Shop Pro 4.0J、 Photo Shop、 GIX
などが代表的ですが、フリーソフトもたくさん出ています。
GIFとJPEGの両方が扱えるものが便利でしょう。




HOME B-BOX INDEX ホームページの開設方法
ATTENTION

このサイトに掲載されているプログラム名は、一般に各メーカーの登録商標です。
本文中では、TM、Rマークは明記しておりません 。
本文中で紹介する製品その他に関しては、仕様変更・その他により、内容が変更される場合があります。
ご購入またはご契約前にメーカーあるいは販売店などに確認して下さい。
当該部分において発生するトラブルに関して、弊社はいっさい責任を負いません。
Copyright (C) ejworks corporation All rights reserved