スタイルシート(CSS)・HTML・ホームページ作成について

夕食のおかず,献立 レシピ
HP作成のお話

★ HP作成のお話 ★


ホームページ作成のお話

私はWEBデザイナーでも何でも無く ( 見れば分かるか (ーー;)

ただ 「 夕食のおかず・献立の ヒントになるようなHPがあれば 」と思い、

趣味でHPを作成しているだけなのですが、

HPを作ったのは当サイトが始めてで、それまでまったくHP作成の知識が無かった為

最初は何から手を付けてよいのか解らず、とりあえず お決まりの

「Dreamweaver(ドリームウィーバー)&Photoshop(フォトショップ)」という、王道コンビを購入。


その後 先ずは簡単なタグ・HTMLの基礎を一通り覚えました。


次にDreamweaver・Photoshopの一通りの操作を覚え、さぁ作るぞ!!

と、いう時になり 「Table (テーブル)で作成するか・CSS(スタイルシート)で作成するか? 」

と、いう これまたお決まりの事で悩みました。


色々な人の意見・情報を見聞きした結果、これからはCSSを勉強した方が良いのかな?

と思い、CSS(スタイルシート)での作成法を勉強し、当サイトを作るに到ったのですが、

その当時に思ったのが 「初心者にもわかりやすく説明されている本が少なかった 」ということ。


(※今は HP作成の本など良いものが沢山出ています。私が勉強していた頃の昔の話です)


私も何冊か参考書を買ったのですが、どれも情報量は多いのですが

初心者にはイマイチ解り難く、とっつきにくい。


そんな中でとても参考になって解りやすかったのが

「HTML&スタイルシート・プロ顔負けのホームページ作成術」という本です。


この本を読んで やっと全体像が掴めたというか 「あぁこーゆーことね」と納得する事が出来ました。


「 以前CSSを試みてみたものの イマイチよく解らなかった 」という方がいたら

この本を読んでみると良いと思います。とても解りやすく、初心者にも優しく書かれています。


また、「ホームページを作成してみたいが、難しそう」と思っている方は 結構多いのでは?と思いますが

HTML・CSSなど 初めて見る時は「 何コレ? 英語? 暗号? チンプンカンプン 」と思いますが

HTMLでも 実際によく使うタグは数える程度で、CSS・スタイルシートにしても、

一度基本を理解できれば あとは応用なので、決して難しいものではないと思います。

このサイトもそうですが、 私はフラッシュや PHP、CGI、Javaスクリプト等は、 一切使ってないです。

HTMLとCSSの勉強だけで精一杯で、これ以上覚えられない ^^; というのも 本音ですが

HTMLと少しのCSSを覚えるだけでも、十分ホームページは作れるものです。


ネットで Dreamweaver(ドリームウィーバー)、Photoshop(フォトショップ)で検索すると

画像付きで 解りやすく説明してくれるサイトさんが沢山あります。


私がDreamweaver(ドリームウィーバー)を勉強する時、参考にした

おすすめサイトさんを紹介します。



サイトの管理人である 西村さんは 「その道のプロが貴方をガイド」 の
キャッチフレーズで有名な 『All About 』 で CSSテクニック・ホームページ全般に関する記事を書いている方です( 私も最初All Aboutで知りました )

ともすると 解り難くなってしまうCSSを わかりやすく やさしく説明してくれるので
初心者の私でも 西村さんの説明は解り易かったです。

この人のおかげで CSSを理解できたと言っても過言ではなく 本当に感謝してます

西村さんは 上でふれた、私のお勧めの本
HTMLスタイルシート プロ顔負けのホームページ作成術の作者でもあります。

特にCSSを使って ホームページをレイアウトしたい方には ピッタリです。


あと、作成するにあたって 注意しなければならないことは
閲覧するWeb ブラウザによる 見え方 ( レイアウト ) の違いです。
IE( Internet Explorer ) を使用して WEBを閲覧する人が圧倒的に多く、レイアウトも
一番崩れにくいプラウザです。HPを作っている方もIEを使用している方が多い為
IEでレイアウトが崩れているHPは めったに無いと思います。


IEに次いで シェアが多いのが Mozilla FireFoxです。
IEだと 問題無く思った通りに表示されている箇所が、FireFoxだと「アレ?」っと、
思った通り表示されないことがあります。IEに次ぐ普及率なので ホームページを作成する際は
Mozilla FireFoxをダウンロードして 作成したHPをテスト表示させてみると良いです。

IE・FireFoxの他にも Netscape、Opera、MozillaなどのWEBプラウザがありますが
私もそこまでは 確認していません。
( WEBデザイナーなど 仕事で依頼されている方は確認していると思いますが )


Mozilla FireFoxは こちらでダウンロードできます。
レイアウトの崩れた箇所は ホームページを全て作成した後に気が付いて直すのは大変面倒です。
作成している過程で そのつど確認していった方が 後々直さなくてすみ、ラクですよ。




他にも HTML・CSSなど ホームページ作成に関するサイトは沢山ありますが、
私はやっぱり 解らない箇所は そのキーワードをネットで入れて検索し 調べていました。
なので 意外と? 役に立ち、よく参考にしたのは「教えてgoo」だったかもしれません^^;


photoshopのページに戻る


夕食のおかず.com献立レシピTP > Photoshopデザインギャラリー >スタイルシート・CSS








Copyright:(C) 2007/8/30 夕食のおかず.com 献立,レシピ All Rights Reserved.
★当サイトの画像・写真・文章は 全て管理人すみれが作成・撮影しており、無断転用・転載・使用を禁じます 2007/8/30 夕食のおかず.com 献立,レシピ



夕食のおかず.comへようこそ♪定番の 献立,レシピを紹介しています