クリエイティブの部屋コミュの進捗状況

とりあえず、なにはともあれ参考書がいるだろ。

、、、と思い購入。

『Webデザインの基本ルール　プロに学ぶ一生枯れない永久不滅テクニック　』
￥1800
デザインラボ

当面はこれを参考に勉強をすすめようと思う。
一冊でレイアウトや配色のデザイン面とCSSとかXHTMLの技術面をカバーしているので、そういう意味ではいいんじゃないかな、スターターセット的な意味で。

ここでは基本的に技術面で理解した部分をまとめていこう！！
↑誰だお前www

コメント(1)

最初
全て
最新の40件

[1] mixiユーザー 07月09日 16:23

とりあえず、本で読んだ知識をまとめようと思う。

前述のように参考書はレイアウトとWeb技術の二本立てだから、最初は省く。
よってLesson４ Webページの制作から書きます。

Lesson 4 - Webページの制作 -

【WebページはCSS＋XHTMLで制作する】

従来はHTMLが一般的だったが今の主流はXHTMLっていうのとCSSってのらしい。

まあぶっちゃけいろいろはぶいてまとめると

従来では

HTML＝　データ情報＋デザイン定義

だったのが

XHTML(eXtensive Hyper Text Markup Language)＝　データ情報
CSS(Cascading Style Sheets)＝　デザイン定義（レイアウト情報・文字スタイル情報・カラー情報）

として、コンテンツの内容とそれの見栄えを分離する方式に変更した！！！

これのメリットは、

・メンテナンス性が向上する
→これまで色の情報もコンテンツの情報もみんな一緒に書きこんでいたから、後で赤から青にしたいなーってときは、全部書き換えなきゃいけなかったんだけど、デザイン情報とデータの情報を分離することで、自由度が上がったてわけ。

【文字コードと文字化け】

【Webページで使用する画像ファイル】

とりまサイトでは画像とか使うんだけど、一口に画像と言っても様々な形式がある。形式ごとの特徴をおさえて、なるべくサーバーに負担の少ない、そして、見栄えのいいサイトにしましょうってハナシ！！！！

・GIF＝　一番軽い。つまり負担が少ない。しかし256色しか表現できないためカラー写真には向かない。

・JPEG＝　現在最も広く使われている。そしてキレイ。JPEGの特徴は画像が圧縮されていることだけど、この圧縮率を操作することで画質を変えることができる。しかしJPEGには欠点もあり、編集・保存を繰り返すと画像が劣化し、さらに一度劣化した画像は元に戻せない（不可逆圧縮）。怖いですね。。。。

・PNG＝　あまりつかわん。シカトで。

いちおここまで！！

ログインすると、みんなのコメントがもっと見れるよ