TAG

CSS

  • 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月15日
  • 2019年7月15日

wordpressをCSSでフッターデザインする方法 【余白調整、背景・文字色の変更】

素晴らしく多機能なwordpressテーマ「THE THOR」ですが、 たまに出てくる「もっと変えたい」願望(笑)。 今回の願望は、 「フッターの色などを、サイトに合うようにカスタマイズしたい!」 です。 初期設定は、黒バックに白文字となっているため、どうしても他の部分と馴染まないんですよね・・・。 デフォルトのカスタマイズ機能には入っていませんが、 CSSを少し追記するだけで、サクッと変更できる […]

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

CSSの主要なスタイル一覧

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

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

wordpressをCSSでレスポンシブデザインにする方法【余白を変更する】

こんにちは、sateです。 私はwordpressのテーマ「THE THOR ザ・トール」を使って、このブログを管理しています。 「THE THOR ザ・トール」というテーマは、 いろいろなプラグインが必要ない デザインが綺麗 自分好みにいじるのが簡単 などなど、メリットがたくさんあるテーマです。 基本的には、レスポンシブデザイン対応になっていて、いじる必要はありません。 でも、「タブレット以下の […]

  • 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月24日
  • 2019年7月10日

プログラミング独学者の強い味方「ドットインストール」に異変 無料動画が減少・・・

前回、ドットインストールで「はじめてのHTML/CSS」を学び終えたことを報告しました。 ひととおり終えて、webサイトを作る楽しさを感じ、意外と良い感じにできて満足。 よし、次は少しグレードアップ! ということで、次のステップとなる「HTML/CSS基礎文法入門」を学んでいた矢先・・・ あれ?なんかレッスン名が「詳解〜」ていうのに変わってる? えー!しかも、プレミアム限定動画になってる!!! か […]

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

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

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