Air Brog

*Air falcon style*

【ブロガー】映える!!はてなブログ デザインCSS ”初心者ブロガー”必見 『デザインCSSとは』

こんにちは。Air falconです。

 

 

f:id:airfalcon:20181023121219p:plain

 今回は、デザインCSSについて少し触れていきたいと思います。私の専攻は医療分野ですので、一切HTMLやCSSについて学んだことがありません

 

  • 『HTMLってそもそもなに?』
  • 『CSSって聞いたことないよ!』

 

このような超初心者でブログ運営を始めました。なにも知らない私は、行き当たりばったりに『はてなブログPro』を契約しています。笑 でも、私のHome画面は動きます・浮き出てきます・無駄なリンクはカットしています。そう。誰にでも出来るのです。^ ^

 

今回は、第一回としてデザインCSSについて、少し勉強したのでブログ記事にして見ますね。教科書っぽい内容は、私のような無能な頭に入ってこなかったので、簡略化してお伝えします〜〜〜〜 

 

 

デザインCSSとは

f:id:airfalcon:20181107110434p:plain

 図にHTMLとCSSについて簡単に表して見ました。

HTMLとは、Webページを構成する木の幹のこと。CSSとは、HTMLを装飾する木の葉や花のこと。Web検索者の私たちは、間にいるカブトムシだと思って下さい。

 

カブトムシである私たちは、何もない木の幹(HTML)に行くよりも、葉の生い茂った木(HTML+CSS)に飛びたいなと思ってしまいますよね。

 

つまり、デザインCSSとは何もない木の幹に装飾を施して外観をよくすることです♪♪

 

 

はてなブログでデザインCSSを編集する方法

f:id:airfalcon:20181107111250p:plain

①はてなブログに管理画面にアクセスします。オレンジ矢印の、『デザイン』をクリックします。

f:id:airfalcon:20181107111416p:plain

 ②次にこの画面になりましたら、オレンジ矢印の、『編集』ボタンをクリックします。

 

f:id:airfalcon:20181107111625p:plain

③『{}デザインCSS』をクリックして頂ければ、ページの装飾を行うことが出来ます。

 

現状、はてなブログではページのスタイリングを行えるのは、このデザインCSS部の編集のみしか対応していないと聞いております。

 

 

まとめ

 

今回は、初歩的な部分をまとめました。順を追って記事に起こしていきます。今後は、ページをMoveさせたりする方法まで突っ込んだ内容を記載できたらと思います。ぜひ、読者登録をして私の勉強に付き合ってください♪♪

 

私が参考にしている図書はこちらです。

HTML5&CSS3標準デザイン講座

 

 

 

*おすすめYoutube*

 

 


湘南乃風 曖歌 PV

 

 

○●○●○●○●○拙い文章ですが、読んで下さりありがとうございました。○●○●○●○●○

 

 

~Thank you for visiting~