戻る
情報・デジタルの部屋
こひつじの家
Webデザイン失敗の巻
CSSを使ったタブがうまくできたので,さっそく応用してみました
(
2016年6月)
。
しかし同じタブの中に複数のページを設けたこともあって,先に進むにも戻るにも,迷いやすくなってしまいました。それにHTMLの構造が複雑になったために,制作もメインテナンスきも,しづらくなりました。
そこでデザインを再検討し,タブのデザインは残しながら,
パンくずリスト
サイトの中で迷子にならないように設けたチャート
を設けた新しい方式に変更し
(
2016年10月)
,
さらにモバイル機器に対応した次の方式に移りました。
(2021年1月)
リンクボタンを押していくと,すべての
〔
Webデザイン失敗の巻〕
ペ
ージを体験できます。各ページにある
[
新ページ]
ボ
タンを押すと新しいページに戻ります。
新ページ
HOME
「こひつじの家」のトップページに戻ります。
情報トップ
HTML部品
HTMLページ用の簡単なパーツを紹介します。
古い部屋
2000年ごろに作った「情報とコンピュータの部屋」です。
HTMLページ
HTMLを主体にして作成したページ。多くのWebページは,HTMLページです。
の作成は,テキストエディタで書いて,ブラウザで確認するという方法でおこなっていますが,そのとき
閃
いた技法
(
テクニック)
を
,
HTMLの部品
として紹介していきたいと思います。
1998年から2007年ごろにかけて,ホームページの作成方法・コンピュータやインターネットの用語解説などをテーマにした
情報とコンピュータの部屋
を作りました。古い
部屋
サイト全体を家にたとえて,テーマごとに分けた集合を部屋とよんでいます。
ですが,ほとんどの内容は現在でも通用することや,当時作ったページが現在のブラウザでどのように表示されるかを見てみる楽しみもあって,残してあります。部屋の中には,200を越えるページがあります。この古い部屋はフレームの中に表示されます。