2020-07-01から1ヶ月間の記事一覧
サイトトレースの課題完了したので、ポートフォリオにjsを組み込みたいが?
WEBデザイン事例集jsについて →検証ツールのコンソール、htmlのscriptタグでの呼び出し、簡単な計算式などjqueryについてサイトトレースの課題 8/10まで
画像素材の加工とレイアウト調整。サイト課題提出日。 みんなの作品をみた。
ポートフォリオサイトのレスポンシブ対応。 トップページは概ね完了。 PC版のギャラリーレイアウト変更、画像素材の加工、Contactページ、ギャラリーの詳細ページなどが残。
ポートフォリオサイト、スマホサイズのレイアウト。疑似要素と疑似クラスについて
ポートフォリオサイト、スマホサイズのレイアウト直しなど
ポートフォリオサイトの製作。 viewport用の記述を忘れてた。 要素的にはだいたい揃った。 残りはContact用ページと、実際の作品画像の反映、フォントなどの調整、ギャラリー機能など
ポートフォリオサイト製作開始。 複数画像の重ねる表示について、backgroundcolor以外は可能。グラデを単色にすることで代替可能。
私用で2日間休んだ。保育園サイトのWordPress化対応。少々強引だが対応させた。ポートフォリオサイトに取り掛かる。
WordPressの導入 形になった保育園サイトの一部WordPress対応、済み。 全体をWordPress対応するつもり。既存のテーマを改変中。必要な機能まで落としてしまっているかも。
もくもく作業。保育園サイト完成。縦文字のやりかた。 次はWordPressがよさげ。
スマホサイズ対応。 画像読み込みの選択、画像のレスポンシブ、レイアウト調整などpositionはパーセント指定でレスポンシブ!
作ってある保育園サイトのカンプから、コーディング。保育園サイトはPCサイズはひとまず完成。スマホ版が、スマホサイズのつもりがタブレットくらいのサイズ感のようで、スマホ(レスポンシブ)対応がさらに必要なことが判明。文字の省略対応 レイアウト変更…
テスト課題の補足解説 マージンの相殺やoverflowについて保育園サイトはほぼ出来た。細かい手直し。
テスト課題最終日。完了のため、自分のサイト製作。CSSGridやpositionの指定など。あとから要素を足すと難しいところは、htmlに記述しておき、非表示設定をした。
課題完了のため自習 保育園サイトのレスポンシブ対応とスマホ版製作 →mediaクエリなど
テスト課題 カンプをもとにサイト作成 明後日までだが、個人としては完了
新テキスト、今日で終わり。明日からは指定されたカンプをもとに実装する予定個人的には、面接対策として、質問回答を考えていた
新しいテキストに沿ってサイト作成。完了。CSSGridについて
新しいテキスト(pdf)を見ながら各自学習。最終的にレスポンシブなサイトができる想定。viewportについて
positionについての続き →絶対位置と相対位置Flexboxについて →display:flex その並ばせ方など
margin、paddingについてfloatについてpositionについて
リセットCSSで、初期化インライン要素で謎の隙間消し →親要素にfont-size:0;img要素の隙間消し →img{ vertical-align:bottom; }レスポンシブ対応 →フォントサイズを62.5%にし、基準として、remでフォントサイズを指定する →デフォルト16pxなので62.5%=10px…
テキストのやり残しのCSS。 透明度とボックスモデルの練習問題。個人としては別テキストの台湾旅行サイトも仕上げた。
DreamWeaverでのテキスト2週目終わり。個人としては、保育園サイトのトップの見た目は出来た。別テキストに沿ってコーディング中。