ひろやんとななみんのDQXアフロ日記改!
なんだかもじゃっとしたBLOG

ブログのすすめ【vol.2】(´∀`*)

Tags: Date:2014年3月28日 Editor:ななみん

ダウンロード

 

久しぶりにミネアさんにお会いしたと思ったら、

これまた頂いたカードが久しぶりの『皇帝正位置』でした(タイトルなし)_m (1)

 

調子にのってどうぐ使いもとうとうカンストしてしまいましたよ・・・・整理_m (25)

 

 

あろはぁあああんん!!!もじゃぁああああ!!!ななみんでっす!!!゜-ねこ-゜_m (14)

 今週は多忙の為まだドラクエできてないんですが・・・・。

 

 

うぇええ!!!!ドラクエさせろーーー!!!!!L(゚皿゚メ)」むきー

 

 

と、いいつつ次書いてたブログあったのでとりあえず公開しときます(*ノω・*)テヘ

 

前回の『ブログのススメ』の続きです。ご興味のアル方はどうぞ

 

*:..。o○☆゚・:,。*:..。o○☆*:゚・:,。*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:゚・:,。*:..。o○

 

 

前回はブログシステムの種類とオススメを紹介しましたが、

大多数の方がwebサービスを利用されると思うので、そちらメインに進めていこうと思います-ねこ-_m

 

 

さてカスタムについてですが、WEBページの基本についてある程度知っていないと、

急にHTMLやCSSのコードをみたところで拒否反応と苦手意識がでると
やる気がとたんになくなったりしてしまうので、かるーーーーーく説明しておきたいと思います。

 

◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◆◇◆◇◆◇◆◇◆◇◆◇◆

【基礎編】

 

webページは基本

 

・HTML(HyperText Markup Language

・CSS(Cascading Style Sheets

 

でできてるのですよびっくり_m

 

いろいろ語弊や不足あると思いますが、ここでハードル高くなるととっつきにくいので
このブログではなるーーーーべくわかりやすくかみくだきまくるよ!!!

 

HTMLはマークアップ言語と呼ばれます。

みなさんが書類や例えば物語を文字で書きますよねはてな、__気持ち_m

 

それを例えばここは見出し、ここはサブタイトル、ここは文章内容というように、

書いたテキスト文書にタグと呼ばれるもので文書の構造やレイアウト、修飾などの範囲を指定したものを

HTMLというのです。

 

名称未設定-1

 

HTMLはこっからここまでがタイトルやで―!!

とか、こっからここまでがナビゲーションやでーとかいうものを

タグと呼ばれるものでくくっているものです。

 

ようするに

ものがいっぱいあるんやけど、わかりやすいように箱いれて整理しといたわーー!!

ってカンジのもんです。

 

 

・・・・え?たとえわかりにくい?゜-ねこ-゜_m (6)

 

 

例えば一番大きな見出しを意味するh1要素で説明すると

<h1>ここにタイトル</h1>

<h1>・・・・・・ここからタイトルやで~整理_m (22)

</h1>・・・・ここまでがタイトルやで整理_m (19)

・HTML要素一覧

 

 

そしてタグでマークアップした要素をどのように修飾(表示)するかを指示するのがCSSというものです。

 例えば

・body全体にこの背景画像を入れます。

・表示フォントはこれを使います。

・左にコンテンツを表示して右にサイドバーを表示します。

・articleを角丸罫線で囲みます。

・navの要素一つ一つにマークをつけます。

とかを指定するのがCSSと呼ばれるものなのです。

・CSSプロパティ一覧(TAG<index>)

 

 

 

さらに、JS(Javascript)と呼ばれる物はさらにそれに動的な視覚効果などを追加して、

あ、なんかこれかっこえーやんって動きをもたせるプログラム言語なのですよ整理_m (12)

 

ブログをすでに持ってらっしゃる方はブログパーツ等を追加する為に見たことあると思います。

 

 

 

ブログというものは、これらを元に作ったテンプレートというものに

皆さんが書いた文章をデータベース化してちがう場所に保存したものを

データとして呼び出して表示しているものになります。

データを呼び出す時にテンプレートに書くのが『独自タグ』と呼ばれる各ブログサービス特有のものです。

独自タグ一覧(変数) – livedoor Blog ヘルプセンター
・テンプレート用 変数一覧-FC2ヘルプ

 

 

本当に基礎の基礎のところしか説明しませんでしたが

 

なんかちょっとだけどんなもんかわかったわー!焦る_m (1)

 

でとりあえずOKです整理_m (16)

 

 

次回は実際のテンプレートを元に、
デザインをちょっとずつカスタマイズする方法に進みたいと思います(´∀`*)ウフフ

 

はぁあああああ!!!はよ仕事おわらそ!!!!nuko03

 

アデューーーーもじゃあああああああ!!!!!!!(ハート)_m (1)(ハート)_m (1)(ハート)_m (1)(ハート)_m (1)

 

Leave a Comment

コメント一覧

“ブログのすすめ【vol.2】(´∀`*)” への2件のフィードバック

  1. のぐっちのアバター のぐっち より:

    おおおー。なんか分かりやすいかも!!これがアフロのチカラなのか…?続き楽しみですー♪

コメントを残す