2020-07-01から1ヶ月間の記事一覧

サイトトレース

サイトトレースの課題完了したので、ポートフォリオにjsを組み込みたいが?

javascriptとjQuery

WEBデザイン事例集jsについて →検証ツールのコンソール、htmlのscriptタグでの呼び出し、簡単な計算式などjqueryについてサイトトレースの課題 8/10まで

サイト製作 11日目

画像素材の加工とレイアウト調整。サイト課題提出日。 みんなの作品をみた。

サイト製作 10日目

ポートフォリオサイトのレスポンシブ対応。 トップページは概ね完了。 PC版のギャラリーレイアウト変更、画像素材の加工、Contactページ、ギャラリーの詳細ページなどが残。

サイト製作 9日目

ポートフォリオサイト、スマホサイズのレイアウト。疑似要素と疑似クラスについて

サイト製作 8日目

ポートフォリオサイト、スマホサイズのレイアウト直しなど

サイト製作 7日目

ポートフォリオサイトの製作。 viewport用の記述を忘れてた。 要素的にはだいたい揃った。 残りはContact用ページと、実際の作品画像の反映、フォントなどの調整、ギャラリー機能など

サイト製作 6日目

ポートフォリオサイト製作開始。 複数画像の重ねる表示について、backgroundcolor以外は可能。グラデを単色にすることで代替可能。

サイト製作 5日目

私用で2日間休んだ。保育園サイトのWordPress化対応。少々強引だが対応させた。ポートフォリオサイトに取り掛かる。

サイト製作 4日目

WordPressの導入 形になった保育園サイトの一部WordPress対応、済み。 全体をWordPress対応するつもり。既存のテーマを改変中。必要な機能まで落としてしまっているかも。

サイト製作 3日目

もくもく作業。保育園サイト完成。縦文字のやりかた。 次はWordPressがよさげ。

サイト製作 2日目

スマホサイズ対応。 画像読み込みの選択、画像のレスポンシブ、レイアウト調整などpositionはパーセント指定でレスポンシブ!

サイト製作 1日目

作ってある保育園サイトのカンプから、コーディング。保育園サイトはPCサイズはひとまず完成。スマホ版が、スマホサイズのつもりがタブレットくらいのサイズ感のようで、スマホ(レスポンシブ)対応がさらに必要なことが判明。文字の省略対応 レイアウト変更…

HTMLとCSS 14日目

テスト課題の補足解説 マージンの相殺やoverflowについて保育園サイトはほぼ出来た。細かい手直し。

HTMLとCSS 13日目

テスト課題最終日。完了のため、自分のサイト製作。CSSGridやpositionの指定など。あとから要素を足すと難しいところは、htmlに記述しておき、非表示設定をした。

HTMLとCSS 12日目

課題完了のため自習 保育園サイトのレスポンシブ対応とスマホ版製作 →mediaクエリなど

HTMLとCSS 11日目

テスト課題 カンプをもとにサイト作成 明後日までだが、個人としては完了

HTMLとCSS 10日目

新テキスト、今日で終わり。明日からは指定されたカンプをもとに実装する予定個人的には、面接対策として、質問回答を考えていた

HTMLとCSS 9日目

新しいテキストに沿ってサイト作成。完了。CSSGridについて

HTMLとCSS 8日目

新しいテキスト(pdf)を見ながら各自学習。最終的にレスポンシブなサイトができる想定。viewportについて

HTMLとCSS 7日目

positionについての続き →絶対位置と相対位置Flexboxについて →display:flex その並ばせ方など

HTMLとCSS 6日目

margin、paddingについてfloatについてpositionについて

HTMLとCSSメモ 1

リセットCSSで、初期化インライン要素で謎の隙間消し →親要素にfont-size:0;img要素の隙間消し →img{ vertical-align:bottom; }レスポンシブ対応 →フォントサイズを62.5%にし、基準として、remでフォントサイズを指定する →デフォルト16pxなので62.5%=10px…

HTMLとCSS 5日目

テキストのやり残しのCSS。 透明度とボックスモデルの練習問題。個人としては別テキストの台湾旅行サイトも仕上げた。

HTMLとCSS 4日目

DreamWeaverでのテキスト2週目終わり。個人としては、保育園サイトのトップの見た目は出来た。別テキストに沿ってコーディング中。