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要素さえ置いときゃあとは何でもできるよ

コメント

タイトルとURLをコピーしました