[PR]
×
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
定義リスト（dl,dt,dd）を使いこなす
ozonです。
これまでサイトマップなどを作るときにリスト（ul,li）を使ってたが、
今後は定義リスト（dl,dt,dd）を使っていこうと思う。
この２つの違い、具体例で示そう。
以下のようなメニューを作るとする。
国産メーカー
・トヨタ
・ホンダ
・ニッサン
仮に通常のリストでコーディングすると、国産メーカーの行は
< h3 >などでマークアップし、トヨタ以下は< li >となる。
これはこれで問題無いのだが、構造上、< h3 >と< li >は無関係だ。
アウトプットでは見出しと項目のように見えるが、コーディングの
htmlの構造上では、見出しと項目は無関係だ。
一方で、定義リストを使った場合、全体を< dl >でくくったうえ、
国産メーカーは< dt >、トヨタ以下は< dd >でマークアップする。
メニュー全体が< dl >の傘下に置かれるので、見た目はもちろん、
htmlの構造的にも非常に良い。
つまり、コードを見ただけで、出力がイメージできるってコトだな。
定義リストは、上記のようなメニューに使えるだけでなく、
「日付と出来事」、「用語とその説明」など、日記や用語集などの
ページにも使える。
これまでサイトマップなどを作るときにリスト（ul,li）を使ってたが、
今後は定義リスト（dl,dt,dd）を使っていこうと思う。
この２つの違い、具体例で示そう。
以下のようなメニューを作るとする。
国産メーカー
・トヨタ
・ホンダ
・ニッサン
仮に通常のリストでコーディングすると、国産メーカーの行は
< h3 >などでマークアップし、トヨタ以下は< li >となる。
これはこれで問題無いのだが、構造上、< h3 >と< li >は無関係だ。
アウトプットでは見出しと項目のように見えるが、コーディングの
htmlの構造上では、見出しと項目は無関係だ。
一方で、定義リストを使った場合、全体を< dl >でくくったうえ、
国産メーカーは< dt >、トヨタ以下は< dd >でマークアップする。
メニュー全体が< dl >の傘下に置かれるので、見た目はもちろん、
htmlの構造的にも非常に良い。
つまり、コードを見ただけで、出力がイメージできるってコトだな。
定義リストは、上記のようなメニューに使えるだけでなく、
「日付と出来事」、「用語とその説明」など、日記や用語集などの
ページにも使える。
PR
アフィリエイトでの年収
ozonです。
試算したところ、直近１年でのアフィリエイトの年収は
ざっと400万ってところらしい。
週に２時間ほどパソコンでパコパコやるだけなんで、
かなり効率的な稼ぎ方だろう。
しかし、目標はアフィリだけで1000万。
まだまだ先は長い。
試算したところ、直近１年でのアフィリエイトの年収は
ざっと400万ってところらしい。
週に２時間ほどパソコンでパコパコやるだけなんで、
かなり効率的な稼ぎ方だろう。
しかし、目標はアフィリだけで1000万。
まだまだ先は長い。
Amazonクーポンの使い途
ozonです。
Amazonの報酬はクーポンで貰ってる。
アフィリ関連の書籍購入にはクーポンを使わないので、
けっこうクーポンの使い途に困るわけだ。
あまり本を乱読しないのでね。
価値のある本を繰り返し読むタイプだと思う。
小説は一時の慰みにしかならないので、最近は読んでいない。
というわけで、ニンテンドー３DS LLをクーポンで買おうか、
とも思ったものの・・・ゲームする時間が無いんだよな。
失効まで時間がだいぶあるので、そのうち使い途が見つかるだろう。
Amazonの報酬はクーポンで貰ってる。
アフィリ関連の書籍購入にはクーポンを使わないので、
けっこうクーポンの使い途に困るわけだ。
あまり本を乱読しないのでね。
価値のある本を繰り返し読むタイプだと思う。
小説は一時の慰みにしかならないので、最近は読んでいない。
というわけで、ニンテンドー３DS LLをクーポンで買おうか、
とも思ったものの・・・ゲームする時間が無いんだよな。
失効まで時間がだいぶあるので、そのうち使い途が見つかるだろう。
今月と来月は報酬アップだと。
ozonです。
ASPから連絡があって、報酬をアップしてくれるそうだ。
優良成績者のみのプライベートオファーとのこと。
少しは稼ぎが回復しそうだ。よろこばしい。
ASPから連絡があって、報酬をアップしてくれるそうだ。
優良成績者のみのプライベートオファーとのこと。
少しは稼ぎが回復しそうだ。よろこばしい。
エクセルのグラフをWebページで使用する
ozonです。
fireworksでWeb素材を作成してるんだが、
素材の中にグラフを埋め込む方法を調べた。
驚くほど簡単に解決。
エクセルでグラフを作成し、「webページとして保存」を選択する。
すると、ファイルとフォルダが１つずつ出力される。
フォルダの中に、グラフ部分だけがgifファイルで保存されている。
あとは、このgifファイルをfireworksから読み込んでやればいい。
やはり、グラフを作るなら、餅は餅屋。エクセルで作るのがベスト。
Webデザイナーにもofficeソフトが必須なんだね。
fireworksでWeb素材を作成してるんだが、
素材の中にグラフを埋め込む方法を調べた。
驚くほど簡単に解決。
エクセルでグラフを作成し、「webページとして保存」を選択する。
すると、ファイルとフォルダが１つずつ出力される。
フォルダの中に、グラフ部分だけがgifファイルで保存されている。
あとは、このgifファイルをfireworksから読み込んでやればいい。
やはり、グラフを作るなら、餅は餅屋。エクセルで作るのがベスト。
Webデザイナーにもofficeソフトが必須なんだね。
アクセスランキング
成果履歴
2012/02 642,703円
2013/01 668,780円
2012/12 331,230円
2012/11 247,542円
2012/10 288,633円
2012/09 314,480円
2012/08 237,926円
2012/07 181,065円
2012/06 253,489円
2012/05 665,464円
2012/04 452,864円
2012/03 554,660円
2012/02 386,575円
2012/01 348,123円
2011/12 243,519円
2011/11 280,782円
2011/10 233,750円
2011/09以前は省略