アイディア編
目標#
作りたいウェブサイトを考えてデザインする
3種類のWebサイトから作りたいものを一つ選択しよう#
今回、3つのコースを用意しました！ それぞれ、サイト全体の構成や、JavaScriptを使って作成できるコンテンツが異なります！ 自分の作りたいWebサイトのイメージに近いものを選択してください！
1. Event コース#
このウェブサイトの特徴は、実用的なツールが集まっているところです。また、左半分には文章をたくさん書くことができます。 自分のウェブサイトで、何かを詳しい文章で紹介したい人にはおすすめです！
見本のサイトはこちら
(選べる追加コンテンツ)
- 今日のお天気
- 気象庁からデータを取ります！
- 時間
- カレンダー
- 電卓の作成
(作成例)
- イベントを紹介するウェブサイト
- 文化祭、部活のコンクール
- 好きなアイドルの次のライブ
- 学校や部活を紹介するウェブサイト
2. Gallery コース#
このウェブサイトの特徴は、写真と短い文章(紹介文など)をいくつも表示できるところです。自分が紹介したいものが、複数ある人におすすめです！
見本のサイトはこちら
(選べる追加コンテンツ)
- ページトップに戻るボタン
- ふわっとコンテンツ出てくるアニメーション
- 日付の表示
(作成例)
- 自分の好きなもの・ことを紹介するウェブサイト
- 歌手、アイドル、音楽
- 自分の作品を紹介するウェブサイト
- カフェのメニューを紹介するウェブサイト
3. Party コース#
このウェブサイトの特徴は、スライドショーを使って写真をたくさん表示できるところです。また、ウェブサイトを見に来た人が楽しめるコンテンツが多いので、 楽しいウェブサイトを作りたい人におすすめです！
見本のサイトはこちら
(選べる追加コンテンツ)
- スライドショー
- ビンゴゲーム
- ランダムでおすすめを表示
- 占い
(作成例)
- レクリエーションをするときに使うウェブサイト
- ウェブサイトを見た人が楽しめるウェブサイト
おまけ#
HTML/CSSコースのWaffle Campにすでに参加してくれた方は、自分のWebサイトにコンテンツ追加する方法も選択できます！
ウェブサイトの内容を考えよう#
ウェブサイトの型が決まったら、次は内容を考えていきましょう。
ここから先は、次のページで説明します！