独学!Webサイト構築日誌

7日目:のんびりネットサーフィンから。

8:00

生姜湯飲みながら2時間ほど のんびりネットサーフィン。

10:00

今から本気出す!今日の目標はコチラ!
  1. ウィンドウ分割方法の変更。
  2. リンク先をiframeで読み込む。

1.ウィンドウ分割方法の変更。

2.と組み合わせることによって、私が実現したかったものが出来そうです!これが出来ると管理が圧倒的に楽になります!早速やっちゃいましょう。

…分割自体は数分でサクっと出来ました。

2.リンク先をiframeで読み込む。

読み込み自体はすぐに出来ましたが、読み込んだ形が汚いので修正中。
思ったより手間がかかるので、先にお昼。

13:30

昼飯&設定完了?

14:30

iframeを使って見た目が良くなったものの、cssが上手く反映されていないようで…さっきから調べているものの解決策が見つからず。振り出しだな。
今後圧倒的に管理が楽になるので、引き続き調べてみます。

18:00

出来た…か? 夕飯は食べた。
どうやらサブドメイン(例:●●●.ki-luck.info)だとJavaScriptを弄る必要があるようですが、私の場合サブディレクトリ(ki-luck.info/◆◆◆)のリンクなので、単純に不要な部分を削除すれば良いだけでした。

…が、やっぱり上手くいかん。

- メモ -
・JavaScript;getElementsByTagNameだと、直接変数に代入されずに配列に代入されることは分かった。(指定してないと[0]から入っていく)
・html/css/JavaScript;iframeの高さ自動調整がhtml/cssだと上手くいかないので、JavaScriptを適用してやる必要がある。
・html;iframeのリンク先だけ開いたときに「中身だけ」の雑ファイルになるので、リンク先も今まで通りヘッダーやフッターを付けてやる必要がある。
・html;でもヘッダーやフッダーを変えるごとに、全部のファイル変えるの面倒よね。
→ヘッダー、フッダー、サイドバーをテーブルで区切ってiframeで引っ張ってくる。
JavaScript;JavaScriptは別ファイルで保管して、cssと同様に毎度引っ張ってくるようにする。


0:15

どうしようもないぐらいぐっだぐだで、修正するのも面倒な状態。
iframeの使い方をどうにか覚えたいが、明日やる。もう無理。16時間以上付きっ切りだぜ?
→TOP画像が悲惨な状態になりました。



Before: 6日目

Before: 6日目

After: 7日目

After: 7日目



作成日:2020/12/19 - 更新日:2021/01/26

≪ 6日目≪ 一覧に戻る ≫8日目 ≫

HOME > 日誌一覧 > 7日目:のんびりネットサーフィンから。