Nichibun.netは,日本文教出版が運営する,高等学校「情報」のサポートサイトです。
Nichibun.net  
アプリケーション講座
平成25年度用新版教科書
研究会・セミナー情報
「情報」メールバックナンバー
日本文教出版「情報」教科書・指導書
教科「情報」サポート教材
教科「情報」授業支援Contents
情報教育 実践事例紹介
アプリケーション講座
□はじめて学ぶシリーズ
■はじめてのコンピュータ
■はじめてのインターネット
■はじめての電子メール

□ソフトを使ってみよう
■JustSystem 一太郎
■Microsoft Word
■Microsoft Excel
■Microsoft PowerPoint
■Microsoft Paint
■Adobe Illustrator
■Adobe Golive
■Mcromedia Flash
■Jasc PaintShop Pro
■HTML
■3DCG
■Computer Music
■Word・Excel小技集
■オリジナルグッズの制作

□Webページづくりにチャレンジ
−Webページの制作

■インターネットって何?
■なぜWebページ
■Webページ制作の流れ
■Webページのプランニング
■情報の収集・検索・整理
■画像の取り込み
■画像の豆知識
■色の豆知識
−タイトルロゴの制作
■ロゴの制作/Fireworksって何?
■新規ファイルの作成
■ロゴの作成
■効果をつける
■保存する
−アニメーションの制作
■ロゴアニメーションの制作/Flashって何?
■新規ファイルの作成
■文字の入力
■シンボル作成
■フレーム作成1
■フレーム作成2
■ロゴの拡大縮小
■保存と書き出し
■キャラクターアニメーションの制作/Flashって何?
■新規ファイルの作成
■キャラクター作成
■ライブラリ利用1
■ライブラリ利用2
■アニメーション
■保存と書き出し
HOMEへ
日本文教出版
Webページづくりにチャレンジ

 さて,ここからは,みなさんでWebページ制作を始めてみましょう。制作の流れからデザインまで幅広く解説していきます。

 制作しようとするコンテンツの企画を立案し,完成させるための具体的な計画を作成します。一人で制作する場合とグループ,チームを組んで制作する場合では作業の進め方も異なってきますが,基本的にやるべきことは同じです。ここでまず重要なことは,これから制作するWebページの完成イメージを持つことと,無理のない制作スケジュールをたてることです。
  いくら最初にやる気があってもそれを持続させることは大変なことです。そのためにもはじめに共通 した完成イメージと計画性のある作 業を行って行きましょう。また,グループで制作する場合は,何度も話し合いの時間を持ち,各々のアイデアを自由に出し合い,それを検討するブレインストーミングを行う必要があります。リーダーはメンバーの力が発揮されるよう調整作業が重要な役目となります。

 企画と計画ができあがったら,いよいよWebページの構成図と各々のページの絵コンテを描きましょう。ここでは,Webページ全体と各々のページのデザインを行います。ページに必要な情報をどのように集めるか,それをどのように編集していくか,ここで十分検討しておく必要があります。

 素材の制作やそれらを組み合わせて画面を作りあげていく具体的な制作の段階であり,Webページ制作の中心となる段階です。書籍,写 真,図などの資料を収集しスキャナで取り込んだり,人物や風景などをデジタルカメラ,ビデオを使って撮影したり,CG(Computer Graphics)を利用して画像を作成するなど,素材となる画像やデータを制作します。また,アニメーションの場合には,登場するキャラクターや画面 の変化などの動きをコントロールするアニメーションデータの作成を行います。

 制作した素材を組み合わせてWebページを制作します。素材(データ)をいかに効果 的にわかりやすく編集していくか,最も重要な作業です。制作にあたって,ワープロ感覚でWebページを制作するHTMLエディターを使う方法と,HTMLコマンドを直接入力する方法があります。どちらも同じ結果 が得られますので,作業しやすい方法を選ぶと良いでしょう。
 完成したWebページは自分一人で楽しむものではなく,多くの人に見てもらい楽しんでもらうということを考えなければなりません。作りっぱなしで終わらずに,そのページが見やすいか,または記述が正しいかなど自分で評価項目を作っておきチェックする必要があります。実際にユーザに使ってもらうことではじめて発見される操作性の面 での不具合や問題点も多いので,それらを発見し改良,修正するデバッグ(debug)も重要な仕事です。
Copyright(C) 2000-2005  Nichibun.net


Webページの制作
インターネットって何? なぜWebページ Webページ制作の流れ Webページのプランニング
情報の収集・検索・整理
画像の取り込み 画像の豆知識 色の豆知識
タイトルロゴの制作
ロゴの制作/Fireworksって何?新規ファイル作成ロゴの作成効果をつける保存する
アニメーションの制作
ロゴアニメーションの制作/Flashって何?新規ファイル作成文字の入力シンボル作成
フレーム作成1フレーム作成2ロゴの拡大縮小保存と書き出し
キャラクターアニメーションの制作/Flashって何?新規ファイル作成キャラクター作成
ライブラリ利用1ライブラリ利用2アニメーション保存と書き出し

上に戻る
  Copyright(C)2006,Nihon Bunkyou Shuppan Co., Ltd.All Rights Reserved. プライバシーポリシー サイトマップ お問い合わせ