記事一覧
0830授業jQueryの実践
今週は授業をお休みしたので録画で確認しての勉強。
jQuery....とても難しいそう....と、でも使えたら楽しいそうだしサイトのクオリティーが上がりそうなので頑張って勉強したいです。今週もやることが山積みなので整理したいと思います^^;
今週やること
①課題02作成して提出
②jQueryの勉強
③サーバーにUPしてみる
④整骨院の訂正とスマホ用レスポンシブのデザイン
⑤ポートフォリオ
と
0823授業フォーム作成とFTP
フォームの作成
inputにCSSを当てると全部に効いてしまうので[typ="text"]と付け足すとテキストフォームにだけCSSが当てれる。フォームは色々装飾できるのでまたオリジナル作成のときにやってみたい^^
FTP
授業を聞いていて勉強をしなければと思いました＊o＊
サーバーにUPする作業はしたことがないし今後避けては通れないものだということで無料のものでやってみたいと思います。
今週す
0816授業_レスポンシブ②
・max-widhtとwidhtを先に設定する
・同じ階層のclassは半角開けない
・ユーザービリティー（ユーザーの使いやすさ）
・footerがまで手を抜かず作ること
・sp用に画像をつくる
・レスポンシブのGoogleの地図の埋め込みは古いのはダメ。「ツール」で1年以内で調べて使う事。
・<picture>タグを使う
・新しいタグは対応できないブラウザがあるから注意
・押すと何かが起きる！→
0809_授業_レスポンシブ
課題01の下層ページの残りの作成
・コードを検索するときは「⌘F」
・大規模なHPを作成するときはページをフォルダで分ける
・コンポーネント→1つのまとまり、使いまわせる
・ページ内でのリンクの仕方
・擬似クラス→「:」
・擬似要素→「::」マークを表示するときに使う。htmlに書き込むと選択されるがCSSで書くと選択されない。同時に訂正できる。
レスポンシブ
・ブレイクポイント→画面が切り替わ
0719授業_コーディング
いよいよコーディングの授業でした。
なんとかついていきました。
デザインとは違う頭の使い方をするので楽しかったです^^コーディングにはちゃんとした正解があるし覚えることは半端なく多いですが＾＾；でも楽しかったです！
とりあえず課題のtopを完成させてそれを何回か繰り返してみる！
☆ショートカットを覚えること
mg15→tab・・・・margin:15px;
fz20→tab・・・font
0628授業_webサイト模写②
この授業の前に自習でサイト模写をしました。
このサイトも引き続き模写していこうかと思います！
授業で勉強になったことで書き忘れが^^;
・コピーライトの長さに流行りがある事も初めて知りました^^昔は長いのが主流だったけど最近は短いのが流行り！
あと「画像アセット生成」も作業でしたのですが、もう一度授業を見直して自分でやってみます＞＜
0628授業_webサイト模写①
今日はwebサイトの模写の授業でした。
バナー模写とは違ってサイト模写はキッチリ測っていかないとだめで、
・ガイドで位置を合わせたり
・長方形選択ツールで測ってスマートガイドで何pxかを調べる
などのやり方でキッチリ文字やオブジェクトを置いていく作業でした。
あとグループもしっかり名前をつけて管理しないとえらいことになりそうです^^;
・headerをまるごとコピーしてfooterに活用でき
Photoshop授業②
先週美容バナー模写をしたもののリサイズの授業でした。
これが600×600。
これが今回作成したもの。
バナー模写をするときは今度からリサイズもしていきたいと思います！
Photoshop授業①
今日は初めてのオンライン授業でした☆
バナーの模写でした。
フォルダを細く分ける癖をつけないとと思いました。
円に沿って文字を書く時にオブジェクトを最後捨てても文字は残るのに驚きでした。
やはりIllustratorとは違う所が沢山あるので初心に戻って勉強できました＾＾☆あとはバナーの模写をしていこうと思います！
◆オンライン授業の際の画面共有について
・ ipad → zoom
・ ノート