HTMLのプロ、来てくれ教えて欲しい

1 : 2021/09/28(火) 22:04:27.190 ID:8EcxtHjO0: 次のようなサイトを作りたい

右側にメインブロック
左側にメニュバーがあって、メニュークリックすると対応したページが
メインブロックに表示される。
って感じのやつ

調べても出てこない
2 : 2021/09/28(火) 22:05:02.050 ID:ZFUFRWWx0: cssって知ってるか？
3 : 2021/09/28(火) 22:05:18.505 ID:8EcxtHjO0: >>2

うん。
4 : 2021/09/28(火) 22:06:05.670 ID:VENqWFny0: そーいうのはHTMLだけじゃできない
Javascriptもいる
5 : 2021/09/28(火) 22:06:25.082 ID:dEgvK7VF0: JSのプロを呼んだ方が良さそう
6 : 2021/09/28(火) 22:06:39.079 ID:45E2ShLyd: PHPもいる
7 : 2021/09/28(火) 22:06:39.601 ID:8EcxtHjO0: メニュー押して
例えば、

a href = 別のhtmlファイル

が実行されて
メインブロックにそのhtmlが表示される
というイメージでいるんだけど。

ちなみに阿部寛のサイト見たら

framesetってのを使っていたからそれを真似しようと思ったが
framesetって今は非推奨らしいから使えなかったか
8 : 2021/09/28(火) 22:07:28.411 ID:8EcxtHjO0: a href　だけじゃできないのか・・・・
9 : 2021/09/28(火) 22:08:52.451 ID:5zgZh/mBd: iframeじゃだめ？
10 : 2021/09/28(火) 22:09:59.339 ID:8EcxtHjO0: 一般的なやり方であればなんでもいい。

iframeならできるんか？？
11 : 2021/09/28(火) 22:10:39.974 ID:jV9Gdpjia: 動的じゃん
素人がやるもんじゃないよ
12 : 2021/09/28(火) 22:11:41.477 ID:I4q6kwVj0: 簡単なのはiframe
13 : 2021/09/28(火) 22:11:53.723 ID:8EcxtHjO0: メニューば押したら、メインの内容を切り替えるサイトなんて
至る所にあるけど

素人はには難しい仕組みなのかよ？？
14 : 2021/09/28(火) 22:12:23.864 ID:MbjHpJS60: ajax
15 : 2021/09/28(火) 22:12:29.687 ID:1qH2snBGr: 一般的にはJSつかうよ
HTMLはページの構造を記述するためだけのもの
動きをつけるときはJSつかうの
16 : 2021/09/28(火) 22:13:11.779 ID:3WVq+oiB0: 調べて出てこないわけない
17 : 2021/09/28(火) 22:13:46.770 ID:3FrQzdjP0: フレームレイアウトってもう失われた技術なの？
18 : 2021/09/28(火) 22:14:42.074 ID:yBXOq9hI0: フレームは失われたっていうか嫌われた手法
19 : 2021/09/28(火) 22:15:10.823 ID:ta9VmCjV0: プログラム書くのが面倒ならばいっそのことどっかの
フロントエンドフレームワーク使って簡単に作ってしまえ
20 : 2021/09/28(火) 22:15:19.978 ID:m6un42aL0: Angular とか Vue,js とか使わないとな
21 : 2021/09/28(火) 22:15:43.117 ID:45E2ShLyd: Reactもいる
22 : 2021/09/28(火) 22:16:00.056 ID:8EcxtHjO0: あと調べた限りだと

メニュー押下
↓
a hrefで別のhtml表示
これでページ全体を切り替える

っていうふうにやってるサイトがあったんだが
これだと全てのhtmlにメニュー記入しないといけないから

保守性悪いと思うんだよね
23 : 2021/09/28(火) 22:16:53.296 ID:jV9Gdpjia: フレームはレスポンシブルに向かないしな
24 : 2021/09/28(火) 22:17:14.095 ID:VENqWFny0: マテリアルデザインのフレームワーク使えばそれっぽいボタンとか簡単に作れるよ
その中にはメニューバーの部品とかもあるはず
25 : 2021/09/28(火) 22:18:02.598 ID:yBXOq9hI0: そもそも誰かに見てもらう為のHTMLなのか
ソースを作って公開する為のHTMLで話が違ってくるけどな
個人で使うならもうフレームにしちゃえよってなると思うけど

嫌われた手法だけど手っ取り早いし
26 : 2021/09/28(火) 22:18:55.395 ID:gTX4OKZc0: CSSのchecked擬似クラスとか駆使すればjsまでは必要ないかも
27 : 2021/09/28(火) 22:20:29.815 ID:8EcxtHjO0: iframeが一般的らしいので
それ調べてやってみるかあ

ちなみに
俺の日常を公開するためのブログ作る
30 : 2021/09/28(火) 22:22:39.383 ID:dEgvK7VF0: ブログをHTMLの静的ページで作るの？
WordPressとか入れた方がいいんじゃない？
32 : 2021/09/28(火) 22:24:07.130 ID:8EcxtHjO0: >>30

いや、別にこだわりはない。
簡単にa hrefで実現できるものだと予想してただけ

d
31 : 2021/09/28(火) 22:23:01.100 ID:9zptQS0s0: すでに見てたんだなすま●こ
33 : 2021/09/28(火) 22:25:47.210 ID:RE8JeI3R0: canvas要素さえ置いときゃあとは何でもできるよ