WEB基礎 デザインラフ
デザインには必ず意味がある。２提案するのは、そこをお客さんに気づかせてあげる。例えば、
ロゴ（画像）をH1にしてもaltとtitleで入れればSEO少しだけ弱まるけど十分OK
文字サイズ違うときはクラス使うもしくはlistの内...
MATSUKAYO
WEB基礎 
WEB基礎 ワイヤーフレーム
ワイヤーフレーム（デザインカンプ）とは
WEBサイトのレイアウトデザインのこと。まず、何をしたいのか？を明らかにして、パーツを決める。時間をかけずにすり合わせることが大切。※イラスト・ピクトグラム・アクセスMAPなどはまだ作らない。...
WEB基礎 CSS基礎6(リスト,表,疑似要素)
list-style-type
リストの頭の装飾を決める。「none」で使って横並びにして、項目やメニューを作ったりすることが多い。
listはもともとblock。これをdisplay: inlineに指定することで、文字幅の...
WEB基礎 CSS基礎5(position,display,overflow)
position
効果は「座標をかえる」。コーディングをするときに、最後に書くといい。移動させたときは、元居たエリアは、詰められずに空いてしまうことに注意！
ブロックレベル要素でも、position使うと座標の概念が発生するの...
WEB基礎 CSS基礎4(float,clear：回り込み)
前提として、、、floatとclearは古のタグですが、知らないと過去のファイルを直せないので学ぶ。ボックスを横並びにさせるためのもの。
万が一、書いてるのに効かない場合は、横幅計算ミスが原因なことが多い！
はじめに
r...
WEB基礎 CSS基礎3(BOX-model)
CSSのバージョンは「レベル」と呼ぶ。使えるようになると言えるのはW3Cの「勧告候補」になった段階から。
UI/UXから考えるWEBサイト
最近は利き手と反対の手で方手持ち。よって、ボタンは下の方がよい。
更にスマホは縦...
WEB基礎 CSS基礎2(font,背景,コメントアウト)
font-family
フォントファミリー名は引用符で囲い、総称フォント名は引用符では囲わない各フォントファミリー名をカンマ（,）で区切って記述font-familyに複数のフォントを指定した場合、前に書いたフォントから優先的に適用...
WEB基礎 CSS基礎1（テキストの装飾）
CSSは現在のところ、SEOには全く関係ない。見た目を制御するだけのもの。
静的WEBサイトを作成する手順
イラレ、フォトショを使って見た目を作るそれに沿ってHTMLでマークアップするCSSで見た目を整える
EC業界の現...
WEB基礎 サーバーに記事をアップして公開する方法
CSSの指定方法3種類
CSSファイルを別にして書く
外部スタイルシートを読み込む方法。headタグのエリアに読み込みファイルを記述する。現在、最もポピュラーな方法。
HTML内に記述する
HTMLのheadエリア...
WEB基礎 サンプルコードを書いてみよう！
マークアップ
簡単な自己紹介原稿をHTMLコードを書いてブラウザで確認してみる。最初のHTML宣言などは間違えないようにコピペする！※作業フォルダを作成してそこに画像などのファイルも入れる。
TeraPad操作Tips
...