ホームページ内関連リンク
更新情報
7月も終わるが、、、keader画像を交換しました。 笑//
うむ、、、今更…だけどね。
ホームページ作りは1ヶ月以上に渡って放置しています。 そのうちに更新予定だが…
cssの設定がどうなっていたんだか…? 忘れてしまった。 笑//
何も進んでいないが、、、相変わらずだか、、、3D-cubeを配置して見た。
いろんなところで3D-animationが解説されていたのでね。 笑//
6月になったので、6月用のHEADER画像に交換した。
ホームページ作りは一向に進んでいませんわっ。
ヘッダー画像の表示を[ほわん…]っと画像が入れ変わるに変更
横スライドは目が画像を追ってしまうので疲れます!! 笑//
おまけに、ヘッダー上部のページトップにサイトロゴを入れる。topにスペースがある方が落ち着くからね。
[ほわん…]っと画像が入れ変わるヘッダーを設置したが、どうしてもタブレット、スマホで画像が箱出してしまう。
あれやこれや、、、と試行錯誤も実現せず、結局は画像のスライドショーで落ち着きました…とさっ。
でもまぁ~、最初に読み込んだ時、スライド準備画像が全て読み込まれてからスタート…ってのが気になるわっ
一番簡単そうなサンプルだったから、そういうことなんだろう…。
スマホ表示の切り分けができていない!!?
768px以下でバッサリと切り捨てたんだけどねぇ~、、、
…っと言うことで、適当にレイアウトしていたデスクトップWEBページの設定から見直しをすることにした…
いらない部分を[display:none;]で切り捨て[max-width:100%]指定だけでは駄目なんだねぇ~。
WEBページはPCで作っているので、とりあえず[デスクトップファースト]ってことになるのかな?
ブレイクポイントを大きく設定してスマホでの表示確認をしてみた。
スマホでの表示確認するために、簡単なレイアウトをUPしてみた。
更新情報に<dl>要素を使ってみた
いよいよHTML要素軍に突入する…
うん…? フローティングコンテンツ? セクショニングコンテンツ?
何じゃらほいっ!!? だわ。
ogp画像、apple、android用のWebクリップアイコンを作成してUPした。
[Favicon]を設定して見た。
まっ、とりあえずEdge、Chrome、Operaで確認できました…とさ。
「ホームページを作ろう!!」っで、ネットを徘徊しHTMLを学習? とりあえずスタートの<head>で前に進まず。
スマホ・タブレット対策として[レスポンシブデザイン]を考えて…だが、そもそも私はスマホを持って1年未満… スマホが使いこなせていないので…、、、どうすりゃぁ~いいんだ!!? です。