情報技術演習Ⅰ 人文学研究のための情報技術入門 2017/06/01

Slides:



Advertisements
Similar presentations
1 情報処理基礎 2006 年 7 月 6 日. 2 本日の学習項目 HTML 文書の基礎知識を習得する。 ホームページ・ビルダーの基本的な使 い方を習得する。 ホームページの作成 自己紹介のためのホームページを作成する。
Advertisements

1 ブログ操作マニュアル 2008 年 2 月 15 日作成:株式会社ちらし屋ドットコ ム. 2 ■ ログイン ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi へアクセスし、 ユーザー名、パスワードを入力し、サインインをクリックする。
情報技術演習Ⅰ 人文学研究のための情報技術入門 2015/05/21 担当:林晋 TA: 橋本雄太.
情報基礎A 情報科学研究科 徳山 豪.
ブラウザの基本操作 前のページに戻る ブラウザの左上にある 「戻る」ボタンで、自分がたどってきた一つ前のページに戻ることができます。
情報技術演習Ⅰ 人文学研究のための情報技術入門 2014/05/29
情報技術演習Ⅰ 人文学研究のための情報技術入門 2015/07/02
情報処理入門A・B 第7回 ワープロソフト入門(2)
HTMLの基礎知識.
休講掲示板の電子化 鵜川研究室 菊地洲人 (あらかじめチラシを配る) 情報数理4年の菊地です。 これから私の研究内容の発表を始めます。
情報技術演習Ⅰ 人文学研究のための情報技術入門 2013/06/26
下左近研究室 ゼミ資料 ホームページの作り方(基礎編)
プレゼンテーション用ソフトウェア Impress
CEC公開授業 Webサイト制作にチャレンジ! 2007年11月20日 於:東京都立板橋有徳高校 学校インターネット教育推進協会.
ウェブページ制作の基礎 タグの直接入力によるウェブページの制作 次のスライドへ進んだり,戻ったりしたい時は,右下のボタンをクリック。 次へ.
情報技術と著作権.
ホームページづくりに挑戦しよう 常信伊佐夫 スペースバーを押して進めてください.
HTMLの記述と WWWにおける情報公開 遠藤
情報処理入門A・B 第8回 プレゼンテーション支援ツール
ホームページの作り方.
プレゼンテーション用ソフトウェア Impress
情報技術演習Ⅰ 人文学研究のための情報技術入門 2013/05/09
情報技術演習Ⅰ 人文学研究のための情報技術入門 2012/11/29
徳山 豪 東北大学情報科学研究科 システム情報科学専攻 情報システム評価学分野
さとりすと Satori Ghost Editor 里々ゴーストの統合開発環境を作ったよ page: 1/25
専門ゼミⅠ 南ゼミ 特別授業③ 2002年6月7日 金曜日 4限目 今泉 裕隆.
担当教官:大月 美佳(佐賀大学) 2001年度 総合科目
情報コミュニケーション入門 2016年度版 情報コミュニケーション入門m 総合実習(1).
9 Microsoft Word(1).
PowerPoint初級編 院内研究発表入門.
一歩進んだインターネットの利用 ~Firefox と qwikWeb~
Webページで自己紹介をしよう! 出席番号の席に着席し ユーザ名~user○○ パスワード~pass でログオン
情報伝達・WWW・ソーシャルメディア CMSとHTMLの基礎
WordPressに挑戦! WordPress(ワードプレス)は、ブログを 作成するためのWEBアプリケーションです。
パスファインダーの作成 slis. tsukuba. ac. jp/~fuyuki/cje2/CJE161018
基幹理工学研究科 情報理工学専攻 後藤研究室 修士1年 魏 元
情報技術演習Ⅰ 人文学研究のための情報技術入門 2017/07/06
経営工学基礎演習a Word第1回目.
情報技術演習Ⅰ 人文学研究のための情報技術入門 2017/06/22
情報技術演習Ⅰ 人文学研究のための情報技術入門 2013/06/06
基礎プログラミング演習 第1回.
Internet Explorer Microsoft Word
簡単PowerPoint (PowerPoint2007用)
経営工学基礎演習a PowerPointの利用.
10 Microsoft Word(1) 10.1 Microsoft Word v.Xの概要 起動 終了
Microsoft PowerPoint98 Netscape Communicator 4.06[ja]
HTTPとHTML 技術領域専攻 3回 中川 晃.
情報コミュニケーション入門b 第10回 Web入門(1)
情報コミュニケーション入門b 第10回 Web入門(1)
情報技術演習Ⅰ 人文学研究のための情報技術入門 2011/12/01
第3章 第2節 ネットワークを活用した 情報の収集・発信(2) 4 文書の構造と表現
タグを使ったウェブページ作成 兵庫県立伊丹北高等学校 佐藤 勝彦.
Microsoft PowerPoint98 Netscape Communicator 4.06[ja]
情報コミュニケーション入門e 第11回 Part2 Web入門(1)
インターネット利用法実習 経営工学基礎演習a(第3週).
情報スキル活用 第2週 基礎技術ー2 : Webページの基本形.
情報スキル活用 第4週 基礎技術-4 : その1(タグのまとめ).
Htmlの基本.
コンピュータ プレゼンテーション.
情報技術演習Ⅰ 人文学研究のための情報技術入門 2017/06/08
パワーポイントの 作り方&発表方法 渡辺隆行 2003年5月.
情報コミュニケーション入門b 第11回 Web入門(2)
コンピュータ プレゼンテーション.
情報コミュニケーション入門e 第12回 Part1 Web入門(2)
情報処理 第13回の教材 プレゼンテーションソフト PowerPoint 高知大学 共通教育 理学部 対象 担当教員 : 塩田
情報技術演習Ⅰ 人文学研究のための情報技術入門 2016/06/09
独習XML ~第1章 XMLの基礎~ 1.1 XML文書の基礎 1.2 XMLとHTML
情報コミュニケーション入門e 第12回 Part1 Web入門(2)
Googleマップを活用した 生物調査データベースの構築
情報技術演習Ⅰ 人文学研究のための情報技術入門 2017/04/13
Presentation transcript:

情報技術演習Ⅰ 人文学研究のための情報技術入門 2017/06/01 情報技術演習Ⅰ 人文学研究のための情報技術入門 2017/06/01 担当:林晋

今回のテーマ 情報を発信する 今までの演習で次のことを学習しました. アーカイブなどのWEB上の情報を集める方法 デジカメなどで原資料から画像情報を作る方法 それをテキストに変換する方法 出来た電子情報を整理する方法 情報を集め,そして,加工することの粗筋を学習したので,次に情報をWEB上で発信する方法を学びます. そのためにHTML超簡単入門とブログの作り方を学びます.

HTML超簡単入門 WEBページは原理的に言うとHTML(Hyper Text Markup Language)というマークアップ言語というもので書かれています.今では,プロが作るようなWEBページではHTMLで書かれている部分はおまけ程度で,Javascript, Flash などが中心的な役割をしています. また,素人は,ブログやSNSを使うことが多く,HTMLを直接使う機会は激減しています. しかし,原理的にいえば,WWWの基本は HTML なのです. このHTMLファイルは,別にWEB用だけでなく,PowerPoint ファイルの代替物としても使えます.これは基本的には,WEB 以前からある技術のハイパーテキスト用の言語の一つです.ですからネットと関係なくHTMLファイルを自分のノートPC上に置き,IE や FireFox などのWEBブラウザで PowerPoint ファイルを見るように見ることができます.PowerPoint の代わりに,これで研究発表をするというような人も実際にかなりいます.(林の講義は,全部 HTMLでやってます.) そこで,まず,インターネット(WEB)と関係なくローカルにHTMLファイルを作ってブラウザでそれを眺めてみましょう. 課題(提出不要): (a) インターネットと Web の関係を調べましょう.(b) 「ローカルに」の意味は?

HTMLファイルを作る (1) メモ帳などのエディタを使って次のような内容のテキストファイル test.txt をつくりましょう.課題(提出不要):エディタとは.ワープロとの違いは? HTML超簡単入門 フォント 普通 斜体 太字 下線 カラー 赤 青 黄 リスト  AAA BBB CCC <h1>HTML超簡単入門</h1> <h2>フォント</h2> 普通 <i>斜体</i> <b>太字</b> <u>下線</u> <h2>カラー</h2> <font color="red">赤</font> <font color="blue">青</font> <font color="yellow">黄</font> <h2>リスト</h2> <ol><li>AAA</li> <li>BBB</li> <li>CCC</li></ol>

HTMLファイルを作る (2) test.txt を保存してダブルクリックしてみましょう... エディタが起動される可能性はありますが,それ以外には,特別なにも何もおきません. では,extension の txt を html に書き換えてから,ダブルクリックしましょう.何が起きたか分かりますね? <b>, <i> などはタグと呼ばれるもので,<b> … </b> のように対で使い,<b> が「左カッコ開く」,</b> が「右カッコ閉じる」だと理解すれば良いでしょう. <b>, <i>, <u> はそれぞれ bold, italic, underline をあらわしています. <h1>, <h2>,… は,見出し (header)のことで,1, 2,.. がレベルをあらわします. <ol> は番号つきのリストですが,<ul>にすると黒丸付きのリストになります.<li>はリストの各項目を指定するのに使います. リンクもこのようにして作れます.次の行を test.html に追加してみてください. <a href="http://www.shayashi.jp">林のサイト</a> ダブルクリックするとブラウザーが起動されますので,メモ帳を起動して,そのウィンドウにドラッグします.

HTMLファイルを作る (3) 画像の追加も次でできます.   <img src=“画像のファイルのパス>...</img> パラグラムは <p>…</p>で囲みます. 強制的に改行するには <br>と書きます. 最近では, これら以外のタグが多く使われたページが増えていますが,文章の配置とか,背景色などを気にしなければ,簡単なHTMLのホームページは,今までに出てきたタグだけで大体書けてしまいます. 比較的基本的なタグしか使ってないページの例 http://www.shayashi.jp/PALCM/ http://www.shayashi.jp/HistoryOfFOM/HilbertNotebookProjectHomepage/index.html これらのページに行き右クリックして「ページのソースを表示」を選ぶと,そのHTMLの中身をみることができます. さらに詳しいタグの説明は,次のページなどを参考にしてください.本も沢山でています. 参考ページ:1 2 3

課題6 提出期限: 6月2日(明日) 21:00 提出方法:susumu@shayashi.jp にメールで. 件名を“情報技術演習 課題6”とする. 提出すべきファイル kadai.html は添付ファイルとして送る. 今まで出てきたタグを使って,自己紹介をするHTMLファイル kadai.html を作ってください. このスライドでは説明してないタグなどを使っても構いません.

自分のブログを作る こういうHTMLファイルを作っても,そのままでは公開できません.公開するには自分のサイト,ページ,ブログなどを持つ必要があります. ブログはHTMLサイト(ページ)の特殊なものといえますが,標準のHTMLより作りやすい,ブログを,それも無料で使えるものを使ってみましょう. ブログも公開されるときは,HTMLに変換されていますが,書くときには別の形式のタグを使います. しかし,別途作ったHTMLを貼り付けて公開することができます.ただし,ブログのサービスごとに使えるタグが制限されているのが普通です.たとえば,Ameba ブログでは Google Book の埋め込みがうまく使えない場合があります.これらの制限はブログごとに違うので自分で確認しながら使いましょう.

ブログサービスを選ぶ 無料で使えるブログは沢山あります.先に説明したように,それぞれのサービスで出来ること,出来ないことが違います. Google Web Search で,「無料 ブログ」などのキーワードで探してみてください. よく分からないという人は,アメーバブログにしましょう.http://ameblo.jp/ 特に理由はありません・・・ また,すでに自分のブログやWEBページがある人は,それで構いません.

自分のドメインを持つ 林のWEBサイトは,www.shayashi.jp という自分専用のドメイン名を使っています.shayashi (s. hayashi) がドメイン名です. 自分専用のドメイン名がついたブログやWEBページを持つことは難しくありません 例えば:http://www.onamae.com/ http://muumuu-domain.com/ しかし,ドメインだけ取得しただけでは駄目で,それを使うには,別途,貸しサーバ(レンタル・サーバ,ホスティング・サーバ)を借りるなどしなくてはなりません. 米国では,かなり前からホスティング業界で価格競争が起きていて,月額4-5ドルほどで,容量無制限のサーバを借りることも可能です.また,ついでにドメイン取得も代行してくれたり,凄く簡単に高性能のブログが作れたり,という会社がたくさんあります. そして、出遅れていた日本でも、今は安いサービスが使えるようになっていて、使い方によっては米国より安い位になっています. http://www.server-navi.com/ http://www.cheap-server.net/ 興味がある人は挑戦してみましょう.ただし,最近の傾向として,独自ドメインのメールアドレスはスパムキラーに捕捉されて相手に届かないことが多くなっていて,それが欠点です.

課題7 提出期限: 6月2日(明日) 21:00 提出方法:susumu@shayashi.jp にメールで. 件名を“情報技術演習 課題7”とする. 自分のブログかWebページを開設してください.すでにある人は、それでかまいません. 課題6で提出した kadai.html を,そのブログか Webページで掲示してください.ただし,下の注意点を参照して,個人情報などは抜いてください. そして、そのkadai.htmlの内容を掲示した投稿やページのURLをメールで提出してください. 注意点:自分や他人の個人情報を不必要に書かないようにしましょう。たとえば、住所、電話番号、生年月日などは書くべきではありません。