サイト内検索

...HTML・XHTMLタグ...

ホームページを始める前に

ホームページ作成とWeb制作の違い

ホームページはWebサイトの別称

ホームページ作成とWeb制作の違い
「ホームページ作成は文書的な情報提供のサイト」の意味
「ウェブサイト制作は芸術としてのデザイン性のあるサイト」の意味
パズルベンチャー(難解への挑戦)より

各ブラウザの表示のされ方

ブラウザ(safari・opera・IE6・IE8など)によって
同じソースを書いていても、表示のされ方は、ブラウザによって少しづつ違いますので、
各ブラウザで確認しながら、ソースを書くことをお勧めします。
IETester
IETester・・・IE5・IE6・IE7・IE8が同時に確認できます。
「Download IETester v0.3.5 」よりダウンロードします。
firefox
Firefox ブラウザ無料ダウンロード
opera
Opera web browser - download
safari
safari
Google chrome
Google chrome
Lunascape6
Lunascape6
CSS Lecture
ホームページを初めて作る時にすごく参考になるサイトです。
各ブラウザに適応するように
CSSビギナー向けのコーナーには、
最初に指定しておいた方がよいCSSの指定方法が、詳しく書かれています。

サーバーに登録する

FTPの準備

ページ(.html)をサーバーに送るソフト
FFFTP
sota
FFFTPの設定方法は、こちらをご覧ください。
FFFTPの使い方は、こちらをご覧ください。
Auto FTP
autoftp
TidyFTP
Project2
TidyFTPの設定方法は、こちらをご覧ください。
練習用のページの名前に「.db」をつけておくと、アップロードされないので、
ページ数が増えてきたときに、時間の短縮ができます。
「フォルダ名.db.html」

エディタの準備

テキストエディタ(メモ帳のようなもの)・・ TeraPadなど
色別して表示されるので、見やすくて使いやすいです。
TeraPadの使い方
Project2
プレビュー機能・タグのチェック機能などが付いています。
(xhtmlにも対応しています。)

フォルダ作り

使用したサイトをフォルダに一緒に入れておくとわかりやすいです。

[ページ(サイト)の取り込み方]

  • ツールバーの「ファイル」をクリックします。
  • 「名前を付けて保存する」をクリックします。
  • 保存場所を決めて保存をします。
これで保存ができます。

文字コードの統一

HTMLファイル・スタイルシート(css)のファイル・Javascriptのファイルの文字コードは、
同じ文字コードに統一します。
《例えば》
HTMLファイルの文字コードが、「UTF-8」の場合
スタイルシート(css)のファイル・Javascriptのファイルも「UTF-8」にします。

著作権

他のホームページでお借りした素材などは、著作権問題のこともあるので、
使用するときは、お借りしたサイトに連絡したり
ホームページのどこかに
お借りしたサイトのアドレスを書いておくとよいと思います。

Copyright c 2007.10.01 luc All rights reserved.