【参考書】スラスラわかるHTML&CSSの基本【実践】

こんにちは、takumaroです。

今回は、「スラスラわかるHTML&CSSの基本 -第２版」を読みました。

この本は、架空の「KUJIRA Cafe」という喫茶店のホームページを作成しながら最終的にはネット上に後悔することろまで実践しながら学ぶことができます。

内容は、PCの操作に慣れていない人にもわかりやすく書かれていて、ファイルの作成やコピーのやり方まで丁寧に書かれているので本書を読むだけでホームページを簡単に作ることができます。

また、使用するテキストエディタやブラウザなども指定されていますが、無料のものなので本書以外に発生する料金はありません。

リンク

この本のおすすめポイント

・HTML&CSSの基本的な記述方法
・ホームページ作成を一から作成しネットに公開する流れわかる
・基本的なPC操作もできるようになる
・WindowsOSとMacOS対応
・レスポンシブデザインに対応

本書を買った経緯

2年ぐらい前に、web系の仕事に興味を持ち、HTMLやCSSを学ぼうとして購入しました。

しかし、昔の自分は仕事が終わった後や休日に何かを学ぼうとまで思っていなかったのでずっとやらずに放置していました。

ですが、最近はweb系の仕事を実際にやってみたいと思い、過去の投資を無駄にしないためにも本書を実践することに決めました。

作成に使用したソフトは以下になります。ここは好みで問題ないので本書に記載のあるソフトとは違うものを使用しています。()内は本書指定のソフト。

OS	Windows 10
ブラウザ	Google Chrome (IE or Edge or Safari)
エディタ	Visual Studio Code (秀丸エディタ)
サーバ	エックスサーバー (FC2 ホームページ)
FTPクライアント	FileZilla

本当に読むだけでスラスラホームページを作成することができ作成したときは達成感がありあました。実際に本書の手順でホームページを作成した期間は約半月ほどで完成しました。

完成したサイトはこちら。

しかし、毎日やっていたわけではないので早い人なら2日もかからず終わらせることができると思います。

僕はprogateなどで少しHTMLなどを学んでいたのですが、progateと違い実際に一からファイルを作成しサーバにアップロードした経験はなかったので、その部分に関しては良かったと思います。

ただし、レイアウトなどの細かい値などは指定されているものを使ったので、どの値を指定してあげればいいのかわからないため、いきなり一からサイト作成するのは難しいのかと思います。

実際に運用されているホームページを模倣してみる。

Javascriptについても学ぶ。