chevron_left

スマホサイトコーディング入門
PREMIUM
第5回

スマホサイトコーディング入門 -ユーザーが操作するUIを作る:戻るボタンなど-

2015年9月28日 60min
スマホサイトコーディング入門 -ユーザーが操作するUIを作る:戻るボタンなど- play_arrow おためし受講

スライド資料

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

1 / 28

授業の概要

この授業ではスマホサイトの特性と振る舞いを学び、完成予想図通りにHTMLとCSSでコーディングして完成させるまでを学んでいきます。
Googleアルゴリズムがスマホ対応サイトを優先するようになり、ますますWebサイトはスマホUIが重要になってきました。コーディングは初めてという方はもちろん、PCサイトは作ったことがあるがスマホサイトは未経験という方にオススメの授業です。

今回のアジェンダアジェンダ
・操作性を一義的に考える
・ユーザの操作に反応する画像
・上に戻るボタンを作る

■ 事前準備

この授業はテキストエディタとブラウザ(GoogleChrome)を使用します。またHTML／CSSの基本を理解している方を対象としています。自信の無い方は、下記授業をご受講ください。

 

こんな人にオススメ

Web制作フローを学びたい方、Webコーディングを学びたい方、スマホサイトコーディングの経験がない方

担当の先生／パーソナリティ

授業で使用する教材

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

チャプター

play_arrow
自己紹介＆アジェンダ
02:47
play_arrow
デバイスにフィットしたUI
04:11
play_arrow
アクセスをasideに作る
04:35
play_arrow
htmlにgoogleマップを埋め込む
06:55
play_arrow
asideタグの中にdivを作りiframeを入れる
11:22
play_arrow
「上にもどる」ボタンを作る
14:35
play_arrow
Ｑ：GoogleMapsの埋め込みについて
01:46
play_arrow
Ｑ：footerについて
02:55
play_arrow
Ｑ：.btnについて
03:14
play_arrow
Ｑ：仮想サーバーについて
01:21
play_arrow
Ｑ：上に戻るボタンについて