Topic Name Description
第1回:情報倫理と情報検索 Page 本科目における学習の進め方

本科目における学習の進め方

Page 情報倫理およびネットワークセキュリティ

情報倫理およびネットワークセキュリティ

Page フィッシング(詐欺)に注意

フィッシング(詐欺)に注意

Page フィッシング詐欺の手口

フィッシング詐欺の手口

Page メール送信者の正当性

メール送信者の正当性

Page 論理演算の基礎(真偽及びAND/OR/NOT)

論理演算の基礎(真偽及びAND/OR/NOT)

Page Webページをキーワードで探す

Webページをキーワードで探す

Page カテゴリ検索(ディレクトリ型検索)

カテゴリ検索(ディレクトリ型検索)

Page (参考)メール送受信の仕組み

(参考)メール送受信の仕組み

Page (参考)パスワード

(参考)パスワード

第2回:Office系Tool Page OpenOfficeの導入

OpenOfficeの導入

Page OpenOffice.org Writerの起動とファイル保存

OpenOffice.org Writerの起動とファイル保存

Page ワードプロセッサ演習

ワードプロセッサ演習

Page OpenOffice.org Impressの基本機能

OpenOffice.org Impressの基本機能

Page プレゼンテーションソフト演習

プレゼンテーションソフト演習

Page OpneOffice.org Calcの画面構成

OpneOffice.org Calcの画面構成

Page スプレッドシート演習

スプレッドシート演習

Page OpenOfficeによるPDF作成方法

OpenOfficeによるPDF作成方法

Page (参考)他人の著作物の引用

(参考)他人の著作物の引用

Page (参考)スプレッドシート演習の解答例

(参考)スプレッドシート演習の解答例

第3回:画像ファイルの形式とその特色(1) Page GIMPの導入

GIMPの導入

Page ペイント系ソフトウェア「GIMP」の起動とファイル操作

ペイント系ソフトウェア「GIMP」の起動とファイル操作

Page GIMPでの基本描画

GIMPでの基本描画

Page GIMPでの基本的な画像の編集

GIMPでの基本的な画像の編集

Page レイヤー

レイヤー

Page ロゴマークを作る

ロゴマークを作る

Page (参考)ファイル名と拡張子

(参考)ファイル名と拡張子

Page (参考)スクリーンキャプチャをとる

(参考)スクリーンキャプチャをとる

第4回:画像ファイルの形式とその特色(2) Page ドローとは

ドローとは

Page OpenOffice.org Drawの基本図形描画

OpenOffice.org Drawの基本図形描画

Page 基本図形の組み合わせ

基本図形の組み合わせ

Page 画像の挿入

画像の挿入

Page 名刺を作る

名刺を作る

第5回:Webの仕組みとファイルの公開 Page WWWの仕組み

WWWの仕組み

Page Webページ作成の概略

Webページ作成の概略

Page HTMLの基本構造

HTMLの基本構造

Page Webページ作成環境の準備

Webページ作成環境の準備

Page HTMLファイル作成用エディタの設定:Windows

HTMLファイル作成用エディタの設定:Windows

Page HTMLファイル作成用エディタの設定:MacOS X

HTMLファイル作成用エディタの設定:MacOS X

Page 簡単な HTML の作成とWebページの公開

簡単な HTML の作成とWebページの公開

Page ハイパーリンク入門

ハイパーリンク入門

Page ファイルとパス

ファイルとパス

Page Webサーバへのアップロード

Webサーバへのアップロード

Page Webサーバへのアップロードの準備
Page Webサーバへのアップロードの実行と確認
Page (参考)ネットワークとIPアドレス

(参考)ネットワークとIPアドレス

Page (参考)DNS:インターネットの電話帳

(参考)DNS:インターネットの電話帳

第6回:Webページ文章の構造化:HTMLの基本文法 Page HTMLの構成要素と要素の分類

HTMLの構成要素と要素の分類

Page テンプレートHTMLファイルの取得

テンプレートHTMLファイルの取得

Page 最も基本的なブロックレベル要素

最も基本的なブロックレベル要素

Page その他の主なブロックレベル要素

その他の主なブロックレベル要素

Page 重要なインライン要素(a要素とimg要素)

重要なインライン要素(a要素とimg要素)

Page HTMLに関するその他の事項

HTMLに関するその他の事項

Page 応用演習

応用演習

第7回:Webサイトの見栄えの制御:CSS(1) Page CSSとは

CSSとは

Page CSSを使ってみる

CSSを使ってみる

Page ユニバーサルセレクタ

ユニバーサルセレクタ

Page ボックスモデルの基本

ボックスモデルの基本

Page ボックスモデルの枠線と余白

ボックスモデルの枠線と余白

Page 背景色、ボックス各辺のプロパティ、ボックスの幅・高さ

背景色、ボックス各辺のプロパティ、ボックスの幅・高さ

Page ボックス間の関係

ボックス間の関係

第8回:Webサイトの見栄えの制御:CSS(2) Page ボックスの生成

ボックスの生成

Page ボックスの配置

ボックスの配置

Page テキストの水平位置及び垂直位置・行間

テキストの水平位置及び垂直位置・行間

Page フォントのスタイル及びテキストの装飾

フォントのスタイル及びテキストの装飾

Page 文字色(前景色)および背景色・背景画像

文字色(前景色)および背景色・背景画像

第9回:HTML化およびスタイル付加の総合演習 Page 文書の構造化(HTML化)演習

文書の構造化(HTML化)演習

Page 複数のHTMLファイルの管理演習

複数のHTMLファイルの管理演習

Page スタイル付加の演習1

スタイル付加の演習1

Page スタイル付加の演習2

スタイル付加の演習2

第10回:静的なWebサイトの作成 Page 自己紹介を含む静的Webサイトの作成

自己紹介を含む静的Webサイトの作成

Page アップロード及びWebサイトの公開

アップロード及びWebサイトの公開

Page 特別なhtml(index.html)

特別なhtml(index.html)

Page HTMLチェッカ

HTMLチェッカ

第11回:JavaScriptによる動的Webページ(1) Page 動きのあるWebページ

動きのあるWebページ

Page 処理を起動する(動きの始まる)きっかけ -- イベント --

処理を起動する(動きの始まる)きっかけ -- イベント --

Page イベント処理を行なうHTML要素

イベント処理を行なうHTML要素

Page JavaScriptの利用方法

JavaScriptの利用方法

Page onMouseOver及びonMouseOut イベントハンドラの利用方法

onMouseOver及びonMouseOut イベントハンドラの利用方法

Page JavaScriptサンプル集の利用

JavaScriptサンプル集の利用

Page JavaScriptの演習

JavaScriptの演習

第12回:JavaScriptによる動的Webページ(2) Page Webページ閲覧者からの情報に即した処理

Webページ閲覧者からの情報に即した処理

Page 一般的なコンピュータプログラミングとJavaScript

一般的なコンピュータプログラミングとJavaScript

Page 代入と基本的な演算

代入と基本的な演算

Page 代入、四則演算及び表示に関する演習

代入、四則演算及び表示に関する演習

Page 条件と条件分岐

条件と条件分岐

Page 閲覧者から情報をもらうform要素

閲覧者から情報をもらうform要素

Page Webページ閲覧者から情報をもらい処理する演習

Webページ閲覧者から情報をもらい処理する演習

第13回:Webアプリケーションの利用 Page Webアプリケーション

Webアプリケーション

Page ブログパーツ及びWebガジェットの利用

ブログパーツ及びWebガジェットの利用

Page インラインフレームの利用

インラインフレームの利用

Page GoogleAppsの利用準備(1)

GoogleAppsの利用準備(1)

Page GoogleAppsの利用準備(2)

GoogleAppsの利用準備(2)

Page Googleドキュメントを使った文書編集

Googleドキュメントを使った文書編集

第14回:動的な要素をもつWebサイトの作成 Page 動的な要素をもつWebサイトの作成(課題4)

動的な要素をもつWebサイトの作成(課題4)

第15回:Webページの公開 Page ネット上で容認されない情報

ネット上で容認されない情報

Page ネット上で被害にあった時の対策

ネット上で被害にあった時の対策

other File INFOSS情報倫理テキスト

INFOSS情報倫理2013年度版 テキスト

Folder images

画像ファイル保管

File calc ファイル (sample.ods)

練習用 calc ファイル (sample.ods)をダウンロードし、 「学生番号.ods」というファイル名に変更しなさい。
(第2回 Office系Tool に使用)

Folder contents

contents

Folder js

javascript ファイル

Page 「引用」例の正解と解説

「引用」例の正解と解説

File link8-6
Page CSSで利用する色の表現 (色コード)

CSSで利用する色の表現 (色コード)

Page HTML要素一覧

HTML要素一覧

File link9

第9回に使用

Folder images

“全般に関するフィードバック”に使用される画像

Page 電子メール(e-mail)と携帯電話メール

電子メール(e-mail)と携帯電話メール (002/2_1)

Page 電子メールの新規送信、受信、返信

電子メールの新規送信、受信、返信(002/4_1)

Page 送信簿とブラインドカーボンコピー(BCC)

送信簿とブラインドカーボンコピー(BCC) (002/4_2)

Page WEBで公開されている文書等の著作権について

WEBで公開されている文書等の著作権について

Page ネットワーク社会における法的責任 -- 「引用」 --

ネットワーク社会における法的責任 -- 「引用」 --

Page 情報倫理:ソフトウェアの著作権について

情報倫理:ソフトウェアの著作権について