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

★ 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」だったかもしれません^^;

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