Webサイト制作の流れ CEC公開授業 ~テーマ決定からサイト公開まで~ 2007年11月20日 於:東京都立板橋有徳高校

Slides:



Advertisements
Similar presentations
著作物の利用と使用 開 始開 始 再生時間:3分50秒. 著 作 権 法著 作 権 法著 作 権 法著 作 権 法 利用するには 皆さん、著作物の利用 と使用には区別がある ことを知っています か? 使用するには 作った人の許諾が必要 『著作物の利用と使用』 使うときのルールを 守る必要がある.
Advertisements

コンピュータ基礎実習上級 #4 拡張子、 URL 、ファイル名 一般教育研究センター 安田豊. ファイル名と拡張子 ファイルには名前が付けられている 区別のため。整理などに便利に利用するとよい。 abc.html ピリオドによってファイル名を前後に分ける習慣がある。 ピリオドの左は整理のために自由な名前を選べる.
1 ブログ操作マニュアル 2008 年 2 月 15 日作成:株式会社ちらし屋ドットコ ム. 2 ■ ログイン ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi へアクセスし、 ユーザー名、パスワードを入力し、サインインをクリックする。
CEC 公開授業 Web サイト制作の流れ ~テーマ決定からサイト公開まで~ 2007 年 9 月 14 日 於:京都すばる高校 学校インターネット教育推進協会.
事前アンケートの結果 調査日:平成23年 ○ 月 ○ 日 対 象: ○○○○○○ 中学校 ○ 年 ○ 組 ○ 名.
Web パブリッシング 1. この授業について. この授業の目標 Web サイトの構築とその維持管理の技 能を身につける –HTML 、 CSS 、( JavaScript ) Web サイトの構築とは –HTML 文書をインターネットに公開するこ と= Web パブリッシング.
~卒業記念文集 CD-ROM の製作~ 題材の長所 ・ Web ページの作り方の基礎が学べる ・ LANの機能を生かし、実体験として ネット ワークを生かした学習 ( 製作 ) が進められ る。 ・ 生徒一人一人が意欲をもてる。課題が もてる。 ・ 費用が少々。フロント・ページ・エク スプレス! 題材の短所.
DTM を使った楽曲制作 DTM を扱う職業などの調査 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 宮本 拓美.
ケータイは友達!? 情報モラル学習(5年- 2). ケータイのすばらしさ どこでも電話やメールができる。 必要な情報をさがすことができる。 写真が撮れる。
見る人に優しいホームページ作 り NTCommittee2 関東勉強会 ブルーミング 花井貴久子 2002 年 11 月 30 日.
動画を使った 学校紹介をつくろう! 情報C課題 ⑫.
「家族」 モバイル部門 企画書 テーマ タイトル 校名 グループ名 [文書のタイトルを入力してください] [学校名] モバイル部門の概要
研修のめあて 授業記録、授業評価等に役立てるためのICT活用について理解し、ディジタルカメラ又はビデオカメラのデータ整理の方法について研修します。 福岡県教育センター 教員のICT授業活用力向上研修システム.
アナログとディジタル実習 パラパラ動画を作ろう!
知的財産権を考えよう! 社会と情報 ⑪.
著作権について.
6 校務の情報化 6.学校に関する情報の発信.
情報基礎A 情報科学研究科 徳山 豪.
本日のスケジュール 14:45~15:30 テキストの講義 15:30~16:15 設計レビュー 16:15~16:30 休憩
イメージCMを作ろう! 選択情報 課題⑦.
情報技術演習Ⅰ 人文学研究のための情報技術入門 2015/07/02
「携帯待ち受けギャラリー」 環境情報学部3年 深澤 洋介.
総合学科における全員履修科目としての「情報」の取り組み -教科情報必修化にさきがけて-
情報技術演習Ⅰ 人文学研究のための情報技術入門 2013/06/26
CEC公開授業 Webサイト制作にチャレンジ! 2007年11月20日 於:東京都立板橋有徳高校 学校インターネット教育推進協会.
情報技術と著作権.
CG作品展示サイト”Fragments” ~ 『閲覧しやすさ』と『デザイン性』を両立させた Webデザイン~
 授業を設計する(その4) 情報科教育法 後期5回 2004/11/6 太田 剛.
5.ブログの有効活用 プレゼンテーション資料 「ネット社会の歩き方」レッスンキット プレゼンテーション資料集
クイズ 「インターネットを使う前に」 ネチケット(情報モラル)について学ぼう.
Webページを制作しよう! 応用編 高校1年⑩「社会と情報」.
徳山 豪 東北大学情報科学研究科 システム情報科学専攻 情報システム評価学分野
第3章 第2節 ネットワークを活用した 情報の収集・発信 6 情報の多様な提示方法 7 構造を工夫した情報の表現方法 8 ウエブページの公開
Webサイト運営 09fi118 橋倉伶奈 09fi131 本間昂 09fi137 三上早紀.
高専間教育素材共有システム (教育素材の登録)
どこで、何を使って?(準備物と場の設定)
さあ、楽しみながらホームページ作成に挑戦しましょう
WebCluster スライドショーで見る操作ガイド
HTTPプロトコルとJSP (1) データベース論 第3回.
WebCluster スライドショーで見る操作ガイド
HTTPプロトコル J2EE I 第7回 /
コンピュータ基礎実習上級 #1 概要説明と基礎体力テスト
アナログとディジタル実習 パラパラ動画を作ろう!
ICT機器の種類と特性の理解 愛媛県総合教育センター 情報教育室.
情報技術演習Ⅰ 人文学研究のための情報技術入門 2017/07/06
ケータイの使い道に関心を 子どもがケータイをどのように使っているかご存知ですか?
プログラミング 設計資料 メンバー:.
情報科教育法 課題4 「情報科学習指導案」 2003/07/09 千葉佑介 野田誠遼平井亮自
ICT活用指導力チェックシート(小学校版)
ICT機器の種類と特性の理解 愛媛県総合教育センター 情報教育室.
教育工学を始めよう ~研究テーマの選び方から論文の書き方まで~ (第1章)
スマホ追従バナー スクロールしてもついてくる! スマートフォンでの回遊性アーップ★.
明日の授業でも作成を継続する予定です 2017/11/13、2017/11/14
「元気な社会」 モバイル部門 企画書 テーマ タイトル 校名 グループ名 [文書のタイトルを入力してください] [学校名]
「友と学ぶ」 モバイル部門 企画書 テーマ タイトル 校名 グループ名 [文書のタイトルを入力してください] [学校名] モバイル部門の概要
さあ,学習新聞を作りましょう。 ~修学旅行新聞~.
“SFC SUBWAY Maniacs” プロジェクト計画書
SFC鴨池スタイル 企画・設計 環境情報学部1年 t12472ms 杉浦 学.
一人暮らしの男性のための料理検索システムの設計
HP作成 そろそろまとめ編 担当:TAの人.
情報を持つ人が直接発信する FreeStyleWikiを 使った学校Webサイト
発表32 レポート評価支援について (剽窃部分と指導箇所の検出)
プログラミング入門 電卓を作ろう・パートI!!.
モバイル部門 企画書 「旅~旅のおもてなし」 テーマ タイトル 校名 グループ名 [文書のタイトルを入力してください] [学校名]
情報モラル標語 行動宣言を考えよう! 高校2年 情報選択⑤.
情報の授業 Scratchで面白プログラミング (2) ・プログラムの公開とスタジオへの登録 ・公開のための著作権
情報ネットワークと コミュニケーション 数学領域3回 山本・野地.
Name:○○○○○ Job category: web designer
Name:○○○○○ Job category: ○○ designer
著作権とライセンス.
Presentation transcript:

Webサイト制作の流れ CEC公開授業 ~テーマ決定からサイト公開まで~ 2007年11月20日 於:東京都立板橋有徳高校 学校インターネット教育推進協会

CEC公開授業:Webサイト制作の流れ この授業は、競輪の補助金を受けて実施します。 このレッスンの内容  ■制作スケジュールを考える  ■サイト構成を考える  ■コンテンツの素材を集める・作る  ■著作権についての注意点  ■コンテンツの見せ方を考える  ■パソコンの中にWebサイトを作る  ■いろいろなブラウザでチェック  ■作成したコンテンツをサーバーにアップロード  ■最後にもう一度確認  ■実際にWeb作品を見てみよう この授業は、競輪の補助金を受けて実施します。 財団法人コンピュータ教育開発センター

■どんなWebサイトがつくりたい? テーマを考える ●自分達が興味のあるテーマ ●自分達がみんなに伝えたいテーマ 練馬区の 食べ歩きガイドを クラブ活動の 活動報告を 行いたい 世界遺産にすごい 興味がある!

■制作スケジュールを考える ●締め切りはいつ? ●締め切りまでにやらなければならないことを書き出す ●作業分担を考える 例えば、スケジュールは、、、 例えば、作業分担は、、、 9月 10月 11月 12月 サイト企画 素材収集・作成 内容 デザイン HTML化 デザイン HTML化

■サイト構成を考える ●決まったテーマに基づき、骨組み(章立て)を考える ●サイトの中心となるコンテンツ ●すべてのサイトに共通の項目   (サイトマップ、メンバー紹介、利用・引用情報、など)

■コンテンツの素材を集める・作る ●情報の収集(テキスト文や写真など) ●集めた情報を噛み砕いて理解する ●情報の選択 ●情報の再構築(自分達は何を伝えたいのか?)

■著作権についての注意点 ●素材情報は誰が作ったものか? ★自分達のオリジナル → そのまま使ってOK   ★他の人が作った著作物 → 著作権処理が必要 ●著作権とは ●他の人が作った著作物を使う場合は許可が必要 ●条件付きで自由に使って良い著作物もある 私の著作物を勝手に使ってはダメ! 必ず私の許可をとるように! 私の著作物は自由に使ってOKよ! ただし、必ず私のクレジットを入れてね!

■どのように著作権の許可をとるの? 例: 幸せを運ぶ鳥~コウノトリ~ (兵庫県美方郡新温泉町立浜坂中学校) http://contest2007.thinkquest.jp/tqj2007/90445/ http://happystork.jp/

■コンテンツの見せ方を考える ●文字中心のページ vs. 文字、絵、図を組み合わせたページ ●サイトの章ごとにページのレイアウトを紙に書いてみる   ★サイト全体を通じて共通のデザインは?   ★章ごとの見せ方の工夫は? 共通の デザイン トップページ 第2階層ページ

■パソコンの中にWebサイトを作る ●ページ全体のレイアウトやデザインを作成 ●テキストをHTML化 ●挿絵や解説のための図を作成

■いろいろなブラウザでチェック ●中心はインターネットエクスプローラーとファイアフォックス ●Macユーザーも考慮にいるとサファリ

■作成したコンテンツをサーバーにアップロード ●サーバーとは何か? ●FTP(オーサリングソフトのFTP機能を含む)でアップロード ●ブラウザでサーバーにアクセスし、全ページをチェック インターネット サーバー パソコン

■最後にもう一度確認 ●コンテンツに誤字脱字はないか ●他の人が作った著作物について著作権処理を行ったか   ★著作者の許可が必要なものについてきちんと許可をとったか   ★著作者の許可が不要なものについて条件を守っているか   ★利用・引用・参考文献のページが正しく書かれているか ●サイトマップは正しいか

■実際にWeb作品を見てみよう 「おてもと」~実は知らないお箸の事~ (京都すばる高等学校) http://contest2007.thinkquest.jp/tqj2007/90212/ http://ohashi-otemoto.jp/ http://箸の端を掴む.jp/

■実際にWeb作品を見てみよう Let's enjoy food (芝浦工業大学柏高等学校) http://contest2007.thinkquest.jp/tqj2007/90087/ http://I-do-not-gain-weight.jp/ http://楽しいごはん.jp/

■実際にWeb作品を見てみよう 食 -Dietetics and Improvement of Health- (芝浦工業大学柏高等学校) http://contest2007.thinkquest.jp/tqj2007/90389/ http://healthy-food.jp/ http://食生活.jp/

■実際にWeb作品を見てみよう 「世界遺産の奇跡」 (芝浦工大柏中高等学校) http://contest2007.thinkquest.jp/tqj2007/90019/ http://world-heritage-site.jp/ 世界遺産めぐり.jp/