スラスラわかるHTML&CSSのきほんを購入したので本当か試してみた

スラスラわかるHTML&CSSのきほん
スポンサーリンク

スラスラわかるHTML&CSSのきほんの紹介

 

スラスラわかるHTML&CSS(表)

スラスラわかるHTML&CSSのきほんを購入して、以前軽く紹介しましたが、

この書籍は実際に実習して覚えるタイプの本であり、社会人で時間の勿体ない

やまとしにとっては実習するより記事を書きたいので、記事にしながら覚える

ことにしました。実際スラスラわかるか試してみましょう。

簡単に読んだ感じでは大体がプラグインで解決出来るものが主体ですが、

自力で出来ればプラグインの削減が出来る可能性があるので、覚えていきましょう。

 

実際にスラスラわかるか実習してみましょう

 

書籍ではWebサイトを全5ページ作成して、覚えていきますが時間が

もったいなにので、ここで使えそうなものを作成していき覚えていきます。

コードなどは公開すると駄目そうなので覚えたい方は実際に書籍を購入して覚えてください。

 

こんにちは

上のこんにちはタグを入力して作成しましたがWordPressでは「こんにちは」

と入力するだけで簡単に入力出来ますが、昔はタグを入力して作成していたの

でしょうからブログを作成するのにもかなり時間がかかったのでしょうね。

 

実際実習となるとテーマなどをさわる必要があるため、かなりめんどくさい

ので実際に本の通り一から作成する分にはいいですが、リスクが高いので

簡単に出来てHTMLだけで出来るものを勉強して行きます。

フォーム関連のタグ

テキストフィールド

 

パスワードフィールド(大)

チェックボックス

ラジオボタン

送信ボタン

 

お問い合わせの種類
やまとしさんの記事は親切でしょうか?
はい
いいえ
当サイトをお知りになったきっかけは?
知り合いの紹介で
SNS・Webで見て
お問い合わせの件数
お問い合わせの具体的な内容
大体こんな感じになりますが、使いどころはありそうな気がします。
記事や固定ページにアンケートなどを盛り込んで、活用できるかと思います。
サイドバーやフッターやヘッダーに作成するのもありでしょう。

 

テキストとビジュアルを切り替えるとコードも変更されたので、
エラーが出る可能性もあるかも知れないので消去する可能性も
ありますのでその時はご了承ください。

 

HTMLで簡単に出来そうなのはこのくらいですね。
ビジュアルとテキストを切り替えると使えないタグが消えるので
やはり実際、本に記載してある方法で覚えていくのが良いでしょうね。

 

どうせ練習するなら放置している無料ブログがありますから、
そちらで練習するなら思い切り勉強できたでしょうかね。
パスワードフィールドがAMPエラーが出たため画像に差し替えました。

スラスラわかるHTML&CSSのきほんの紹介まとめ

 

この書籍は実際にサイトをつくりながら実習しないと覚えるのは難しい

ですが、実際に実習する時間に余裕がある方や無料ブログでHTMLや

CSSをいじりたい方などは役に立つのではないでしょうかね。

基本的なことしか書かれてないですが、HTMLタグの一覧やCSSのプロパティ

の一覧が記載されてあるので、タグなどの確認などには良いかと思います。

 

他にもcolumn欄にサイトに関わることなどの紹介が記載されてますので

役に立つこともあるでしょう。

とにかくこの書籍は実際にサンプル実習をしないと覚えられない。

この書籍の実習を受けるとかなりレベルアップは期待できると思いますが、

全部の実習を終わらせるのはかなり時間がかかると思いますので、

ブログを最初からはじめる方には最初でこの本の実習を受けたあとに

ブログを始めると勉強になると思います。

またFC2ブログを紹介されていてるので、FC2ブログで始めたい方には

少しは役に立つかも知れません。

 

実習にもなりませんでしたが、書籍の通りに作成すれば簡単に作成は

出来そうな感じなので、入門用としてはお勧め出来ますが、

中級者以上には物足りない部分はあるとは思いますが、

とにかく実習すればなにかとヒントや応用などが出来るかと思います。

 

コンタクトフォーム系のプラグインは減らせるかとは思いますので、

フォーム系を活用したい方やフロートやテーブルやフレックスボックス

の勉強なども生かせるかと思います。

 

やまとしは当分はタグなどの確認などに活用する予定ですが、

シンプルなつくりはAMPのページに何か役に立てるか模索予定です。

スマートフォン対応のサイトが出来るので、何かヒントになることが

あるかも知れないので、暇な時に読むことにします。

スラスラわかるHTML&CSSのきほん
最新情報をチェックしよう!