chevron_left PCサイトコーディング入門

PCサイトコーディング入門

PREMIUM
第5回

PCサイトコーディング入門 -googleマップをサイトの全幅にする-

2016年5月8日 60min

会員登録して、全てのスライドを見よう

1 / 36

授業の概要

「PCサイトコーディング入門」ではPCサイトの特性と振る舞いを学び、デザインカンプ通りにCSSコーディングしてシングルページのPC用UIを完成させるまでを学んでいきます。難易度はターミナルのWebデザイナールート、「A-1 WebデザインのためのHTML入門」「A-2 WebデザインのためのCSS入門」をご受講済みの方、または同程度のレベルの方に合わせてあります。

第5回「googleマップの全幅コーディング」では、googleマップで吐き出させれるiframeのhtmlタグをサイト全幅に設置し、リキッドデザインにするcssコーディング手法を学びます。

■ 事前準備 この授業はテキストエディタとブラウザ(GoogleChrome)を使用します。

またHTML/CSSの基本を理解している方を対象としています。自信の無い方は、下記授業をご受講ください。

WebデザインのためのHTML入門

WebデザインのためのCSS入門

「PCサイトコーディング入門」1〜4回もあわせてご覧ください。

こんな人にオススメ

サイト幅を変えても幅一杯に配置されるgoogleマップのcss成型方法を学びたい方

授業で使用する教材

※授業以外での使用は禁止します