ウェブデザイン【初心者ノート】articleを罫線で囲む 前回記事「各要素の配置を調整する」では、HTML要素のボックスの大きさと配置を調整しました。今回は、article要素を罫線(境界線)で囲んでみます。スタイル適用前後のイメージは次の通りです。borderプロパティ要素のボックスに罫線を引く... 2019.05.15ウェブデザイン
ウェブデザイン【初心者ノート】各要素の配置を調整する 前回の記事「スタイルシートでページの背景に色をつける」でbody要素、article要素、header要素、footer要素の背景に色をつけました。今回は各要素の大きさ(ボックスの大きさ)を調整します。HTMLのボックスモデルWEBブラウザ... 2019.05.13ウェブデザイン
ウェブデザイン【初心者ノート】コンピュータで扱う色 HSV(HSB)とRGB コンピュータは、色(カラー)を表現する数値化されたデータを処理することで、ディスプレイ表示や印刷を行います。私たち人間がディスプレイ上で写真や動画を見たり印刷物を見たりするときは、この数値化されたデータを意識する必要はありません。しかし、W... 2019.05.12ウェブデザイン
ウェブデザイン【初心者ノート】スタイルシートでページの背景に色をつける 前回の記事「HTMLのマークアップ、artcle、header、footer」まででページのヘッダーと記事、フッターをマークアップしました。今回はWEBページに色をつけて飾ります。背景に色をつけるHTMLでマークアップしたbody、head... 2019.05.01ウェブデザイン
ウェブデザイン【初心者ノート】HTMLのマークアップ、artcle、header、footer 前回記事「HTMLのマークアップを学ぶ」では、見出し(タイトル)と段落をマークアップしました。今回は artcle、header、footer を整理したいと思います。article(記事)article を理解するのは少し難しいかもしれま... 2019.04.30ウェブデザイン
ウェブデザイン【初心者ノート】HTMLのマークアップを学ぶ 前回の記事で基本的なHTMLファイルを作成し、コンテンツの文章を入力してブラウザでWEBページを表示してみました。まだテキスト文章だけしか記述していませんのでブラウザには文章しか表示されず、改行すら入っていません。マークアップすることで、見... 2019.04.29ウェブデザイン
ウェブデザイン【初心者ノート】HTML5 CSS3の基礎をしっかり学ぶ WEBデザインの基本HTML5とCSS3について、実際に練習用ページを作りながら入門者向けにまとめてみたいと思います。はじめにHTML/CSSはW3Cという非営利組織が標準化をしています。1994年の発足以来、何度かバージョンが更新され、2... 2019.04.26ウェブデザイン
ウェブデザイン【初心者ノート】WEBデザイン HTML CSS ボックスの回り込み 前回までの記事で、HTMLとCSSのボックスモデルについて説明しました。ブラウザはコンテンツを表示するとき、HTMLの各要素(body、div、h1、pなど)をボックスとして扱い、HTMLに記述されている順に画面上に配置していきます。WEB... 2019.04.08ウェブデザイン
ウェブデザイン【初心者ノート】WEBデザイン HTML CSS ボックスの大きさ 前回までの記事、「WEBデザイン HTML CSSのボックスモデル その1」と「WEBデザイン HTML CSSのボックスモデル その2」でボックスモデルの説明をしました。今回は、ブラウザ上に配置されたHTML各要素のボックスに対し、スタイ... 2019.04.07ウェブデザイン