記事一覧
webデザインの勉強のモチベーションを保つ３つの方法
「初心者でwebデザインの勉強を始めたとき、どうやってモチベーションを上げましたか？」
「やっぱり初心者では、webデザインの勉強は難しいのかな？」っと聞くことが多いです。
私もパソコン初心者からのwebデザインを目指し、スクールで勉強しました。
私が実際に実行したwebデザインの勉強のモチベーションを保つためにした方法をお伝えします。
webデザインの勉強のモチベーションを保つ３つの方法
0
MARCO流ディレクターの心得
CFの授業が終わって早２ヶ月
早いなと感じながら、更新しようと思って書かなかったグループ制作について
私なりに考えたディレクターの心得をご紹介
・コミニュケーションを大事にする
・感謝の気持ちを伝える
私が４ヶ月通ったwebデザインスクールCFではグループ制作があり１チーム4〜5人で
・ディレクター
・デザイナー
・コーダー
と３つの役割にわけられる。
振り分けは、事前アンケートの希望と
コーディングが苦手な人のための講座
先週日曜クリエイターズファクトリーで私にぴったりの講座があったの参加してきました。
講座を受けてみて・・・・・
在学中に受けたかったよ！！
これが率直な意見
私はいつものように仕事からの参加で、5分ほど遅れて参加
今回の講座では
・苦手意識をなくす
・コーディングのポイント
・コーディングのコツ
大まかに分けたらこの3つを教えてもらいました。
苦手意識をなくす
コーディングに対し
モチベーションの保ち方
私がCFに通うにあたって意識したことが1つある。
『まわりと比べないこと』
人ってどうしても比べてしまう生き物
比べてモチベーションが下がってそのまま取り戻されないなってことも。
そんな経験もしてきたからこそできた。
初めから同期のみんなと比べるとPCの知識や、苦手意識が強かったので
自分なりに納得いくように勉強をして、４ヶ月で全部取得できなくてもその後に続けて勉強すれば必ず取得できる
学習ログ〜お問い合わせフォームのレイアウト〜
本日の勉強1.お問い合わせフォームのレイアウト
1-1 inputとtextared
1-2 送信ボタン
1-3 value属性
1-4 複数のセレクタに同じCSSを指定する
1.お問い合わせフォームのレイアウト
1-1 inputとtextared
<input>
１行のテキスト入力を受け取るための要素
※終了タグ不要
<textared>
複数行のテキスト入力を受け取るための
学習ログ〜コンテンツ〜
本日の学習1.メインのレイアウト
1-1 mainの構造
1-2 文中の一部にCSSを適用させる
1-3 ブロック要素・インライン要素
2.コンテンツの構造
3.ボーダー
3-1 枠線をつける
4.内側の余白と外側の余白
4-1 padding&margin
4-2 ボックスモデル
4-3 maginまとめ
1.メインのレイアウト 1-1 mainの構造
①copy-cont
学習ログ〜フッター〜
本日の学習1.フッターの構造
1-1 フッターの枠組み
1-2 フッターのレイアウト
1-3 入れ子のセレクター
2.フッターのレイアウト
2-1 float: right
2-2 要素を左右に配置する
1.フッターの構造
1-1 フッターの枠組み
<div class="footer">
<div class="footer-logo">Progate</div>
学習ログ〜ヘッダー〜
本日の学習1.ヘッダーの構造
1-1 ヘッダーの枠組み
1-2 リスト先頭のマークを消す
2.ヘッダーレイアウト
3.余白の調整
3-1 padding: 値 ;
3-2 padding の使い分け
3-3 paddingのまとめ書き
1.ヘッダーの構造
1-1 ヘッダーの枠組み
ロゴの<div>要素とヘッダーリスト<div>要素でグループ化する
<div class="head
学習ログ〜HTMLの&レイアウト〜
本日の勉強1.HTMLの全体構造
2.HTMLバージョンを指定する
3.<head>要素とは
4.<head>要素の中身
5.文字コード指定
6.ページのタイトルをつける
7.CSSの読み方
8.レイアウト
9.裏技
1.HTMLの全体構造
・HTMLファイル
決められた型を書く必要がある
<html>内には
<head>要素 ・・・ページに関する情報
<body>要素 ・・・実際