2021/05/13

【progate】

・学んだこと

・出来上がり

f:id:mauji:20210513224321p:plain ・まとめ・感想

progateのヘッダーとフッダーを実際につくってみた。

なのに、あれ・・・・・

思ったのと全然違う。泣

今日は遅いので次回は、原因究明をする。

2021/05/11

【レイアウト基礎講座】1日目:様式を学ぶ
●学んだこと

様式効果	様式によって印象が変わる。例）グラフィックを増やすことにより、より親しみを持つようになる。
視覚度	視覚的な訴求力の強さ
モチーフの訴求度	一般的に、人間が一番訴求力が高く、顔は最も強い。
図版率	図版の面積率

●まとめ・感想

改造する前後のものを比較すると、かなり印象が変わることに気づいた。

整えるか、図版率を増減するか、イラストにするのか写真にするのか、また、その写真やイラストを何にするか、ひとつひとつに意味があり、作る時は考えていきたいと思った。

【progate】レイアウトを作ろう

●学んだこと

DOCTYPEを宣言する	<!DOCTYPE html>
	headとbody要素があり、headの内容はHPには反映されない
head要素の中身	①文字コード②ページタイトル③CSSの読み込み
文字コードを指定する	<menta charset="utf-8">
	文字化けを防ぐことが出来る
ページのタイトルをつける	<title>progate</title>
	ブラウザのタブ上に現れる
CSSの読み込み	<link rel="stylesheet" href="CSSのファイル名”＞
relとは	relationの略。「レル」と読む。関連性を表している。
hrefとは	hrefとは「hypertext reference」の略。「エイチレフ」と読む。

●まとめ・感想

レイアウトを作る時の最初の工程を学んだ。

HTMLで最初型をつくり、<head>でページの設定を行う。

次はレイアウトの構成を学ぶ。