webサイトの作り方の基本を再確認

こんにちは、かずまなぶです、2019年 あけましておめでとうございます。

初心に帰りまして、いままで乱雑に学んできてしまった、webサイトの作り方の基本を今一度確認しようと思います。

基本要素をふんだんに使ったHTMLサンプルコード

上記のHTMLだけでは下記のような、縦一列の体裁になる。あとでCSSが必要

CSSとリンクして体裁を整える

 

 

 

デザインの参考になるサイト:とにかく真似をする

io300.com

IKESAI.com

サイズと色を測る:chromeの拡張機能

measureIt

ColorZilla

chromブラウザの右上に常駐しますので、アイコンをクリックすると機能します。

HTMLエディタ

sublimetext3

DOCTYPE宣言:html5を使用する宣言  CSSの解釈が異なる

<!DOCTYPE html>

効果的なボタンやバナーのデザイン