シェアする

[WordPress]コンパスでHTML勉強会をしました!!

シェアする

どもどもーブログを書くときはいつもビジュアルエディタのオーカワです。

WordPressで記事を書く時に少しはHTMLの知識があった方がいいなーって思ってコンパスで勉強会を催しました。

メンバーには半強制的に勉強して頂きました。この場を借りて謝罪させて頂きます。チッ、うっせーよ 反省してま〜す

実際に使用したスライドはこちら

HTML勉強会-第1回-
HTML勉強会-第1回- 2017/02/01 オーカワ 背景 Wordpressの投...

WordPressで動いているプログラムの理解とHTMLの問題を2問解いてもらいました。確か一時間位で勉強会終わったかな?

メンバーの為にも、皆様の為にもブログにする事を決めました。

これから書いていくことはスライドの内容を膨らませたものになると思います

スポンサーリンク




HTMLを勉強する前に......

WordPressの投稿画面はビジュアルエディタとテキストエディタがあります。

ただどちらも利点と欠点があります(僕の主観ですが)

ビジュアルエディタ

利点
  • 容易
  • HTMLの知識がほぼいらない

メンバーのオサダ君はWordみたいに書けるーすごーいって言ってた気がします。多分

欠点
  • ビジュアルエディタとテキストエディタの切り替えでタグが消える

こちらの現象が勉強会をしようと思った要因の1つでした。

せっかく書いたものが一瞬で消えるんですよーうんちです。

しかしこの現象には対処方法がありました。勉強会前に気づいていれば......

こちらのブログに詳しく載っています。いつもお世話になっています。

WordPressでカスタマイズ記事を書いていると、投稿画面でビ...

あれっ欠点がなくなっちゃった(笑)

テキストエディタ

利点
  • ビジュアルエディタでは不可能な記述が可能

わーい!たのしー!

欠点
  • HTMLの知識が必要不可欠

無知は淘汰されるのです。

問題の前にWordPressとは?HTMLとは?

勉強する前にWordPressやHTMLがどんなものかイメージ出来るといいと思います。

時間のある方はこちらの記事を一読してみてください。

WordPressはHTMLやCSSの詳しい知識がなくともインストールさえ

いや〜本当にわかりやすい!!

実際の出題問題

ようやく勉強会っぽいですが、問題数は2問だけです。

問題を解く時にわからなくなったら是非カンニングを

おすすめサイトはこちらです。

HTMLタグ・スタイルシート・特殊文字等の早見表

書き方さえわかったらスラスラ書けるようになります。

決してカンニングは悪ではないですよ。

ではいきましょー

問一

以下のようなリストを表示してください

  • hoge
  • hage
  • foo
  • bar

問一解答

<ul>
<li>hoge</li>
<li>hage</li>
<li>foo</li>
<li>bar</li>
</ul>

問二

例のあれを表示してください。

例のあれ

問二解答

<marquee>例のあれ</marquee>

初めて勉強会をしてみた感想

割とノリで勉強会を始めたわけなんですが、メンバーには好評だったみたいです。

勉強を楽しいとか言ってるよ〜〜〜優等生だ〜〜逃げろ〜〜〜〜

「問一と問二の順番逆だろ。問一の方が難しいわ」とヤジが飛んだり怖かった勉強会でもありましたが、やったかいはあったのかなって思っています(自己満足)

もし次回勉強会をするんだったら、CSSと検証の使い方な〜

やるかわかりませんけど!!

この記事を公開してから僕以外のメンバーの記事がどうかわっていくのか???

好ご期待

余談

僕がよく使うテキストエディタはvimです(唐突な宣言)

markdown形式でブログを書いて、HTMLに変換して記事を書こうかなと思っていました。

それが一番早いかなって

ただネックだったビジュアルエディタのエラーも直ったことだし、今後も変わらずビジュアルエディタで書いていこうかと思います。必要になった時にテキストエディタで書く感じで

おすすめな記述方法があったら教えて下さーい!!

The following two tabs change content below.

オーカワ

ロボット勉強中の大学4年生!!いつもはTwitterにいるよ。フォローちてね♪
詳しいプロフィールは こちらから
スポンサーリンク







シェアする

フォローする