事情があって、CSSでサイトを組む勉強をしなければならなくなったのですが、本を見てもチンプンカンプンで理解が出来ません。。
今までCSSは、HTMLでサイトを作る時にフォントの色やサイズ・リンクなどを指定したりするのに使っていただけです。本も買ってみたのですが、頭に???が浮かんで、どうも理解できません。昔から、理数系は全くの苦手でPHPなどのプログラミングも全然ダメで・・・。
最初は「やる気さえあれば!」などと思っていたのですが、あまりにも分からないので、「こういう系が苦手な私には、いくら頑張っても理解できないのかも」と思ってしまいます。
CSSでサイトを組む方法を詳しく解説しているサイトなどないかなと思って探してみたのですが、思うように見つからず、もしかしたらみなさんご存じないかなと思って質問させていただきました。初心者にオススメの本やサイトをご存知の方がいらっしゃいましたら、ぜひ教えていただきたいです。
またプログラミング系がチンプンカンプンでも習得できるか、おすすめの勉強方などもご存知の方がいらっしゃいましたらアドバイスお願いします。ほんと凹んでいるので・・・(>_<)
No.3ベストアンサー
- 回答日時:
ずばり他人の作ったHTMLとCSSを覗くのをオススメします。
こういう配置はこうすれば出来る、みたいなのを単純明快に理解できます。
正直、本を読んだところで、colorで文字色を指定する、みたいな各プロパティの解説が載っている程度で、全体的なデザインが出来るようになるとはとても思えません。
せっかく、見れるんですから覗きましょうよ。
デザイン自体をパクるわけじゃないんですし。
No.5
- 回答日時:
#2です。
補足ありがとうございました。つまり、テーブルレイアウトなどをやめ、HTMLは必要最小限にしてデザイン要素は全てCSSで記述する、という事ですね。
他の方の回答にもあるように、実際のサイトを見て分析してみるのが最短・最良の方法だと思います。
HTMLとCSSの記述と実際のブラウザでの表示を見比べながら、「こう記述するとこう表示される」というのを一つ一つ確認し、実際に同じように記述してみる。その際には、配置に関わる数値などを変えてみて、ブラウザ上の表示がどのように変化するかを自分で確かめてみて下さい。
この作業の繰り返しで徐々に理解出来てくると思います。
実際私もこのようなやり方で覚えました。頑張って下さい。
No.4
- 回答日時:
ああ・・・
DIVとかで組むってことですか。
方法自体はとほほさんのサイト等にももちろん解説されてますが、まずは実際のページを参考にしたほうが早いと思います。
ページをブラウザから保存すればcssも一緒に保存されますから、ソースを見たらどうですか。
No.2
- 回答日時:
的外れな回答だったらごめんなさい。
#1さん同様、「CSSでサイトを組む」という意味が私もわからないのですが、もしかしてあなたのおっしゃる「CSSでサイトを組む」というのは、外部スタイルシートを用いてサイト内のHTMLファイルのデザインを一括管理する、という意味でしょうか?
もしそういう事なら下記のサイトなどを参考にしてみて下さい。
http://www2j.biglobe.ne.jp/~apollo/css/style3.html
http://www.shoshinsha.com/hp/ref/css/css_outr.html
http://hpb.cool.ne.jp/hpbuilder/ss_gaibu.htm
http://ykr414.com/css/style00c.shtml
この回答への補足
説明の仕方が悪くてすみません。
外部スタイルシートで一括管理という意味ではなくて
テーブルなどのHTMLタグを使わずに、CSSだけでサイトをデザインする(作る)という意味です。
ブログなんかはCSSでデザインされてますよね?そのことを言いたかったのですが・・・。本で言うとhttp://www.su-jine.com/amazon_details/4839915016 …こんな感じです。
それとも、#1さんの回答の通り私は何か勘違いをしてるんでしょうか?
No.1
- 回答日時:
私もホームページを開設していて、CSSを使用しています。
> CSSでサイトを組む勉強をしなければならなくなったのですが
意味がわかりません。そもそもカスケーディング・スタイル・シート(略してCSS)は
> 今までCSSは、HTMLでサイトを作る時にフォントの
> 色やサイズ・リンクなどを指定したりするのに
> 使っていただけです。
という使い方が正しいのです。
HTML で文書の論理構造を規定し、CSS で見た目(スタイル)を規定するのです。
私には、CSSでサイトを組むこと自体が間違っているのではないかと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS お金をあまりかけずにプログラミングを勉強する方法を教えてください。 こんにちは。 Webデザイン系の 3 2022/08/05 03:22
- その他(プログラミング・Web制作) 次に、楽天のアジャイル就活に参加して、1日で内定を獲得できる。私は大企業に就職できる? 2 2022/04/17 13:38
- モニター・ディスプレイ ディスプレイアダプターが2個あります。対処法を教えて下さい。 1 2022/11/06 16:15
- その他(プログラミング・Web制作) このWEB用語、WEB文章、意味が分かりますか? 理解できない人が多いようなんですが・・・ 7 2022/10/22 09:13
- Excel(エクセル) ExcelのFSO(ファイルシステムオブジェクト)について学びたいのですが。。。 5 2022/12/15 18:06
- Windows 10 パソコン得意な人どうやって勉強したか教えてください 13 2022/04/26 00:41
- HTML・CSS サイトをマルチデバイス対応にする為の準備や、CSSなどのおすすめサンプル集やアドバイスを頂きたいです 1 2022/07/13 22:15
- オープンソース IT用語、ソースとオブジェクト、改変と翻訳と翻案の違いなど どのようにりかいすればよいのですか 1 2022/09/09 10:02
- 宅地建物取引主任者(宅建) 未経験・知識ゼロからの宅建取引士勉強方法について 2 2022/06/10 14:38
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
cssファイルの名称付け
-
jspにcssを反映させるには
-
スタイルシート(CSSスタイル)...
-
ディレクトリ構成【「common」...
-
16x16のスプライトフォント
-
マイクロ(μ)の文字を半角で出...
-
outlook 文字を揃えたい。tab...
-
教えてください。
-
ペイント3Dのテキストサイズ変更
-
「MS Pゴシック」と同じ幅の...
-
テキストエディタmiの表示文字...
-
テーブル内の文字サイズを変更...
-
Illustratorで作成、pngで保存...
-
入力規則のリストの文字の大き...
-
似ているフォント(Win⇔Mac)
-
メールで、榊の文字を木辺に神...
-
WEBでのフォーム入力後の印刷
-
ワードでゴシックの文字を太く...
-
テキストファイルの行を指定し...
-
画面キャプチャ印刷
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
cssファイルの名称付け
-
jspにcssを反映させるには
-
ディレクトリ構成【「common」...
-
サイトを作る時のcssファイルは...
-
HTMLの CSSのファイルというの...
-
cssで、ボタンのテキスト部分を...
-
複数のhtmlで同じcssファイルを...
-
cssファイルを階層の異なるHTML...
-
WindowsとMacで違うCSSを読み込...
-
cssが反映されません
-
一部のページにデフォルトCSSを...
-
エクセルファイルにCSSを読み込...
-
定数の定義とかはできますか?
-
ブラウザでプレビューでCSSが反...
-
範囲指定印刷での位置(css)
-
スタイルシート(CSSスタイル)...
-
ドキュメントルートより上の階...
-
Dreamweaver のテンプレートで...
-
【CSS】スタイルやクラスがどの...
-
cssは複数作る?
おすすめ情報