コンピュータ基礎実習上級 #10 絶対パスによる指定

Slides:



Advertisements
Similar presentations
コンピュータ基礎実習 ( 上級 ) 第二回 ウェブページの作成について 清水淳紀. ウェブページとは  ウェブ (Web) は正式名称を World Wide Web という。  文字や画像、動画等を簡単に扱うことができる。  [ リンク ] を介してページ同士がつながっているのが 特徴。 ページは.
Advertisements

1 情報処理基礎 2006 年 7 月 6 日. 2 本日の学習項目 HTML 文書の基礎知識を習得する。 ホームページ・ビルダーの基本的な使 い方を習得する。 ホームページの作成 自己紹介のためのホームページを作成する。
コンピュータ基礎実習上級 #4 拡張子、 URL 、ファイル名 一般教育研究センター 安田豊. ファイル名と拡張子 ファイルには名前が付けられている 区別のため。整理などに便利に利用するとよい。 abc.html ピリオドによってファイル名を前後に分ける習慣がある。 ピリオドの左は整理のために自由な名前を選べる.
コンピュータ基礎実習 ( 上級 ) 第三回 ウェブページの作成について2 清水淳紀. 前回までの内容  ページの簡単な作り方。  ページの編集・アップロード・確認 方法について。  ページはメモ帳や Kompozer 等で編集できる。 ウェブサー バーにアップロード  ページを公開するには、必要ファイル群をウェブサー.
ICT Foundation 1 Copyright © 2010 、 IT Gatekeeper Project – Ohiwa Lab. All rights reserved. ファイルとディレクトリ.
農業者年金記録管理システム 研修資料の入手等について
応用コース:ワープロを活用する WORD2000 1回目 基礎コースの復習(第1章と付録) 2回目 文字の入力(第2章と第4章)
ASP入門 - Windows 2000 Server 活用 -.
ブラウザの基本操作 前のページに戻る ブラウザの左上にある 「戻る」ボタンで、自分がたどってきた一つ前のページに戻ることができます。
電子書籍を さがす どんな書籍があるの? Maruzen eBook Libraryは、学術機関向け和書の電子書籍提供サービスです。
Unix生活 Vol.1
らくらく学校連絡網 スライドショーで見る操作ガイド -3- 登録 抜粋-管理者作業 escで中断、リターンキーで進みます
情報処理基礎 2006年 6月 1日.
タグの直接入力によるウェブページの制作 練習課題1~3
ファイルやフォルダを検索する ①「スタート」→「検索」→「ファイルとフォルダ」とクリックする。
コントロールパネル ◎コントロール パネル: コンピュータのさまざまな機能を設定するための画面
CEC公開授業 Webサイト制作にチャレンジ! 2007年11月20日 於:東京都立板橋有徳高校 学校インターネット教育推進協会.
ウェブページ制作の基礎 タグの直接入力によるウェブページの制作 次のスライドへ進んだり,戻ったりしたい時は,右下のボタンをクリック。 次へ.
HTMLの記述と WWWにおける情報公開 遠藤
コントロールパネル ◎コントロール パネル: コンピュータのさまざまな機能を設定するための画面
ネットワーク情報活用 ILC Office / ILP KOBAYASHI Tomoko
エクスプローラ ● エクスプローラ: ファイルやフォルダを階層構造で表示してあり、これらを操作するのに便利。
ファイルの場所に関して.
情報 第一回: 練習課題 第一回 田浦健次朗 2010/4/9.
パスワードをつけよう! ~ワード・エクセル・一太郎 ・その他(アタッシェケース)~
メールの利用 計算機実習室でThunderbird.
Webページを制作しよう! 応用編 高校1年⑩「社会と情報」.
徳山 豪 東北大学情報科学研究科 システム情報科学専攻 情報システム評価学分野
コンピュータ基礎実習上級 #11画像ファイルと文字のフォーマット
Web App Semi 2008 #1 Web App Semi 2008 #1.
情報コミュニケーション入門 2016年度版 情報コミュニケーション入門m 総合実習(1).
WebCluster スライドショーで見る操作ガイド
セッション管理 J2EE I 第9回 /
HTTPプロトコルとJSP (1) データベース論 第3回.
【トップページ-TOPICSの登録・編集】
HTTPプロトコル J2EE I 第7回 /
コンピュータ基礎実習上級 #1 概要説明と基礎体力テスト
コンピュータ・リテラシーb 第10回 Excel によるグラフ作成.
Cygwin の install.
パソコン同好会のホームページは今回WordPressに変わったのですが 使いづらいとの声が多いので投稿者用の手順書を作ってみました。
パスファインダーの作成 slis. tsukuba. ac. jp/~fuyuki/cje2/CJE161018
情報技術演習Ⅰ 人文学研究のための情報技術入門 2017/07/06
(Wed) Edited by KON IT講習会 一太郎編.
基礎プログラミング演習 第1回.
経営工学基礎演習a PowerPointの利用.
ホームページ作成・更新講座 夏のコンピュータ学習会 画像
Microsoft PowerPoint98 Netscape Communicator 4.06[ja]
情報コミュニケーション入門b 第10回 Web入門(1)
情報コミュニケーション入門b 第10回 Web入門(1)
情報スキル活用  第5週 基礎技術-5  その2 : 他のページへのリンク.
スマホ追従バナー スクロールしてもついてくる! スマートフォンでの回遊性アーップ★.
情報スキル活用  第6週    基礎技術のまとめ  復習.
インターネット利用法実習 経営工学基礎演習a(第3週).
URLとファイルの対応 ユーザー s の Z:\www\ フォルダにある hello.html ファイル
ホームページビルダー 不要ファイル削除の仕方.
Maruzen eBook Libraryは、学術機関向け和書の電子書籍提供サービスです。 rev 電子書籍を さがす
Maruzen eBook Libraryは、学術機関向け和書の電子書籍提供サービスです。 rev 電子書籍を さがす
Htmlの基本.
コンピュータ プレゼンテーション.
基礎プログラミング演習 第12回.
画像を貼る 目標:このようなページを作る.
Microsoft Office クイックガイド ~基本編~
ファイルやフォルダを検索する ①「スタート」→「検索」とクリックする。 ②「表示項目」から適当なものを選択する。
環境教育関係の素材作り 島田 篤.
ホ-5班 発表タイトル(30字以内) 学籍番号1 名前 学籍番号2 名前 学籍番号3 名前 学籍番号4 名前 …
授業が始まる前に 諸注意 以下の人は2階の事務室へ行ってケーブルを借りてきて下さい。 Ethernetケーブルを持っていない
Microsoft SharePoint Online の Web サイトを カスタマイズする方法
レンタルショッピングカートマニュアル ~ 返品特約設定 編 ~
情報ネットワークと コミュニケーション 数学領域3回 山本・野地.
エクスプローラ ● エクスプローラ: ファイルやフォルダを階層構造で表示してあり、これらを操作するのに便利。
Presentation transcript:

コンピュータ基礎実習上級 #10 絶対パスによる指定 一般教育研究センター 安田豊

説明の前に少し 画像ファイルの取り込みについて アイコンなどを使う 出典の明記について

画像ファイルの取り込み 他のWWWページの画像を再利用 今回は再利用自由のアイコンを用意 手元に保存し自分のWWWページなどに流用 当然ながら著作権(利用権)には注意 今回は再利用自由のアイコンを用意 Webの資料を参照 http://www.kyoto-su.ac.jp/~yasuda/ 以下の基礎実習上級の資料 10 回目

画像ファイルの取り込み 画像にマウスを合わせて右ボタンでクリック 名前を付けて画像を保存、を選択 見やすく、分かりやすいWWWページを作って下さい

出典の明記 自分で作成したもの以外を利用した場合 一般には(作成者がそう望まない限り) 実習では クレジットや出典を掲載しなくてもよい どれだけを自分で作り、どれだけを流用したのか、またそれが違法でないのかが分からないと評価できない

出典の明記 そのため、自分が利用したもの以外を利用したページには、必ず出典を明記すること。 具体的には各ページの下端に: 誰が作ったものか どこから得たか(WWWならそのページのタイトルと、URL)を明記する。 ★や◆アイコンなどは以下から複製して利用 「○×の素材集」 ○×氏 (http://www.batsubatsu.ne.jp/~xx/icon.html)

絶対パスによる指定 以前に示したのは相対パス指定 絶対的な指定が必要(便利)な場合もある 「ここから見て」一つ上、xyzフォルダの中のabc.html 絶対的な指定が必要(便利)な場合もある 例1:他のWWWサーバのページ http://www.dokodoko.co.jp/~daredare/a.html 例2:自サーバの誰か別の人のページ http://www.kyoto-su.ac.jp/~yasuda/index-j.html

絶対パスによる指定 「ここから見てどこ」ではなく 「ここ」と指定したい 例1:他のWWWサーバのページ http://www.dokodoko.co.jp/~daredare/a.html    ↓ <a href=“http://www.dokodoko.co.jp/~daredare/a.html”> URL をそのまま表記する

絶対パスによる指定 例2:自サーバの誰か別の人のページ http://www.kyoto-su.ac.jp/~yasuda/index-j.html    ↓ <a href=“/~yasuda/index-j.html ”> URL のうちホスト名部分以降を書く 「 / 」(スラッシュ)で始まる スラッシュ以外なら相対パスと見なされる

絶対パスによる指定 パス指定の書き方とアクセス対象 パス指定 リンク先 /index.html http://www.kyoto-su.ac.jp/index.html index.html このHTMLファイルのすぐ隣にある index.html ファイル /~yasuda/index-j.html http://www.kyoto-su.ac.jp/~yasuda/index-j.html ~yasuda/index-j.html このHTMLファイルのすぐ隣にある ~yasuda というフォルダの中にある index-j.html ファイル

まとめ 相対パス 絶対パス うまく使い分けを a.html, abc/d.html , ../index.html 他のサーバ http://… などとURLをそのまま 自分のサーバ /index.html /abc/xyz/abstract.html /~yasuda/sample/a.html うまく使い分けを