知識ゼロでもこれならわかる!犬でCSSとHTML

 

ブログ開始2週間!
CSSのCも知らなかったあやりりが、CSSとHTMLとはなんぞや?を世界一分かりやすく教えるよ!





スポンサーリンク




わたしもブログカスタムしたい!

みんなのブログは魅力的だなー。こんな色ついたり見出しとかどうやってんの?

ごきげんよう!あやりり(@ayariri_motu)です。

ブログはじめて2週間!
記事はまだまだですが少しずつブログについて知識が増えてきてます!
自分の興味あること学ぶってん”だのじいいいぃぃぃぃぃっっっ!!!!
でもみんなのブログ見てるとめっちゃ見やすい。
なんかわたしのブログと違くない??
色とかデザインとか洗練されてるぅっ★
なにこれ、どーやってやんの
エディタにそんなのないんですけどーーーーー!!!

わたしももっとおしゃんてぃブログにしたいぃぃぃ!!!!

立ちはだかる壁、謎の言語

いろいろ調べてるとイヤでも出てくる「CSS」「HTML」
なるほど、こいつらと付き合わないと、スタイリッシュブログは作れないらしい。
よしよし、やってやろうじゃん!!

・・・なんこれ、さっぱり分からん。プログラミングかよ

よし、分かった。
そもそもCSS、HTMLとは何か、みんなのウィキペディア先生に聞いてみよう。

Cascading Style Sheets(CSS、カスケーディング・スタイル・シート、カスケード・スタイル・シート)とは、HTML や XML の要素をどのように修飾(表示)するかを指示する、W3Cによる仕様の一つ。文書の構造と体裁を分離させるという理念を実現する為に提唱されたスタイルシートの、具体的な仕様の一つ。
引用元:Cascading Style Sheets – Wikipedia

HyperText Markup Language(ハイパーテキスト マークアップ ランゲージ、HTML(エイチティーエムエル))は、ハイパーテキストを記述するためのマークアップ言語の1つである。World Wide Web (WWW)において、ウェブページ(1990年代後半頃からはコンテンツという語も利用されている。「中身」という意味の語であり、大層な意味は無い)を表現するために用いられる。ハイパーリンクや画像等のマルチメディアを埋め込むハイパーテキストとしての機能、見出しや段落といったドキュメントの抽象構造、フォントや文字色の指定などの見た目の指定、などといった機能がある。
引用元:HyperText Markup Language – Wikipedia

日本語でしゃべれや(白目

そう、わたしは
ブログについてまっっっっっっったく知らなかったのです。

とりあえずがむしゃらにコピペしてみた

分からないなりに、「ブログ、 見出し、 ライブドアブログ」などで検索してみました。
何言ってるかさーっぱり分からないのも多かったけど、世の中には優しい方がいるもので
「これをここにこのままコピペすればいいんだよ!」
と教えてくれる方もいたのでやってみました。
するとやってくうちになんとなーくの概念が分かってきたんです。
これが分かるのと分からないとじゃ全然違う!
ということでわたしと同じくブログ知識ゼロのあなたに教えちゃうよ!
「これでわかる!CSSとHTMLとはなんぞや?」

ブログはあなたのワンちゃん

ブログって犬なんです。
可愛い可愛いあなただけのワンちゃんです。

何言ってんだコイツ、みたいな目でみないでください。
さてこのワンちゃん、無料ブログを使っている人は、ある程度中の人がしつけてくれています。
わたしの場合、ライブドアの中の人ですね。(現在はワードプレスに移行しました。)

なのでわたしはただ選ぶだけで、ブログのデザインができたし、エディタに書き込めば簡単に表示してくれます。
太文字にしたり、色を変えたりくらいならボタンを押せばすぐできます。
でもこれはライブドアの人が事前にしつけてくれたからなんです。

カスタムするには「しつけ」と「号令」

ではブログをスタイリッシュに変えたい!
たとえばこんなマーカーで引いたようなライン表示させたい!
いろんな人が公開してくれてるHTMLというコードを記事にコピペで貼り付けてみます。
このHTMLを貼り付ける、というのがいわゆる「号令」です。
この行動して!てやつですね。
実際に号令してみましょう!



はい無視。
がん無視です。

でも当たり前です。
だってワンちゃんは「おて」が何か知らないんです。
「おて」と言われたらどうするのか、を教えてあげないといけません。
この「しつけ」こそがCSSなんです。

新しいカスタムを取り入れようとするとき、みなさん「CSSにこれをコピペして~」、「HTMLにこれをコピペして挿入~」という流れを書いてくれています。
ワンちゃん(ブログ)に、「しつけ(CSS編集)」して、「号令(HTMLを挿入)」することで、「芸を披露(ブログ表示!)」しているんですね。
さて、「おて」を教えたので、実際にしてみましょう。

まとめ

・CSSは「しつけ」、HTMLは「号令」
・ちゃんと教えてあげないと、号令だけでは答えられない!
・「しつけ」と「号令」はいろんな人がブログで教えてくれてるから参考にしよう!
・あとは試行錯誤あるのみ!

今日の吹き出しその他の飾りも頑張ってみました!
吹き出し参考にさせて頂いたのはこちら↓

でもまだまだです。
「しつけ」できたと思っても、「号令」かけると無視されることもしばしば。
けど一緒に成長すると思うと、なんだか可愛くて愛着わいてきたよ!
みんなも頑張ってワンちゃんを成長させてね!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です