HTML・CSS基礎①

webサイトを作る流れ

依頼
ご提案
 ・企画制作(ヒアリング、調査、分析、コンセプト決め、全体の仕様)
 ・サイトマップ(サイトの全体像/サイトの地図のこと)
 ・見積り
 ・ワイヤーフレーム(Webページのレイアウトを記した設計図のこと)
②デザイン素材集め
 ・ロゴ、ピクトグラム、アクセスマップ、写真、原稿を自分で制作したり、クライアントからもらう
③デザインラフの作成
 ・ワイヤーフレームからデザインを作り上げる(レスポンシブ対応も作る場合も)
 ・Ai、Ps、XD、で制作していく
④コーディングしていく
 ・HTML(検索エンジンの為の言語)
 ・CSS(見た目)

HTMLの基本構造について

※ファイル名は半角小文字英数のみ
※記号は「‐」ハイフン「_」アンダーバーのみ使用
※ファイルは整理整頓しておく(どこに何があるかを理解できるように)
バックアップをこまめにしておく(制作過程で戻りたい!という時にバックアップして戻れるように)
※空白は入れない
※必要な文章は用意しておき、コーディングの時は文章をコピペだけの作業にしておく

タグの基本書式と名称

タグ基本構造

(写真お借りしました)

文字コード

日本語が扱える文字コードは3種類ある(Shift_JIS / UTF-8 / EUC-JP)
UTF-8 BOMな を使うと覚える!

絶対パスと相対パス

パス=フォルダ内の特定のファイル名すべての道筋のこと(ファイルの住所)

絶対パス…誰から見ても変わらない住所
相対パス…自分から見た相手の住所
分かりやすいのがあったので引用させていただきます!

タイトルとURLをコピーしました