Adobeソフトのまとめ 実技 マルチデザイン実習②【Adobe XDについて】
Photoshopで作成したデザインカンプを開き、編集することも可能。グループ化→そのまま反映され、XDの方でグループ化の解除が可能。ファイルからドラッグ＆ドロップすることでそのオブジェクトの形状で自動マスクされる。（左はコピペしたものでオ...
高田紗妃
Adobeソフトのまとめ 
WEBページ制作の記録 【HTML/CSS基礎のまとめ】 実技 WEBページ制作実習②【HTML&CSSの編集/RWD対応WEBページ制作】
CSS編集箇所・メディアクエリの指定<meta name="viewport" content="width=device-width,initial-scale=1.0,viewport-fit=cover">・メディアクエリの最大横幅指...
WEBページ制作の記録 【HTML/CSS基礎のまとめ】 学科 HTML/CSS基礎⑥【Webページ制作/CSSの編集】
引き続きCSSの要素名（タグ名）や属性名を妥当な名称に修正し、サイトを作成しました。↓修正前↓修正後修正で指定した要素 (別途まとめます）背景色、背景画像、文字サイズ、文字色、ボックスの横幅、マージンの指定、文字の太さ、行間、ボックスの高さ...
WEBページ制作の記録 【HTML/CSS基礎のまとめ】 学科 HTML/CSS基礎④【Webページ制作/HTML&CSSの編集】
HTMLとCSSの要素名（タグ名）や属性名を妥当な名称に修正し、サイトを作成しました。↓編集前ブラウザ画面↓編集後ブラウザ画面・スタイルシートがどう反映されているのかを確認したい時 ※いずれもブラウザ上で編集しているので更新すると消えてしま...
WEBページ制作の記録 【HTML/CSS基礎のまとめ】 学科 HTML/CSS基礎②【Webページ制作/HTMLの編集】
要素名（タグ名）や属性名を妥当な名称に修正し、サイトを作成しました。ひつじの画像を差し替えてみました。images/happy に変更HTML保存の注意点保存の際は文字コードの確認をすること。不適切な文字コードは文字化けをおこしてしまう。開...
職業訓練校作品一覧 実技 ECサイトデザイン実習⑤【デザインカンプ作成】
前回のワイヤーフレーム 実技 ECサイトデザイン実習④【ワイヤーフレーム作成】からデザインカンプを作成しました。カフェのイメージ：代々木公園周辺の読書や勉強ができるクラシック音楽が流れるカフェ。本日の授業内でできたところまで載せています。フ...