実技 WEBデザイン実習①

-本日のアジェンダ-

1限目
実技 WEBデザイン実習①
Web用画像について

2限目
実技 WEBデザイン実習①
Web画像の解像度について

3限目
実技 WEBデザイン実習①
課題制作

4限目
実技 WEBデザイン実習①
課題制作

5限目
実技 WEBデザイン実習①
課題制作

本日のテーマ

コーディングの準備をしましょう。

制作のポイント

実務ではデザインラフの制作はお客様と、多くのやり取りが必要になるでしょう。
デザインは必ず複数パターンの提案(最低2パターン)をして、お客様とのイメージの共有を具現化して行けるよう進めましょう。

参考サイト

Web用画像とは?

Web用画像には、 主に「jpg」「gif」「png」「svg」が昨今のWebサイトで使われます。 その特徴と違いを確認しておきましょう。

制作のポイント

ファイル名の命名規則は管理しやすいようにしっかりと考えて付けましょう。

ワンポイントアドバイス

「jpg」「gif」「png」「svg」について、まず悩んだら「jpg」透過表現を必要とすなら「png」、「gif」はアニメーションが必要な時ぐらい、「svg」複雑な画像は重たくなるので、条件次第で使う。と良い出よう。

参考サイト

本日の課題

デザインラフができたらコーディングに入りましょう。
コーディングに入ったら、できたところまでのサイトをサーバに仮アップしてみましょう。

学科 SNS運用基礎①【オンライン】

-本日のアジェンダ-

1限目
学科 SNS運用基礎①
SNSについて

2限目
学科 SNS運用基礎①
WebサイトとSNSの使い方について

3限目
学科 SNS運用基礎①
課題作成

4限目
学科 SNS運用基礎①
課題作成

5限目
学科 SNS運用基礎①
課題作成

本日のテーマ

WebサイトでのSNSの活用法についてです。

SNS とは?

SNSとは、Social Networking Service(ソーシャル・ネットワーキング・サービス)の略で、インターネットを介して人間関係を構築できるスマホ・パソコン用のサービスの総称です。

【資料】

カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/

下記のファイルをダウンロードしましょう。
「SNS運用基礎20220817.pdf」 

【動画】

ワンポイントアドバイス

Webを利用するポイントとして、「Webサイト」「ブログ」「SNS」はWeb運用として重要なコンテンツの3つです。役割と特徴をしっかりと把握して、Webに関わるお仕事に関われるようにしましょう。

参考サイト

SNSの埋め込み方

埋め込み例
https://samplesdl.me/training_html-css/sns.html

本日の課題

課題提出はありません。
デザインラフを元にコーディングを進めていきましょう。