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

HTMLの主要なタグ一覧

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

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

プログラミングのWeb学習サイト② Progate

Web学習サイト特集の第二弾は、「Progate」というサイト。 特徴や使い心地を見ていきたいと思います。 【目次】 1. Progateってどんなサイト? 2. 早速、つかってみよう! 3. 個人的なメリット・デメリット Progateってどんなサイト? 今回紹介するProgateの公式サイトはこちら→ https://prog-8.com/ Progateの特徴的な点は、以下の4つです。 画像 […]

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

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

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