Download presentation
Presentation is loading. Please wait.
1
URLとファイルの対応 ユーザー s0510999 の Z:\www\ フォルダにある hello.html ファイル
ユーザーIDの前にチルダ記号「~」をつける ~ユーザーID ファイル名 筑波大学サーバー パソコン ユーザー s の Z:\www\ フォルダにある hello.html ファイル 筑波大学の決まり事
2
URLとファイルの対応の実例 http://www.ipe.tsukuba.ac.jp/~s0510999/
ユーザー s の Z:\www\ フォルダの index.html ファイル [メモ] ファイル名が指定されなかった場合は index.html ファイルが使用される ユーザー s の Z:\www\hobby フォルダの tennis.html ファイル [メモ] フォルダを使用して階層的な構成にできる
3
ホームページのリンク リンク = 他のページへ移動させるためのもの ↓ 「他のページ」の所在地を指定する必要がある
ページの所在地の指定の仕方 絶対パス 相対パス 例(同じフォルダにある場合) hobby.html 例(子フォルダにある場合) chapter2/index.html 例(親フォルダにある場合) ../index.html （ ../ が親フォルダを表す）
4
相対パスの実例 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
5
HTMLタグのいろいろ タグの基本形式：始まりと終わりがある パラメータを指定できるものもある 終わりの無いものがある
<タグ記号> </タグ記号> 例: <html> … </html> 例: <head> … </head> パラメータを指定できるものもある <タグ記号 パラメータ名=パラメータの値> </タグ記号> 例: <font size=“5” color=“red”> … </font> 終わりの無いものがある <タグ記号> 例: <BR> 例: <HR>
Similar presentations
![コンピュータ基礎実習 ( 上級 ) 第二回 ウェブページの作成について 清水淳紀. ウェブページとは ウェブ (Web) は正式名称を World Wide Web という。 文字や画像、動画等を簡単に扱うことができる。 [ リンク ] を介してページ同士がつながっているのが 特徴。 ページは.](/39/11010578/big_thumb.jpg "コンピュータ基礎実習 ( 上級 ) 第二回 ウェブページの作成について 清水淳紀. ウェブページとは ウェブ (Web) は正式名称を World Wide Web という。 文字や画像、動画等を簡単に扱うことができる。 [ リンク ] を介してページ同士がつながっているのが 特徴。 ページは.>")
