マガジンのカバー画像

復習

7
運営しているクリエイター

記事一覧

0809授業_レスポンシブ_復習

とりあえずレスポンシブ下層ページまで終了。
まだメニューができていない。

子供が休みだとやはり時間が取れないな。

あと上手くいかないところもそのまま><
次の授業を聞いてもできなかったら提出時に聞く事。

メモ
・画像を全体の2割の表示にするとき → height:20vh;
・画像のトリミング → object-fit:cover;

0726授業_コーディング_復習②

topページ3回目
(少し動画見ながら)→2時間

下層ページ2回目
(動画見ないでわからないところのみコード見本確認)
・商品一覧 → 1時間
・お知らせ → 3分
・よくある質問 → 1時間
・アクセス → 16分
・お問い合わせ→ 45分

微調整
→25分

とりあえず全ページ作成して2回目で(top3回目)
提出してレビューをもらったので、次に進む。。。

メモ
・width:calc(

もっとみる

0726授業_コーディング_復習

デザインカンプ(見本あり)を元に作成する課題のtopページは前の授業で完成しました。後の下層ページは課題です。

今後の目標:動画を見ながら下層ページも含めて1回目は終了。2回目は時間を測ってみること。3回目が出来たら提出して添削してもらうこと!最近コーディングでいっぱいいっぱいでサイトレビュー全然できていない^^;ちょっと休憩がてらにサイトレビューしてみること!

あと全ページ完成したら下層ペー

もっとみる

0719授業_コーディング_復習②

課題のトップページをもう一度しようと思ってやってみると1回目よりは見本動画を止めずにできたけど、次はこうするにはどうすればいいかを考えながらすると、1回目は何も考えずに見本通りにしてただけだなぁと思いました。。。それで出来た気になってました(-_-)

とりえず2回目はトップページの残りは明日の授業前にできるといいのですが。。。子供たちのお昼ご飯をまだ決めてないし買い物も行かないと><

何回も出

もっとみる

0719授業_コーディング_復習①

とりあえず課題のtopは完成できました。
見本動画を見ながらやったのですが止めてはやっての繰り返しでめちゃめちゃ時間がかかりました><時間を測っていたのですが途中、家事や他の仕事などを色々しながらだったのでわかりませんがとりあえずめちゃ時間かかりました。

見本動画を見てやってもスペルミスや文字が抜けてたりで上手く表示ができなくて、どこが間違っているんだ?!と間違い探しにも時間がかかり、でも間違い

もっとみる

0628授業_webサイト模写_復習③

Photoshopでのデータの作り方を添削してもらってわかった事

・画像はスマートオブジェクトに変換して配置
・レイヤーのフォルダはブロックごとに作る
・アセット書き出しの際同じ画像を同じ名前をつけると書き出しの際、画像が重複するので他の同じ画像の名前を変えること

スマートオブジェクトにするのはどうしてかわからなかったのですが、同じ画像を一気に修正できることと、画像をきれいに保てて編集が可能と

もっとみる

0628授業__webサイト模写_復習②

授業のサイト模写の残りの部分です。

模写をしていて気づいた点は
・headerとfooterはそのまま別のページもコピペでいける
・送信ボタンやリンクボタンがなぜ押せると感じるのかと思った
・作っていて感じたのは思ったより文字が小さい

初めての模写なのでまだどのへんが参考になったか具体的にはわかりませんが数をこなしたら感覚的に何か身につきそうな感じがしました^^