フクシマ マサミチ– Author –

Web制作の現場で闘うために必要なスキルや知識、最新のデザインツールや実践的なテクニックを学習する熊本デザイン専門学校GD2 Web演習のための記事を掲載します。 第6回以降は、UIkitを用いた課題の制作期間に入ります。これまでの授業で学んできたことを...

Web制作の現場で闘うために必要なスキルや知識、最新のデザインツールや実践的なテクニックを学習する熊本デザイン専門学校GD2 Web演習のための記事を掲載します。 中期 第5回目では、UIkitで実際に上（ヘッダー）から下（フッター）まで組まれた状態のhtm...

Web制作の現場で闘うために必要なスキルや知識、最新のデザインツールや実践的なテクニックを学習する熊本デザイン専門学校GD2 Web演習のための記事を掲載します。 中期 第4回目では、前回学んだコンポーネント「Width」の続きと、グリッドをレスポンシブ...

Web制作の現場で闘うために必要なスキルや知識、最新のデザインツールや実践的なテクニックを学習する熊本デザイン専門学校GD2 Web演習のための記事を掲載します。 中期 第3回目もUlkitに触れつつ、レイアウトを行ううえで特に重要なコンポーネントについ...

Web制作の現場で闘うために必要なスキルや知識、最新のデザインツールや実践的なテクニックを学習する熊本デザイン専門学校GD2 Web演習のための記事を掲載します。 中期 第2回目はHTMLの基礎知識の復習しつつ、Ulkitに慣れる訓練を行います。 【パスについ...

Web制作の現場で闘うために必要なスキルや知識、最新のデザインツールや実践的なテクニックを学習する熊本デザイン専門学校GD2 Web演習のための記事を掲載します。 中期 第1回目はFramework（フレームワーク）の考え方とツール群の紹介します。 【Webデザ...

第8回以降は、STUDIOを用いた課題の制作期間に入ります。これまでの授業で学んできたことを思い出しながら、制作作業を進めましょう。 【概要】 テーマ スマートフォンで快適に閲覧できるシングルページ（1ページ物）のポートフォリオWebサイト 提出物 STU...

第7回は、ポートフォリオサイトを作る前の練習として、テンプレートのパーツを組み合わせてシングルページ（1ページ物）のWebサイトを作成します。STUDIOでのWeb制作手順を実際に体感しながら、今期の課題制作の際の流れをつかみましょう。 【組み合わせる...

第6回は、いよいよ「レスポンシブ」設定について学びます。「レスポンシブ」設定は、STUDIOでWebサイトを制作するうえで欠かせない設定のひとつです。どんなことが出来るのか、概要から設定方法まで、じっくり学んできましょう。 【どんなスマホサイトを制...

第5回は、STUDIOでより立体的なレイアウトを組むことが出来るよう、要素の配置に関わるプロパティ=position（Relative配置、Fixed配置、Absolute配置）と、要素の重なり順を指定するプロパティ=z-indexについて学びましょう。 【最初に】 STUDIOでWeb制作...