-本日のアジェンダ-
1限目
学科 レイアウトデザイン基礎⑤
デザインカンプの講評
2限目
学科 レイアウトデザイン基礎⑤
課題制作
3限目
学科 レイアウトデザイン基礎⑤
課題制作
4限目
学科 レイアウトデザイン基礎⑤
マークアップについて
5限目
学科 レイアウトデザイン基礎⑤
課題制作
本日のテーマ
コーディングに向けて手順を確認しましょう
ラフを修正でき次第、下記フォルダにアップしてください。
【作品】オリジナルサイト20210324カンプ完成
①-5.コーディングの設計図
コーディングの前にラフ上でマークアップを書いてみましょう。
１、ラフをJPGで書き出し、そのJPGをPhotoshopで開きます。
２、画像のレイヤーを透明度70%にする。
３、タグを書き込んでいきましょう。
４、JPGで保存
どのタグが適切か考えましょう（使わないタグがあってもOKです）
▼レイアウトに関するタグ
<header>
<main>
<footer>
<nav>
<section>▼意味のある主なタグ
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
<p>
<ul><li>
<ol><li>
<dl><dt><dd>
<table><tr><th><td>
<img>▼CSSの記述の際、必要になった時に使うタグ
<div> ・・・ブロック要素
<span> ・・・インライン要素意味がわからなくなったら下記のページを参考に！
【作品】オリジナルサイト_20210324_設計図