URLとファイルの対応 ユーザー s の Z:\www\ フォルダにある hello.html ファイル

Slides:



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

1 情報処理基礎 2006 年 7 月 6 日. 2 本日の学習項目 HTML 文書の基礎知識を習得する。 ホームページ・ビルダーの基本的な使 い方を習得する。 ホームページの作成 自己紹介のためのホームページを作成する。
BWD06-01 ~ 1 ~ Web デザイン基礎 坪倉、伊藤 日本文理大学 先週 – ガイダンス – Webの歴史 –HTML 基礎 今週 について(出席と課題提出) –HTML 画像、ハイパーリンク、文字書式.
T2V 技術 Web 製作ラボ 4/25, 2011 hayashiLabo 8. T2V 技術 ftp.
SAP 環境における Active Directory 導入のメリット
ASP入門 - Windows 2000 Server 活用 -.
情報基礎A 情報科学研究科 徳山 豪.
UNIX利用法.
UNIX利用法 情報ネットワーク特論資料.
第11回JavaScriptゼミ セクション8-2 発表者 直江 宗紀.
HTMLの基礎知識.
情報処理基礎 2006年 6月 1日.
【2.12】文字装飾機能内部設計書
下左近研究室 ゼミ資料 ホームページの作り方(基礎編)
第12回(1月13日) 文書処理 久野禎子.
CEC公開授業 Webサイト制作にチャレンジ! 2007年11月20日 於:東京都立板橋有徳高校 学校インターネット教育推進協会.
ウェブページ制作の基礎 タグの直接入力によるウェブページの制作 次のスライドへ進んだり,戻ったりしたい時は,右下のボタンをクリック。 次へ.
Applet 岡部 祐典 鈴木 敬幸.
HTMLの記述と WWWにおける情報公開 遠藤
ネットワークプログラミング論 平成27年10月12日 森田 彦.
ホームページの作り方.
「RnR FixLinks Pro」解説(一般公開用・無償版)
講議資料 コンピュータ プレゼンテーション 講議資料
ネットワーク情報活用 ILC Office / ILP KOBAYASHI Tomoko
ファイルの場所に関して.
徳山 豪 東北大学情報科学研究科 システム情報科学専攻 情報システム評価学分野
問題設定の迅速化 Quick Quiz Setting
Web App Semi 2008 #1 Web App Semi 2008 #1.
見た目を定義する技術 CSS(スタイルシート).
4-3.基本的なPHPスクリプト 2004年6月24日(木) 大北高広 01T6010F.
専門ゼミⅠ 南ゼミ 特別授業③ 2002年6月7日 金曜日 4限目 今泉 裕隆.
HTTPプロトコルとJSP (1) データベース論 第3回.
Webページで自己紹介をしよう! 出席番号の席に着席し ユーザ名~user○○ パスワード~pass でログオン
経済学のための情報処理 ホームページの作成.
コンピュータ基礎実習上級 #10 絶対パスによる指定
中間発表 アリの王国更新 金華山の写真整理 柏崎 奈々 中間発表を始めます。
サイト運営者へむけて、CMS管理画面をつかって サイト運営していく方法を紹介します。
ネットワークプログラミング論 平成28年10月17日 森田 彦.
情報伝達・WWW・ソーシャルメディア CMSとHTMLの基礎
ServletによるWebアプリ作成 入門
ネットワーク de 情報発信 - コンテンツ作りのはじめの一歩 - 城西国際大学薬学部 二村 典行.
コンピュータ プレゼンテーション.
基幹理工学研究科 情報理工学専攻 後藤研究室 修士1年 魏 元
ホームページ作成・更新講座 夏のコンピュータ学習会 画像
第8章 Web技術とセキュリティ   岡本 好未.
Microsoft PowerPoint98 Netscape Communicator 4.06[ja]
HTTPとHTML 技術領域専攻 3回 中川 晃.
情報コミュニケーション入門b 第10回 Web入門(1)
情報コミュニケーション入門b 第10回 Web入門(1)
情報スキル活用  第5週 基礎技術-5  その2 : 他のページへのリンク.
スマホ追従バナー スクロールしてもついてくる! スマートフォンでの回遊性アーップ★.
第3章 第2節 ネットワークを活用した 情報の収集・発信(2) 4 文書の構造と表現
制作技術ー3 双方向通信 : CGIシステムと環境変数
情報スキル活用  第6週    基礎技術のまとめ  復習.
タグを使ったウェブページ作成 兵庫県立伊丹北高等学校 佐藤 勝彦.
Microsoft PowerPoint98 Netscape Communicator 4.06[ja]
情報コミュニケーション入門e 第11回 Part2 Web入門(1)
ホームページビルダー 不要ファイル削除の仕方.
情報スキル活用 第4週 基礎技術-4 : その1(タグのまとめ).
Htmlの基本.
ファイルのアップロード HTMLファイルをWebサーバにアップロード 名商大のWebサーバ(opinion.nucba.ac.jp)
コンピュータ プレゼンテーション.
ウェッブページ書法の復習 ネットワーク論以前のお話.
HP作成 そろそろまとめ編 担当:TAの人.
コンピュータ プレゼンテーション.
画像を貼る 目標:このようなページを作る.
Linux の世界に 触れてみよう! 情報実験 第 3 回 (2005/10/21)
独習XML ~第1章 XMLの基礎~ 1.1 XML文書の基礎 1.2 XMLとHTML
第14回放送授業.
情報スキル活用 第6週 制作技術-1 情報の記述と画面のデザイン.
Presentation transcript:

URLとファイルの対応 ユーザー s0510999 の Z:\www\ フォルダにある hello.html ファイル ユーザーIDの前にチルダ記号「~」をつける ~ユーザーID ファイル名 http://www.ipe.tsukuba.ac.jp/~s0510999/hello.html 筑波大学サーバー パソコン ユーザー s0510999 の Z:\www\ フォルダにある hello.html ファイル 筑波大学の決まり事

URLとファイルの対応の実例 http://www.ipe.tsukuba.ac.jp/~s0510999/ ユーザー s0510999 の Z:\www\ フォルダの index.html ファイル [メモ] ファイル名が指定されなかった場合は index.html ファイルが使用される http://www.ipe.tsukuba.ac.jp/~s0510999/hobby/tennis.html ユーザー s0510999 の Z:\www\hobby フォルダの tennis.html ファイル [メモ] フォルダを使用して階層的な構成にできる

ホームページのリンク リンク = 他のページへ移動させるためのもの ↓ 「他のページ」の所在地を指定する必要がある ページの所在地の指定の仕方 絶対パス http://www.yahoo.co.jp/index.html 相対パス 例(同じフォルダにある場合) hobby.html 例(子フォルダにある場合) chapter2/index.html 例(親フォルダにある場合) ../index.html ( ../ が親フォルダを表す)

相対パスの実例 Case1: リンク先がリンク元と同じフォルダにある場合 Case2: リンク先がリンク元より深い階層にある場合 前提:現在のHTMLファル(リンク元)は z:\www\hobby\index.html Case1: リンク先がリンク元と同じフォルダにある場合 リンク先 z:\www\hobby\baseball.html 相対パス baseball.html Case2: リンク先がリンク元より深い階層にある場合 リンク先 z:\www\hobby\travel\tokyo.html 相対パス travel/tokyo.html Case3: リンク先がリンク元より上の階層にある場合 リンク先 z:\www\profile.html 相対パス ../profile.html Case4: より複雑なケース リンク先 z:\www\work\report\test1.html 相対パス ../work/report/test1.html

HTMLタグのいろいろ タグの基本形式:始まりと終わりがある パラメータを指定できるものもある 終わりの無いものがある <タグ記号> </タグ記号> 例: <html> … </html> 例: <head> … </head> パラメータを指定できるものもある <タグ記号 パラメータ名=パラメータの値> </タグ記号> 例: <font size=“5” color=“red”> … </font> 終わりの無いものがある <タグ記号> 例: <BR> 例: <HR>