コンピュータ プレゼンテーション.

Slides:



Advertisements
Similar presentations
コンピュータと情報 第 14 回 Word と Excel の連携. ページの設定の変更 ページの設定の変更 印刷領域の余白の設定と 1 行内の文字数と ページ内の行数の変更 印刷領域の余白の設定と 1 行内の文字数と ページ内の行数の変更 段組の仕方 段組の仕方 2 段組の作成の仕方 2 段組の作成の仕方.
Advertisements

情報処理 A 第 5 回かな? ワードの使い方. 拡張子  ファイルの名前は, “ ファイル名. 拡張子 ” で付け る.  拡張子は,そのファイルを読み込むソフトに影 響される –txt テキストファイル –doc ワードのファイル –xls エクセルのファイル –pdf Acrobat Reader.
1 ブログ操作マニュアル 2008 年 2 月 15 日作成:株式会社ちらし屋ドットコ ム. 2 ■ ログイン ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi へアクセスし、 ユーザー名、パスワードを入力し、サインインをクリックする。
コンピュータ基礎実習 ( 上級 ) 第三回 ウェブページの作成について2 清水淳紀. 前回までの内容  ページの簡単な作り方。  ページの編集・アップロード・確認 方法について。  ページはメモ帳や Kompozer 等で編集できる。 ウェブサー バーにアップロード  ページを公開するには、必要ファイル群をウェブサー.
BWD06-01 ~ 1 ~ Web デザイン基礎 坪倉、伊藤 日本文理大学 先週 – ガイダンス – Webの歴史 –HTML 基礎 今週 について(出席と課題提出) –HTML 画像、ハイパーリンク、文字書式.
第5章 JMPのインストールと基本操作 廣野元久
情報リテラシー実習 Exercise in Information Literacy
HTMLの基礎知識.
ホームページ作成入門講座 - HTML編 - 1999年6月 Copyright© 1999 Nigata Internet Society
下左近研究室 ゼミ資料 ホームページの作り方(基礎編)
タグの直接入力によるウェブページの制作 練習課題1~3
ウェブページ制作の基礎 タグの直接入力によるウェブページの制作 次のスライドへ進んだり,戻ったりしたい時は,右下のボタンをクリック。 次へ.
HTMLの記述と WWWにおける情報公開 遠藤
法人e名刺 ブログ運用マニュアル 社外秘 目次 □ブログ運用ルール
NetworkAssistTakaoka
HTML版パスファインダーの作成 CSSの利用 hp. infoseek. co. jp/cje10
NetworkAssistTakaoka
ホームページの作り方.
プレゼンテーション用ソフトウェア Impress
講議資料 コンピュータ プレゼンテーション 講議資料
ネットワーク情報活用 ILC Office / ILP KOBAYASHI Tomoko
徳山 豪 東北大学情報科学研究科 システム情報科学専攻 情報システム評価学分野
見た目を定義する技術 CSS(スタイルシート).
専門ゼミⅠ 南ゼミ 特別授業③ 2002年6月7日 金曜日 4限目 今泉 裕隆.
9 Microsoft Word(1).
2017/4/9 情報処理 第5回.
県立広島大学 全学共通教育科目 情報処理入門 第14回 2012年7月23日 県立広島大学 経営情報学部経営情報学科 准教授 小川 仁士.
県立広島大学 全学共通教育科目 情報処理入門 第13回 2009年7月6日 県立広島大学 経営情報学部経営情報学科 准教授 小川 仁士.
スタイルシート C306 情報発信の基礎【第6回】.
情報伝達・WWW・ソーシャルメディア CMSとHTMLの基礎
ネットワーク de 情報発信 - コンテンツ作りのはじめの一歩 - 城西国際大学薬学部 二村 典行.
第3章 第2節 ネットワークを活用した情報の収集・発信(4) 情報Cプレゼン用資料(座学35) 担当 早苗雅史
観光情報論 2016年5月31日第7講 観光情報センター(道の駅)・表作成
第3章 第2節 ネットワークを活用した 情報の収集・発信(3) 5 表現方法の工夫
簡単PowerPoint (PowerPoint2007用)
Microsoft PowerPoint Netscape Communicator
ホームページ作成・更新講座 夏のコンピュータ学習会 画像
Microsoft PowerPoint98 Netscape Communicator 4.06[ja]
HTTPとHTML 技術領域専攻 3回 中川 晃.
情報コミュニケーション入門b 第10回 Web入門(1)
情報コミュニケーション入門b 第10回 Web入門(1)
2018/12/5 ネット商品の管理術 ファイル読み込みの活用.
情報スキル活用  第5週 基礎技術-5  その2 : 他のページへのリンク.
スマホ追従バナー スクロールしてもついてくる! スマートフォンでの回遊性アーップ★.
第3章 第2節 ネットワークを活用した 情報の収集・発信(2) 4 文書の構造と表現
制作技術ー3 双方向通信 : CGIシステムと環境変数
第3章 第2節 ネットワークを活用した 情報の収集・発信 4 文書による情報開示
情報スキル活用  第5週 基礎技術-5   その3 : 画像表示.
情報スキル活用  第6週    基礎技術のまとめ  復習.
タグを使ったウェブページ作成 兵庫県立伊丹北高等学校 佐藤 勝彦.
Microsoft PowerPoint98 Netscape Communicator 4.06[ja]
情報コミュニケーション入門e 第11回 Part2 Web入門(1)
3.1 PowerPoint の概要 PowerPointを使ってできること
URLとファイルの対応 ユーザー s の Z:\www\ フォルダにある hello.html ファイル
C404 第2章 ネットワークで変わる社会 練習問題②
コンピュータ プレゼンテーション.
Htmlの基本.
コンピュータ プレゼンテーション.
コンピュータと情報 第4回 ワードの使い方.
パワーポイントの 作り方&発表方法 渡辺隆行 2003年5月.
情報コミュニケーション入門b 第11回 Web入門(2)
HP作成 そろそろまとめ編 担当:TAの人.
画像を貼る 目標:このようなページを作る.
情報コミュニケーション入門e 第12回 Part1 Web入門(2)
(おさらい) HTML記述様式の標準化.
独習XML ~第1章 XMLの基礎~ 1.1 XML文書の基礎 1.2 XMLとHTML
情報コミュニケーション入門e 第12回 Part1 Web入門(2)
第14回放送授業.
情報スキル活用 第6週 制作技術-1 情報の記述と画面のデザイン.
第2章 HTMLの基本 2.1 HTML文書の書き方 2.2 基本的なタグ 2.3 テキスト関連のタグ 2.4 リンクタグ
Presentation transcript:

コンピュータ プレゼンテーション

ホームページの作成 13.1 使用頻度の高いタグの紹介

13.1.1ハイパーリンク 目標:ハイパーリンクを張る クリックすると

13.1.1ハイパーリンク リンクを張るタグ <A>~</A> 参照するアドレスの属性 href 「名商大」という部分をクリックすると、http://www.nucba.ac.jp のページが開くように設定する場合 <A href=” http://www.nucba.ac.jp ”> 名商大 </A> ジャンプ先アドレス クリックする文字列

練習4 以下のように「名商大」という文字をクリックすると、名商大のホームページが開くようにHTMLファイルを作成し、rensyu4.htmlというファイル名で保存しなさい。

答え <HTML> <HEAD> <TITLE> My Homepage </TITLE> <BODY> <A href="http://www.nucba.ac.jp">名商大</A> </BODY> </HTML>

13.1.2 画像を貼る 目標:このようなページを作る

13.1.2 画像を貼る GIF, JPEG 形式の画像の貼り付け可能 お絵書きソフトなどを用いて自分で作成 GIF (Graphics Interchange Format ジフ) JPEG (Joint Photographics Expert Group ジェイペグ) お絵書きソフトなどを用いて自分で作成 スキャナやデジタルカメラなどを利用 フリーや市販の画材集を利用

13.1.2 画像を貼る 画像を貼るタグ <IMG> 参照する画像の属性 src <IMG src="AN00018A.gif"> この画像は以下のところにあります。コピーしてHTMLファイルと同じフォルダに置きます。 Machintosh HD └Applications └Microsoft Office X └Clipart └Webart

練習5 以下のような表示になるようにHTMLファイルを作成し、rensyu5.htmlというファイル名で保存しなさい。

答え <HTML> <HEAD> <TITLE> My Homepage </TITLE> <BODY> <IMG src="AN00018A.gif"> </BODY> </HTML>

13.2 便利なタグの紹介 目標:このようなページを作る

13.2.1 文字の装飾 太文字:<B>~</B> 斜体文字:<I>~</I> 字の大きさ:<FONT size=4> ~</FONT> サイズには1~7の値を指定 字の色:<FONT color=red> 見出し:<H1>~</H1> 数値には1から6を指定

13.2.2 レイアウトに関するタグ 段落:<P>~</P> 水平線:<HR> 箇条書き: <UL>  <LI>項目1  <LI>項目2 </UL>

13.2.3 テーブル border属性 枠線の太さを数値で指定 <TABLE>  <TR> <TD>項目1</TD><TD>項目2</TD> </TR>  <TR> <TD>項目3</TD><TD>項目4</TD> </TR>  </TABLE> border属性 枠線の太さを数値で指定 <TABLE border=3>

13.2.3 テーブル セルの結合及びセル内の位置指定 <TD>の属性 rowspan=n 縦方向に項目 n 個分連結。 colspan=n 横方向に項目 n 個分連結。 align=... 項目の中身の表示位置を指定。 right , left , center

練習6 以下のような表示になるようにHTMLファイルを作成し、rensyu6.htmlというファイル名で保存しなさい。

答え <HTML> <BODY> <TABLE border> <TR><TD align=center>国</TD> <TD align=center>支店</TD> <TD align=center>売上</TD></TR> <TR><TD rowspan=3>日本</TD><TD>東京</TD> <TD align=right>1,500</TD></TR> <TR><TD>名古屋</TD><TD align=right>800</TD></TR> <TR><TD>大阪</TD><TD align=right>1,300</TD></TR> </TABLE> </BODY> </HTML>

練習7 以下のような表示になるようにHTMLファイルを作成し、index.htmlというファイル名で保存しなさい。箇条書きの各項目をクリックすると、それぞれのページが表示されるようにリンクを張ること。また、全てのファイルをサーバにアップロードしなさい。

答え <HTML> <HEAD><TITLE>My Homepage</TITLE></HEAD> <BODY> 目次 <UL> <LI><A href="rensyu1.html">練習1</A> <LI><A href="rensyu2.html">練習2</A> <LI><A href="rensyu4.html">練習4</A> <LI><A href="rensyu5.html">練習5</A> <LI><A href="rensyu6.html">練習6</A> </UL> </BODY> </HTML>

まとめ ホームページの作成