2011-02-01から1ヶ月間の記事一覧

 リベンジ

テンプレートのリベンジはやはりできなかった・・・。 headerとwrapperの間に隙間が空いてしまうのはなぜなんだろう。 そしてfooterはcontainerからはみ出ている。 16pxずれてるようなのでwrapperの前後に8pxずつ間が入ってるってことかな? marginとかline-…

パディング

パディングは内側へ マージンは外側をという概念だと思ってた。けど……。パディングは内側を広げていくけど見た目は大きくなるので widthを指定したときにパディングの両サイド分も足してあげないと レイアウトが崩れるらしい。

ソースをそのまま表示する

そうだったのか!! 23日につぶやき的に書いたけど どうやったらhtmlのソースをそのまま反映させればいいのかわからなかったけど はてなの記法を見ていなかったからだったとは。 時間がある時にと思うとやはり後回しになってやらないことが多くなってしまうの…

初Photoshop

楽しかった! まだ初歩でついて行けるからだろうけど イラストレーターより向いてそう。 というのもイラストよりも写真が好きだからだろうか。 でも取り扱いが難しいし沢山のことができそうだから またついて行けるかしら・・・。がんばろー!

そうだったのか!!

自分のPCで写真をコマージュしたり編集すると 画像が粗くなると感じていたけどこういうものなのかと 諦めつつ、どうにかならないものかと思っていた。 その答えが今日判明した!! 拡張子がjpgだからだったとは。 そもそもつい最近まで拡張子じたい知らなか…

color

光の三原色 R(赤) G(緑) B(ブルーバイオレット)RGBそれぞれの色がオンオフ(00)で表すので 6桁(ヘキサデシマル)になる。 0〜9A〜Fを使用(16進数) 最初の数が0だと濃いいろでFだと薄い色になる。

スタイルの初期設定をリセットする

(表示の1列の間隔が狭くなる)<style> <!-- * { margin: 0; padding: 0; } −−> </style>

タイプセレクタ

body{ font-size: 1.5em; color: #F00 }idセレクタのときは# classセレクタのときは.<!-- h#black { color: #FFFFFF; background-color: #000000; } h2#gray { color: #000000; background-color: #EEEEEE; } −−> <h1 id="black">黒字に白い見出し</h…

スタイルを指定する基本となる書式

セレクタ{プロパティ:値;} <head>の中に<title>と<style> <style>の中に<!--コメントタグ--> セレクタ名(タグ(要素)じゃない){改行 Tab→プロパティ:値; }

グループ化

要素(ブロック要素) h1 p h2 p ul p インライン要素 a li img などhtmlはどこのフォルダの中のどのテキストかと詳しく書いていこう! container レイアウトを揃えたり大きなものを囲むもの header ロゴとか社名とか nav navigation wrapper 左右の配置など…

ひとやすみ

ブログを書いていてhtmlをそのまま書きたいと 書いてみると、記事をアップしたときに反映されてしまって なかなか書けずとりあえず試行錯誤で書いてみた2日間。 そのうち、どうしたらいいか分かり、解決できるだろう……。それから毎日html以外にもイラストレ…

スタイルシートのレイアウト

スタイルシートのレイアウトで それぞれに幅と高さと色を指定して 優先順位の高いcontentを右側に配置する方法コメントタグの中#container { width: 800px; height: 600px; background-color: #F00; margin: 0 auto; } #header { width: 800px; height: 15…

color

光の三原色 R(赤) G(緑) B(ブルーバイオレット)RGBそれぞれの色がオンオフ(00)で表すので 6桁(ヘキサデシマル)になる。 0〜9A〜Fを使用(16進数) 最初の数が0だと濃いいろでFだと薄い色になる。

スタイルの初期設定をリセットする

(表示の1列の間隔が狭くなる)<style> <!-- * { margin: 0; padding: 0; } −−> </style>

タイプセレクタ

body{ font-size: 1.5em; color: #F00 }idセレクタのときは# classセレクタのときは.<!-- h#black { color: #FFFFFF; background-color: #000000; } h2#gray { color: #000000; background-color: #EEEEEE; } −−> <h1 id="black">黒字に白い見出し</h…

スタイルを指定する基本となる書式

セレクタ{プロパティ:値;} <head>の中に<title>と<style> <style>の中に<!--コメントタグ--> セレクタ名(タグ(要素)じゃない){改行 Tab→プロパティ:値; }

グループ化

要素(ブロック要素) h1 p h2 p ul p インライン要素 a li img などhtmlはどこのフォルダの中のどのテキストかと詳しく書いていこう! container レイアウトを揃えたり大きなものを囲むもの header ロゴとか社名とか nav navigation wrapper 左右の配置など…

はじめの第一歩

webクリエーターを目指して基礎科を受講し初めてのブログ。 今日の一歩は大きな一歩カモ。

ブログスタート

今日からついにブログを始めることになった。 どう書いたらいいのか 何をかいたらいいのやら・・・。 今日の復習 HTML index.html ulでリンクを作成 アンカーはliで挟むa href="table.html">表組のページリンク a href="a/image.html">画像ボタンへリンク a …

小見出し

番号なし箇条書き 番号つき箇条書き

記事タイトル

大見出し