5/13 参考ウェブサイト

5/20 参考ウェブサイト

5/27 wordの練習課題

graph1.png

6/3 インターネットの情報検索

6/10 ネット・コミュニケーション

6/17 表計算入門

  • 表計算の基本
    • 課題1: ワークシート問1
    • 課題2: 表計算入門.xlsxの課題2
  • 絶対参照と相対参照
  • グラフ作成
  • データの抽出や並べ替え

7/8 HTML入門

  • 最初のHTML文
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>

 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>ホームページのタイトル</title>
 </head>

 <body>
  Hello World!
 </body>

</html>
  • 基本的な文法(1)
  • 見出し
<h1>章</h1>
<h2>節</h2> 
<h3>小節</h3>
<h4>小々節</h4>
<h5>段落小見出し</h5>
<h6>小段落小見出し</h6>
  • 段落・改行
<p>ここは一つの段落になります。前後に空白が入るのがわかりますね。</p>
前後に空白なく改行だけしたい場合は<br>このようにします。
  • 基本的な文法(2)
  • 番号付リスト
<ol>
<li>リンゴ
<li>バナナ
<li>ミカン
</ol>
  • 記号付リスト
<ul>
<li>リンゴ
<li>バナナ
<li>ミカン
</ul>
  • 基本的な文法(3): ハイパーリンク
    • 絶対パス
<a href="www.google.co.jp">google</a>
<a href="www.aichi-edu.ac.jp">愛知教育大学</a>
  • 相対パス
<a href="index.html">このページ</a>
<a href="class/index.html">classフォルダの中にある情報教育入門のページ</a>
  • 相対パスの確認
    • HTMLフォルダの中にclassフォルダを作成
    • classフォルダの中にindex.htmlを作成
    • classフォルダの中のindex.htmlの中身は以下のようにする
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>

 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>授業のページ</title>
 </head>

 <body>
 <h1>授業一覧</h1>
 <ul>
 <li>情報教育入門
 </ul>
 </body>

</html>
  • 基本的な文法(4): 画像
    • 画像の準備
      cat.png
    • 書き方
<img src="img/cat.png" width=200 height=50>
<img src="img/cat.png" width=200>
<img src="img/cat.png" width=50%>
  • その他のタグ・使い方
  • 作成したwebページの確認
  • 授業ファイル

授業スライド


添付ファイル: filekaitou.zip 202件 [詳細] filelesson13_2013.pdf 263件 [詳細] filelesson12_2013.pdf 238件 [詳細] filelesson11_2013.pdf 158件 [詳細] filecat.png 128件 [詳細] filelesson10_2013.pdf 390件 [詳細] filelesson9_2013.pdf 141件 [詳細] filelesson8_2013.pdf 181件 [詳細] filelesson7_2013.pdf 210件 [詳細] filelesson6_2013.pdf 254件 [詳細] filegraph1.png 136件 [詳細] filelesson5_2013.pdf 220件 [詳細] filelesson4_2013.pdf 300件 [詳細] filelesson2_2013.pdf 201件 [詳細] filelesson1_2013.pdf 335件 [詳細] filelesson3_2013.pdf 369件 [詳細] filefig1.png 181件 [詳細]

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2014-06-30 (月) 12:59:46 (1184d)