CATEGORY

HTML

  • 2019年10月13日

HTML/CSSを独学するためのおすすめ本・学習サイト4選

私の経験からすると、HTMLやCSSに限らず、 プログラミングを学ぶ上で大事なことは、実際に手を動かしてコードを書いてみることです。 とは言っても、まっさらな状態でコーディングしろと言われても難しいですよね。 そんな時に役立てて欲しいのが、参考書とwebサイトです。 ただ、HTML/CSSはベーシックな言語だけに、参考書などの種類が多すぎるのも事実…。 たくさん種類があって選ぶのが難し […]

  • 2019年9月14日

HTML/CSS勉強の記事まとめ この流れで学べば、独学でもきっと身につく!

ゼロから独学でHTMLとCSSについて学んできて、一通りのことができるようになりました。 これまでのHTML/CSS勉強についての記事をまとめます。 HTML勉強の流れ 開発環境構築編 プログラミング学習の第一歩は、学ぶ言語に合った開発環境を自分のPCに構築すること。 とは言っても、HTML/CSSの環境構築は簡単! 詳しくは下記記事で、実際の手順とともに紹介しています。 また、おすすめのテキスト […]

  • 2019年7月8日
  • 2019年7月10日

CSSの主要なスタイル一覧

HTMLのタグについてまとめた記事はこちら↓ 今回は、CSSの基本的な書き方・主なスタイルについて、まとめたいと思います。 基本的な書き方 CSSを記述する場所について CSSを記述するのは、下記3つのいずれかの場所です。ほとんどの場合が3番目。 HTML内の各タグ属性styleとして書く。 HTML内の<style> </style>タグ内に書く。 index.htmlと […]

  • 2019年7月3日
  • 2019年7月10日

HTMLの主要なタグ一覧

これまで学んできたHTMLについて、定番の骨組み・主要なタグについてまとめました。 定番の骨組み <!DOCTYPE html> <html lang=“ja”> <head> </head> <body> </body> </html> headタグ内 文書に関する情報を入れる。 最低限必要なのは、① […]

  • 2019年5月22日
  • 2019年7月10日

HTMLとCSSを初心者でもサクッと理解できる本「スラスラわかるHTML&CSSのきほん 第2版」

自分で設定したHTML / CSSの習得期限まで、あと約1週間。 HTMLはほぼ分かるようになってきましたが、CSSはパターンが多くてなかなか大変。 でも、書いてあることが理解できるようになっていることが、少しでも進歩している証拠。 今回は、そんな私のHTML/CSS独学を支えてくれている一冊を紹介します。 こちらの、「スラスラわかるHTML&CSSのきほん 第2版」という参考書です。 2018年 […]

  • 2019年5月4日
  • 2019年7月10日

webサイトを自作したい人におすすめの本「できるホームページHTML&CSS入門」

あとひと月ほどで、HTMLとCSSを習得したいところ…。 読書して、実践して、を繰り返す日々です。 今日は、HTML / CSSを勉強するための本を紹介したいと思います。 今回紹介するのは、「できるホームページHTML&CSS入門」という本です。 では、おすすめポイントなどをまとめていきたいと思います。 ポイント① 3大特典付き「できるシリーズ」 この本は、いろんな分野の参考書 […]

  • 2019年4月19日
  • 2019年7月10日

HTMLの勉強④ Webサイト開発の流れ 自分で初めてwebサイトを作ってみた

webサイトって普段は頻繁に見ていても、実際どうやってできていくものなのか、あまり知らなかったりします。 私も、webサイト開発についてはさっぱり、といった一人でした。   実際の、webサイトを作っていく流れは意外とシンプル。 ◆ Webサイト開発の流れ 大まかな構想を決める HTMLで骨組み作り CSSで見た目を整える アップロードでサイト公開 ごく簡単なHTMLとCSSを使ったサイ […]

  • 2019年4月6日
  • 2019年7月10日

テキストエディタにはAtomがおすすめの理由 ショートカットキー一覧あり

以前、Webページ開発環境構築の一環として、Atomというテキストエディタを紹介しました。 ドットインストールで学習しながら使っているのですが、確かに使いやすいです! Atomのおすすめポイント4つ 頭数文字の入力で補完してくれる コードを書いていると、「あれ、綴り合ってるかな?」ということが時々あります。 そんな時にAtomは強い味方! 最初の数文字を入力すると・・・ こんな風に、予測を表示して […]

  • 2019年3月13日
  • 2019年7月10日

HTMLの勉強③ faviconのPhotoshopを使った作り方、HTMLやWordPressでの設定方法を詳しく解説!

faviconとは、タブに現れるサイトの小さいアイコンのこと。 小っちゃくても、その存在は大きいです。 Webサイトを作ったら、顔とも言えるfaviconをぜひ設定しましょう! 今回は、Photoshopを使ったICOファイル作成から、実際にWebサイトのfaviconに設定する手順を詳しく見ていきます。 【目次】 1. Photoshopでfavicon画像を作成する 2. Webページのfav […]

  • 2019年3月2日
  • 2019年7月10日

HTMLの勉強② Photoshop CC 2018でfavicon用.icoファイルを作成する方法(macOSバージョン)

ドットインストールで動画を見ながら、HTMLを勉強中。 やっぱり動画で見ると、分かりやすいですね! ドットインストールの詳細はコチラ↓ ドットインストールでは、HTML勉強の過程としてWebページを作成していくのですが、 今回は、その準備段階、Favicon作りの話です。 【目次】 1.Faviconとは? 2.どんな画像が必要なの? ・Faviconの画像サイズは? ・Faviconの画像形式は […]