livedoor Blog の開発メモを中心に、記事をカテゴリー別にまとめてみました。
編集元:ムックじいじ 発行元:ムックのおうち

Job

HP改訂-その5

会長へのメール送信等の開発履歴は、下記の通り。
8月08日:HTMLを添付して、リンクテスト完了のメール送信して、チェックを依頼。
8月08日:HTMLファイル及び画像ファイルのURL一覧をメールに添付送信。
8月09日:第一段階の改訂HTMLファイルをメールに添付送信して、アップロードとリンクテストを依頼。
8月10日:HTMLファイル及び画像ファイルのURL一覧(改訂版)をメールに添付送信。
8月10日:千代田器材HP ソース及び画像に関するドキュメントを印刷し、ファイルにまとめた。
8月13日:HPに関する細部の打ち合わせをする予定。

今後の課題-その2

・ スタイルシートのアップロード
・ 改訂すべきHPの選定、変更及びアップロード
・ HP第一次改訂後のサーバへのアップロード及びリンクテスト

リンクと画像の抜き出し-その2

画像
ページ:トップ
URL:http://www.chiyoda-kizai.co.jp/index.html
階層1階層2階層3備考
11line072.gif  ライン
2wallppr088.gif  壁紙
3image1.gif  HOME
4index.fileskaisyahome1.jpgロゴ
5bdg005.jpgビル
6image1.gifHOME
7image2.gif会社案内
8image3.gif事業内容
9image4.gif技術・開発
10image8.gifリクルート
11image6.gif交通アクセス
12image1.jpg空白のメニュー
13bullet004.gifボタン

リンクと画像の抜き出し-その1

リンクと画像の抜き出しツールを利用して、リンク先のURLをまとめてみた。
トップページのURL:http://www.chiyoda-kizai.co.jp/
HTML
階層1階層2階層3備考
11index.html  トップページ
2index.fileskaisyaannaipage1.html会社案内
3gaiyopage2.html会社概要
4grouppage3.htmlグループ企業
5mappage4.html交通アクセス
6jigyo page4.html事業内容
7kaihatu page1.html技術開発 / 風況調査用ポール
21denzaiframeline.htm 架線金具
31hyousikiframeline.htm 標識サポート
41PNindex.html 排水パイプ
2index-pdr.html 排水補強パイプPDR工法
3index-sabiless.html 恒久集水ボーリング保孔管
4englishindex.htmENGLISH
5info.html 問い合わせ
51pakkeijiframeline.htm 防音遮音パッケージ
61shaonframeline.htm 防音壁・遮音壁
71fenceframeline.htm 防護柵・フェンス・高欄

相対リンクによるリンクテスト

セキュリティの関係で、サーバに直接アクセスできないために、リンクテストには難渋したが、最終的に絶対パス(URI)と相対パス(URI)の使い分けのサイトを参考にして、相対パスを正確に記述することでクリア。
 
同階層のフォルダにリンクするとき<a href="index.htm">
<a href="./index.htm">
<img src="photo.jpg">
下位階層のフォルダにリンクするとき<a href="exp/index.htm">
<a href="exp/sam/index.htm">
<img src="image/photo.jpg">
上位階層のフォルダにリンクするとき<a href="../index.htm">
<img src="../photo.jpg">
2つ上の階層のフォルダにリンクするとき<a href="../../index.htm">
<img src="../../photo.jpg">
並列した階層のフォルダにリンクするとき<a href="../tag/index.htm">
<img src="../image/photo.jpg">
最新コメント
  • ライブドアブログ

ログイン  マイページ  ヘルプ  Dropbox  ヘルプ  TOP