【Code with Google】Grasshopper - Intro to Webpages #5 - ANIMAL ADOPTION

2020年3月11日水曜日

Intro to Webpages

t f B! P L

Just a Title

動物の養子縁組ページの作成を開始します

Getting the Data

採用可能な動物に関する情報を含むデータをインポートし、それを使用してWebページへのコンテンツを追加します

Picture Perfect

各動物の画像と説明を追加します

Adding Buttons

動物ごとにLike ボタンを追加します

Time to Style

CSSを使用してWebページにカスタムスタイルを追加します

Listen Closely

ボタンをクリックして、テキストが変更されるかどうかを確認します

このブログを検索

自己紹介

自分の写真
インターネットの仕事をしながら日本の教育のことを考えたりしています。 テクノロジーで教育がより良くなることを信じています。 私自身のGoogle for Educationトレーニング体験を通じて学生、並びに教職員の方のお役に立てれば幸いです。

QooQ