HTMLパーツからHTMLタグへ 【メイン部分編２】
ども、サンデーアマグラマーNorimakiです。
現在、取り上げているテーマはこちら。
「HTMLに変更を加えることなく、スタイルシートだけを変更する
だけでデザインが変えられるテンプレート」
です。前回からメイン部分編に入っています。
今回はメイン部分で使用するであろうタグについて取り上げます。
デザインを担当するスタイルシートでは、今回取り上げるタグ
については最低限スタイルを当てておくということが条件に
なります。
またHTML部分においては、これらのタグについては最低限
スタイルが当てられているという保証を与えます。
・H1～H6タグ
・pタグ
・ul,liタグ
・ol,liタグ
・hrタグ
・blockquoteタグ
・strongタグ
・emタグ
・uタグ
・sタグ
タグというとこんな感じでしょうか。
個人的にはタグはそれほど使わないので、これだけあれば十分かな
とも思うんですけどね。後は必要に応じてデザインをするという
感じになります。
ということで、今回はここまでにします。
ではでは。
Norimaki。
無料ツール（配布期間限定）が手に入るメルマガ発行中です。
登録はこちらからどうぞ
現在、取り上げているテーマはこちら。
「HTMLに変更を加えることなく、スタイルシートだけを変更する
だけでデザインが変えられるテンプレート」
です。前回からメイン部分編に入っています。
今回はメイン部分で使用するであろうタグについて取り上げます。
デザインを担当するスタイルシートでは、今回取り上げるタグ
については最低限スタイルを当てておくということが条件に
なります。
またHTML部分においては、これらのタグについては最低限
スタイルが当てられているという保証を与えます。
・H1～H6タグ
・pタグ
・ul,liタグ
・ol,liタグ
・hrタグ
・blockquoteタグ
・strongタグ
・emタグ
・uタグ
・sタグ
タグというとこんな感じでしょうか。
個人的にはタグはそれほど使わないので、これだけあれば十分かな
とも思うんですけどね。後は必要に応じてデザインをするという
感じになります。
ということで、今回はここまでにします。
ではでは。
Norimaki。
無料ツール（配布期間限定）が手に入るメルマガ発行中です。
登録はこちらからどうぞ
ミニブラウザ Norimaki９号 スクリプトエンジン編
ども、サンデーアマグラマーNorimakiです。
今回はメルマガで取り上げているテーマについて、動画を作って
みたのでブログでもご紹介します。動画作成はなかなか難しいですね。
YouTubeにアップロードしておきました。
ブログに埋め込みたかったんですが、サイズが合わなかったので、
URLを貼り付けておきます。こちらです。
http://www.youtube.com/watch?v=CTJJGi2HauE
今、メルマガでは「ミニブラウザ Norimaki9号」にスクリプト機能を
搭載して、自動化させようというテーマを取り扱っています。
ミニブラウザはテンミニッツサイトストラテジーで無料配布している
ツールですので、どなたでもダウンロードできますが、このスクリプト
機能付きのミニブラウザは開発中ということもあって、メルマガ読者さん
だけにダウンロードURLを公開しています。
で、スクリプトで出来ることというのは自動化なんですが、何を
自動化しましょうか？ということで、とりあえず、無料メールの
取得を半自動化するのが分かり易いのかなということもあって、
サンプルとして取り上げました。ヤフーメールさんです。
無料メールアドレス取得については、以前も書いたんですが、
独自ドメインをとってしまえば無限に取得できるので、今回の
スクリプトは、とりあえず、スクリプトではこんなことが出来ます
というサンプルの提示という意味合いがあります。
動画は出来立てほやほやなので、実はメルマガの原稿が間に合って
いません。今日か明日には発行できると思いますので、興味の
ある方は登録をお願いします。
メルマガの登録はこちらからお願いします。
Norimakiのアフィリエイトツール談義
今回はメルマガで取り上げているテーマについて、動画を作って
みたのでブログでもご紹介します。動画作成はなかなか難しいですね。
YouTubeにアップロードしておきました。
ブログに埋め込みたかったんですが、サイズが合わなかったので、
URLを貼り付けておきます。こちらです。
http://www.youtube.com/watch?v=CTJJGi2HauE
今、メルマガでは「ミニブラウザ Norimaki9号」にスクリプト機能を
搭載して、自動化させようというテーマを取り扱っています。
ミニブラウザはテンミニッツサイトストラテジーで無料配布している
ツールですので、どなたでもダウンロードできますが、このスクリプト
機能付きのミニブラウザは開発中ということもあって、メルマガ読者さん
だけにダウンロードURLを公開しています。
で、スクリプトで出来ることというのは自動化なんですが、何を
自動化しましょうか？ということで、とりあえず、無料メールの
取得を半自動化するのが分かり易いのかなということもあって、
サンプルとして取り上げました。ヤフーメールさんです。
無料メールアドレス取得については、以前も書いたんですが、
独自ドメインをとってしまえば無限に取得できるので、今回の
スクリプトは、とりあえず、スクリプトではこんなことが出来ます
というサンプルの提示という意味合いがあります。
動画は出来立てほやほやなので、実はメルマガの原稿が間に合って
いません。今日か明日には発行できると思いますので、興味の
ある方は登録をお願いします。
メルマガの登録はこちらからお願いします。
Norimakiのアフィリエイトツール談義
HTMLパーツからHTMLタグへ 【メイン部分編】
ども、サンデーアマグラマーNorimakiです。
現在、取り上げているテーマはこちら。
「HTMLに変更を加えることなく、スタイルシートだけを変更する
だけでデザインが変えられるテンプレート」
です。サイドバー編が終わり、今回からメイン部分編に入っていきます。
メイン部分はその名の通りメイン部分なので、色々なコンテンツが
入ってくるわけですが、それらのデザイン的なものはスタイルシートに
任せて、今回のHTMLタグに関しては、大枠を設定するだけにとどめて
おきます。
まずは恒例となっている、divタグでメイン部分の範囲の設定をします。
<div id="main">～</div>
この中に必要なパーツをHTMLで記述していくわけですね。
で、その必要なパーツというのは、
・記事タイトル
・本文
です。シンプルですが本当にこれだけ。
この他に記事上のバナーみたいなものもありますが、これらのものは、
必須というわけではないので、適宜追加すればよく、今のところは
必要なパーツには入れていません。
サイドバー編でもありましたが、記事というのは１つだけではないので、
それぞれの記事を区別するために、その範囲を設定します。
<div class="item">～</div>
で、上記のパーツを入れ込んでいきます。たとえば２つの記事が
あった場合はこんな感じになるでしょう。
<div id="main">
<div class="item">
<h2>(記事タイトル１)</h2>
<p class="itembody">
(記事本文１)
</p>
</div>
<div class="item">
<h2>(記事タイトル２)</h2>
<p class="itembody">
(記事本文２)
</p>
</div>
</div>
こんな感じになります。大枠としてはこんな感じです。
次回は内部で使用するタグをいくつか取り上げてみたいと思います。
ではでは。
Norimakiでした。
無料ツール（配布期間限定）が手に入るメルマガ発行中です。
登録はこちらからどうぞ
現在、取り上げているテーマはこちら。
「HTMLに変更を加えることなく、スタイルシートだけを変更する
だけでデザインが変えられるテンプレート」
です。サイドバー編が終わり、今回からメイン部分編に入っていきます。
メイン部分はその名の通りメイン部分なので、色々なコンテンツが
入ってくるわけですが、それらのデザイン的なものはスタイルシートに
任せて、今回のHTMLタグに関しては、大枠を設定するだけにとどめて
おきます。
まずは恒例となっている、divタグでメイン部分の範囲の設定をします。
<div id="main">～</div>
この中に必要なパーツをHTMLで記述していくわけですね。
で、その必要なパーツというのは、
・記事タイトル
・本文
です。シンプルですが本当にこれだけ。
この他に記事上のバナーみたいなものもありますが、これらのものは、
必須というわけではないので、適宜追加すればよく、今のところは
必要なパーツには入れていません。
サイドバー編でもありましたが、記事というのは１つだけではないので、
それぞれの記事を区別するために、その範囲を設定します。
<div class="item">～</div>
で、上記のパーツを入れ込んでいきます。たとえば２つの記事が
あった場合はこんな感じになるでしょう。
<div id="main">
<div class="item">
<h2>(記事タイトル１)</h2>
<p class="itembody">
(記事本文１)
</p>
</div>
<div class="item">
<h2>(記事タイトル２)</h2>
<p class="itembody">
(記事本文２)
</p>
</div>
</div>
こんな感じになります。大枠としてはこんな感じです。
次回は内部で使用するタグをいくつか取り上げてみたいと思います。
ではでは。
Norimakiでした。
無料ツール（配布期間限定）が手に入るメルマガ発行中です。
登録はこちらからどうぞ
【GIMP】 画像を少しずつ薄くする
GIMPで画像処理をはじめてみました。
画像を少しずつ薄くする処理です。
レイヤーマスクを追加してブレンドでグラデーションを掛けています。
作り方はこちらから
無料ツール（配布期間限定）が手に入るメルマガ発行中です。
登録はこちらからどうぞ