サイトの制作の流れ

0.依頼をいただく

1.ご提案（企画をまとめる）
・企画書（企画案）
・サイトマップ
・見積り
※場合のよっては「ワイヤーフレーム」の用意が必要な場合もあります。制作依頼を受諾「制作スタート」

2.デザインに必要な素材の作成

必要なものをそろえる・下準備

3.デザインラフの作成

※必要に応じて「PCのデザイン」だけでなく「スマホ・タブレット」の素材も用意

使用するソフトの選定

4.コーディング

HTMLは検索エンジンの為

コーディング
言語→検索エンジンに内容を伝えるための言語

（右クリック）ページのソース
HTML→タイトルは検索結果の表題となるもの（タイトルがそのまま検索結果として出てくる文言になる）なのでとても大切。


HTMLは、googleやYahoo！の検索エンジンに対して、「このサイトは
何を記述してある」という事をマークアップする為の言語です。
その為にまずは、文法をしっかりと理解する。


（右クリック）ページを検証
CSS→CSSはデザイン（見た目）
CSSは、見た目を作る為の言語です。紙に筆で絵を描くように、CSSと
いうプログラム言語を利用して、Webサイトを描きます。
使い方や特徴をしっかりと理解する。


参考
■ＨＴＭＬ・ＣＳＳのメモ書きサイト
https://samplesdl.me/training_html-css/
・2022年9月某日現在の作品です。
・現時点で確認済みの、ほぼ全てのブラウザで使えるタグのみを掲載
・よく使うスタンダードなタグのみを掲載
・ページからコピペ（コピー＆ペースト）出来るように作成してあります。

検証ツール参考サイト
http://www.htmllint.net/html-lint/htmllint.html

【動画】