実技 WEBデザイン実習①

-本日のアジェンダ-

1限目
実技 WEBデザイン実習①
Dreamweaver について

2限目
実技 WEBデザイン実習①
Dreamweaver の使い方とコーディングについて

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

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

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

本日のテーマ

Dreamweaverです。

Dreamweaverについて

Adobe Dreamweaver（アドビドリームウィーバー）は、ひとことで言うとホームページ制作ソフトです。
編集機能やレイアウトの表示機能、ファイル管理機能など、制作や更新作業に必要な機能がひとまとめになっている、統合ソフトウェアとなります。
アドビシステムズのホームページでは、“Webデザインソフトウェア、HTMLエディター”となっています。“Webオーサリングツール”や“Webサイト作成ソフト”などとも呼ばれます。ホームページは基本的に「HTML＋画像」なので、頑張れば「メモ帳＋ペイント」でもなんとか作れます。しかし、作業効率などやミスの防止などを考えると、専用ソフトを利用した方が効果的です。

ワンポイントアドバイス

Dreamweaverの歴史は長いです。いま世にいるデザイナーのほとんどの方がDreamweaverを過去に使った又は習った事のあるケースが多いです。ただし、昨今ではDreamweaverの需要は落ちています。
その理由は、様々ですがこれからの希望職に合わせて、習得してみてください。

参考サイト

第5回成績考査について

8月30日(火)の5限目までに、Webページを提出してください。
※WEBページはFFFTPでHTMLサーバーにアップしてください。
※サイト内容は自由です。是非、就職活動に活かせる作品を作成してみてください

就職活動に役立つサイト

情報収集に役立つ参考サイト

実技 XD実習

-本日のアジェンダ-

1限目
実技 XD実習
スマホサイトの制作について

2限目
実技 XD実習
プロトタイプのフロー設定と共有機能について

3限目
実技 XD実習
課題制作

4限目
実技 XD実習
課題制作

5限目
実技 XD実習
課題制作

本日のテーマ①

スマホサイトの制作について

スマホサイトの制作について

Adobe XDでは、webサイトや、モバイルアプリなどのデザインに適した、オールインワンのUX/UIソリューションと言われています。デザイン、プロトタイプ、共有、すべてをXDでおこない活用することで、デザイナーはより早く、正確に、高い品質で作業できます。

ワンポイントアドバイス

XDを使ってスマホサイトのデザインを構築するのが、昨今のXD利用の最も実践的な利用方法でしょう。aiやpsdでも作れてXDでもワイヤーフレームやデザインラフを制作で来ていると理想的でしょう。

参考サイト

本日のテーマ②

XDの共有機能について

XDの共有機能について

「共有」は、作業チームのコミュニケーションをスムーズにしたり、情報伝達を容易にしたりする機能です。1つのWebサイトやアプリを作る際には、多くの人の意見をとりまとめたり、必要に応じて修正を加えたりする必要があります。Adobe XDにはそんなチームの共同作業をスムーズに進めるための各種機能が含まれています。

ワンポイントアドバイス

XDの共有機能は、会社お勤めになってから利用すると良いですが、出来る事と出来ない事、注意点を確認しておきましょう。

※訓練施設のアカウントは施設アカウントなのでこのPCではやらないでください。お仕事の時やご自身のアカウントで行いましょう。

参考サイト

その他参考サイト

第5回成績考査について(告知)

8月30日(火)の5限目までに、Webページを提出してください。
※WEBページはFFFTPでHTMLサーバーにアップしてください。
※サイト内容は自由です。是非、就職活動に活かせる作品を作成してみてください。