進級展のプレゼンテーションスライドです。

1. 浦尾昂希
初心者向け自動生成サイト
進級作品制作
トライデントコンピュータ専門学校
Webデザイン学科 １年

2. やってたスポーツ：卓球、水泳
好きな食べ物 ：麻婆豆腐
浦尾昂希
自己紹介
トライデントコンピュータ専門学校
Webデザイン学科 １年

3. •意図
• 要素ごとに説明しているサイトではなく、
実際のサイトの外観をもとに配置してある要素を触り、
詳細を調べることができるサイトがあったらいいなと思ったから。
•目的
• JavaScript を今より更に使えるようになりたいから。
• ↑により、これからの制作物の幅を広げたいから。
はじめに
制作の意図・目的

4. • サイトの外見を生成する、
• カーソルを要素に重ねるとその要素の説明テキストに変わる、
• ↑の説明がそのままリンクになっているのですぐ詳細が見られる。
• 初心者の基準：一年前の自分でも分かるくらい。
• 使用したツール：HTML CSS JavaScript
初心者向け自動生成とは
右も左も分からなかった去年の自分へ

5. •Overall-color
•Site-name
•Margin
•Side-menu
選択肢と生成されるもの
ここでは ４つ 紹介

6. • 背景やテキストの色が変わる。
• 画像、背景色以外は
乱数をとって配色している
ので見る度に変わる。
Overall-color
全体色

7. • サイト名を設定(20文字以内)。
• 空白、又はスペースのみの場合
代替テキストが入る。
Site-name
サイト名

8. • 余白が空く。
Margin
余白

9. • サイドメニューを追加。
Side-menu
サイドメニュー

10. HTMLって何？(去年の知識)
そもそも用語知らない問題
用語の知識がなければそもそも
分からない！
…ということで

11. 用語を省いた説明をしてくれる。
オマケに横に詳細なサイトへの
リンクを貼ってくれる。
➠
専門用語わかんないよモード 実装！

12. これから「作る」人たちの一助に
さいごに