top

canban
「田園調布床や談義」では、パソコンご利用の方は英語・ドイツ語の単語をダブルクリックすると、発音が聞けるようになっています。
HTMLソース
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">　 <HTML lang="ja">
＜ lang="ja"（日本語）ー　lang="de"（ドイツ語）ー　lang="en"（英語）のページということです。＞
<HEAD>
<TITLE>タイトルを書く</TITLE>
</HEAD>
<BODY>
<H1>これがホームページです。</H1>
<H1>HTMLの記述例</H1>
見出しは<H1>から<H6>まで６段階に設定することが出来ます。
<P>HTMLはこのように記述されます。</P>
段落の始まりに<P>を記入し、段落の終わりに</P>を記入します。

<H1>TABLEタグの記述例</H1>
<TABLE border="1">
<TR>
<TD>これは表です</TD>
<TD>これは表です</TD>
</TR>
<TR>
<TD>これは表です</TD>
<TD>これは表です</TD>
</TR>
</TABLE>
<A href=" http://home.b00.itscom.net/barber/">これはリンクです。</A>
</BODY>
</HTML>

<!DOCTYPE>･････ドキュメントタイプを宣言する

これはDTD（Document Type Definition）と呼ばれるもので、「文書型の定義」を意味します。 <!DOCTYPE>はDTDを宣言するために、文書の先頭（タグよりも上）に記述します。

HTML(Hyper Text Markup Language)とは、ハイパーテキスト形式のファイルをWebブラウザで表示させるための言語（Tag）タグです。http(Hyper Text Transfer Protocol)はハイパーテキストの転送手続きです。 Google では、「https」というデータを暗号化して、送受信する最先端のサービスに力を注いでいます。https を設定する場合は、サーバー会社に相談しましょう。

改行（break）など、英語のスペルを元にした名前が付けられています。<HTML>から</HTML>までは基本的な構成です。ブラウザに表示する部分は<BODY>から</BODY>のタグではさみます。<TITLE>タイトルを書く</TITLE>

これをHTMLソースと言います。ブラウザの[表示]→[ソース]で、［ページソース］を選ぶことで表示されます。WWW（world wide web）・ワールドワイドウェブに有るホームページのソースを参考にいろいろ挑戦してみましょう。

 

hand 「これがホームページです。」

Mac をお使いの方は、ハードディスク内のアプリケーションフォルダに入っている「テキストエディット」をダブルクリックして開いて下さい。そして上記白面の部分をコピーペースして、ファイル名は「index.html」で保存して下さい。保存した「index.html」をダブルクリックしブラウザで開くと、「これがホームページです」。日本語以外はすべて、半角英数文字になっています。

hand 「HTMLタグを使ってホームページをデザインする。」

<TABLE>テーブルタグはホームページデザインのレイアウトには応用度の高いタグです。分かり易い解説があります。

hand「背景色と文字色の作り方」

[文字色と背景色のコンビネーション]BGCOLORバックグランドカラータグは背景の色です。いろいろな色を作ってみましょう。

hand 「アニメーションGIFを作る」/「とほほの画像入門」
「WEBカラーチャート」／「画像のサイズを変更する」／ホームページの背景色や文字色（カラーコード一覧表） ホームページ作成に便利な画像処理グラフィック・ツールがあります。

 

Google
「GifBuilderを使ってGIFアニメーションを作る」

プログラミングの知識がなくても、簡単に個性あふれる自作のGIFアニメーション、アイコンやロゴを作ることができるようになります。上部の検索エンジンを使って探して見ましょう！

hand自分で作ったホームページをサーバーへアップロードするには、サーバからサービスを受けるFTPソフトが必要になります。

FileZilla を使ってFTP(File Transfer Protocol)アップロードする。

FileZilla はリモートサイト（転送先）にファイルを移動するためのファイル転送ソフトです。FileZilla をダウンロードして、ファイルをダブルクリックするとFileZilla が解凍されます。FileZilla をアプリケーション(Application)にドラック＆ドロップしてコピーすれば、インストール完了です。

■FileZilla - The free FTP solution
canban（「FileZilla」の公式サイト）

 

FileZulla を日本語化する。
メニューバーから「FileZilla」→「Setting(設定)」→「Language(言語)」→「Japanese(日本語)」

■必要事項の入力
FileZilla を起動して、「サイトマネージャー」を開きます。半角英数字でそれぞれ下記のように入力し「接続」をクリックします。サーバーに接続するための設定情報は、ウェブサーバーを借りるための契約をした際に、レンタルサーバー会社（インターネットプロバイダー）から通知されてくる情報です。「ASAHIネット」の名称でインターネット接続サービスを全国展開している。東証一部上場のインターネットサービスプロバイダーなどがあります。

ISP（Internet Service Provider）とは、インターネット接続の電気通信サービスを提供する組織のことです。上部の検索エンジンを使って探して見ましょう！私共のホームページ基本容量は 100MB/の内 30.61MBを使っています。

FTPサーバ名ftp01.itscom.net
FTPユーザー名
（FTPアカウント）		f1020503　
パスワードiTSCOM Password
ポート21

そして、ファイルをアップロードするには、リモートサイトのディレクトリ情報欄に対象のファイルをドラッグ&ドロップして、既在のデータを新しいデータに置き換えます。（上書きするといいます。）また、ファイルをダウンロードする場合は、ローカルサイトのディレクトリ情報欄にドラッグ＆ドロップします。

アップロードを始める前にファイル名・フォルダ名には半角英数字、-(ハイフン)、_(アンダーバー)のみを使用してください。また、最初のページには通常index.html(またはindex.htm)というファイル名を付けます。

hand 「ホームページを開設する」

[Yahoo!]の無料で入れる、メンバーサービスに登録すれば、無料でホームページを開設できます。

■ Yahoo!ジオシティーズの無料ホームページサービスに「ホームページ開設ボタン」があります。

Google

国内、海外の検索エンジンに登録して多くの人にあなたのホームページを訪問してもらいましょう！有名なサーチエンジンから、あなたのホームページを検索できるようになります。

hand [Another HTML-lint gateway]

HTML文書の文法をチェックし、採点してくれます。

[Rick's Cafe]はホームページ作成にとても参考になるページです。

 

hand iTSCOM インターネットに関する設定トップ

イッツコムのインターネットサービスをご利用のお客さま向けに、インターネットの接続方法や無線LAN接続方法をご案内しています。