ＨＴＭＬ、スタイルシート（ＣＳＳ），その他の習得の指針

　当ページは　これからＨＴＭＬ　ＣＳＳを習得してみたい　と考えている全くの初心者向けです。
　限られた紙面の当ページでレッスンをするわけにはゆきませんので　おおまかに　HTML　CSS　を習得するための簡単な指針を述べます。　 　また他にどんなことを知っていたらいいか　等も簡単に付け加えておきます。

　 　 　多くの良い手引書が市販されています。
　　文章を作成しながら覚えてゆく手引書を選ぶことをお勧めします。　　そうすると最初の日からでも簡単なページが作れます。
　普通はWINDOWSに付属している　メモ帳　を原稿用紙として使用します。　エデｲター　editer　 と言います。 　この　editer　にＨＴＭＬを書き込んでいきます。　
ページの骨組みを作るランゲージでおのおの文字列をタグと呼びます。
　タグの種類はさほど多くないので毎日少しずつやれば、写真の貼り付け方を含め１ヵ月もかからずに ほどんどマスターできます。
つまり一日一時間ばかりの学習を一ヶ月ばかり続ける決心をしていただきたいのです。
　ＨＴＭＬだけで立派なホームページが出来上がります。　ＷＥＢ上ではＨＴＭＬだけで作成されたＨＰは数多く存在しています。

　またホームページビルダーなど　市販のＨＰ作成ソフトを使用する場合でも、ＨＴＭＬの知識だけはをつけておくことをお勧めします。　
ことに　Google　や　Yahoo や　Bing などの検索エンジンでの　検索上位表示　を目指すにはＨＴＭＬを習得し、　エデｲターediter　を編集する知識をつけておくのが必須といえます。
また　ブログの場合も検索上位表示を望むなら　HTMLの知識が必要です。

検索上位表示　（Googleなどの検索エンジンで１ページ目や２ページ目にあなたのWEBページが表示されること）　を目指す場合は別ページをご参照ください。

　ＨＴＭＬだけではページの体裁が物足りなくなりますので　ＣＳＳ（スタイルシート）なるものを習得することになるとお考えください。

　ＨＴＭＬをある程度習得したらページ作成にかなり慣れてきますので、ＣＳＳは容易に習得 できます。　
　現在ではＨＴＭＬとＣＳＳを併用するのが普通で、両方について記述された手引書がほとんどなので一冊ですみます。
　しかしＨＴＭＬをある程度習得した後でＣＳＳに取り掛かるようにしてください。
　WEBページ上の「見栄え」を定義するための技術です。 見ばえは HTML ではなく、スタイルシートで 記述しようというのが開発の理由です。
　ＨＴＭＬでも例えば、文字のサイズや色、など様々の装飾が可能ですが、ＣＳＳではより細かな装飾を 可能で、より美しく整ったページが出来上がります。
　ＨＴＭＬ，ＣＳＳを十分に習熟すればプロ級のＷＥＢサイト作成も可能です。

　閲覧者の心を引くためには　画像というものが有効なので　写真やイラスト　を取り扱わざるを得ません。
　自前のデジカメ写真を活用するのがよいでしょう。

　イラストの場合　ＷＥＢ上で無料でコピーやダウンロード可能なサイトが多数あります。　　ただし無料をうたいながら　　著作権を主張するサイトや　うるさい条件を並べたサイトのものは避けるのが賢明です。
　 　またＨＰ作成ソフトのホームページビルダー（ＩＢＭ）等には豊富な写真やイラストが用意されており、 　それらをを借用してもいいと思います。

　拡張子は写真は jpg が普通ですが　イラストでは　gif　がよく使われます。 また最近は　　png が使われることも多くなってきました。　
　拡張子とか　jpg　とか難しい用語と思われるでしょうが・・・・。
これはＷＥＢをつかさどるサーバーで　画像やテキストの種類を見分ける記号のようなものです。　　　テキスト（文章）は　html、　画像は　jpg, gif となるわけです。
　デジカメ写真はパソコンには自動的に　jpg という拡張子で保存されますので　あまり難しく考える必要はありません。
　なおどんな拡張子でも必ずは半角小文字にしてください。
　デジカメ写真はバイト（byte)が大きいので、　１ページに多く使う場合は画像ソフトでサイズダウンをしてバイトを縮小し、　そのページのバイトが大きくなり過ぎないようにすべきです。　　WINDOWS 付属の画像ソフトのペイントでも可能なはずです。
　　バイト(byte) とは情報量ですが　簡単にいえば重さのようなものです。

　ファイル転送プロトコル　と難しい名前がついていますが、プロバイダーのサーバーにファイルを送る 手段として使われるソフトです。
　お勧めは　ＦＦＦＴＰ という優れたソフトで、　ＶＥＣＴＥＲ等から無料でダウンロードできます。
　プロバイダーから提供されたホームページアドレスその他必要事項を記載し、サーバーに アップロードします。　　とても簡単にアップロード出来ます。

　以上で立派なホームページが実現します。

ところでサイトに動きをつけてもっと生き生きとさせたい、と思い始めたら・・・。 　 　プロのＷＥＢ作家からは時として、　軽量お手軽プロミング言語　と揶揄されることもありますが、　多くのＷＥＢサイトで採用されている重要な言語です。
　スクリプト言語とかインタープリター言語と呼ばれ、　他のプログラム用言語よりも簡単なので、　　初心者が学ぶには適した言語といえます。
　クリックで画像や文字列を拡大させたり、　点滅させたり、　上下左右に動かしたりその他さまざまな動きをプログラム出来ます。
　お手軽とは言ってもプログラミング言語ですから、　習得がとても簡単というわけにはゆきません。
　当初は手引書のサンプルの記述そのままに記述し、　とにかくサイトを作ってみることから始めればいいと思います。　その手引書にそって幾らか数をこなしているうちに少しずつ分かってきます。　
　多くのコマンドがありますが、　プロのＷＥＢデザイナーを目指すのでなく、アマとして楽しむだけなら、　そのうち面白いと思うものだけを幾つか選んで習得する程度でいいでしょう。

＜　縦書テキスト　＞
Webページでは縦書きは不可能と思っている人が意外に多いようです。　　しかし　縦書は可能なのです。
日本語は歴史的に縦書として発達してきました。　現在でも新聞や書籍など大半が縦書です。　Ｗｅｂ上でもっと縦書テキストのページがあっても良いのではないでしょうか。　
ただ　インターネット・エクスプローラー（ＩＥ）系のブラウザーのみしか対応していないようです。　しかし、日本でブラウザーの９０％以上がＩＥ系です。　
　ＣＳＳで指定し、　作成は意外なほど簡単です。
随筆などを縦書で書いてみてはいかがでしょうか？
筆者は縦書きのページを多少作成していますのでご覧になってみてください。　（　トップページのサイトマップを参照してください）

＜ＥＸＣＥＬ．ＷＯＲＤ＞
　ＥＸＣＥＬ、　ＷＯＲＤ（印刷レイアウトの場合）　はホームページに出せないと考える向きが多い ようですが不可能ではありません。　普通に文書を作成してＨＴＭＬ文書と同じ方法でリンクすれば出てきます。　ダウンロードという形をとります。
エクセルは　xls ワードは　doc 　という拡張子をつけ、　indexページ　にリンクすればＯＫです。
ただ、　閲覧するがわのパソコンに　EXCEL WORD 　がインストールされている必要があります。
筆者はこの件でも実験的にページを作成していますのでご覧になってみてください。

　 ＜ホームページという言葉＞
　いわゆるホームページという言葉は日本だけで使われ、正式にはＷＥＢサイトといいます。　ＷＥＢサイトの各ページはＷＥＢページです。
　　 本来ホームページとは多くのページのリンクの元になる一つのページ　つまり　indexページ　のことです。　（野球のホームベースのようなものといえば分かりやすいでしょうか）。

＜検索表示上位＞　
　せっかく工夫を凝らしてホームページを作成しても　ひとにその存在を知ってもらわないと誰にも見てもらえません。
　　ＷＥＢにアップロードすれば広く閲覧してもらえる　と簡単に考えているひとが多いようですが　そんなに簡単なものではありません。
　ですから　Google 　Yahoo 　Bing　などの検索エンジンにあなたのサイトが上位に表示されたいものです。
　あなたのサイトが　商業上のものなら勿論ですが　趣味で作成したものでも　多少はそのための対策を講じるべきです。
　そのため最低限にして有効な方法を述べたページがあります。

追記　　　＜デジカメ写真のサイズダウン＞
最近　デジカメの性能が向上し　そのぶん解像度がとても高くなる傾向にあります。
パソコンに取り込んだ解像度の高い写真をそのままＷＥＢに使用すると　とても重いためスムースに動かなくなります。　　特に 複数枚を張り付けると画面が動かなくなるといったようなトラブルを招きます。
デジカメ写真をＷＥＢで使用する場合は　サイズダウンが必須です。
WINDOWSに付属の画像ソフト　　ペイント　でとても簡単にサイズダウンが可能です。　　 ペイントを開き
　（１） 「ファイル」「開く」で写真を呼び出します。
　（２）　メニュー　の「サイズ変更」をクリックし　５０％とか２０％とかを縦横比を
　　　　同じ数字で指定します。
以上の手順でコンパクトな写真になり　ＷＥＢ上で快適に動作するようになります。

---

　 検索上位表示を目指すには　 　


トップページ（当サイトのサイトマップ）　へ

*****************************************************

筆者が作成しているＷＥＢページの一例です。　ご覧になってみてください。
随筆　枕草子　春
随筆　枕草子　夏
戦艦武蔵
随筆　戦艦大和
外来生物 　　・・・　　ワードの縦書き文書です
猫や犬のイラスト集（無料イラスト）
イラスト工房ユニ