サイトの作り方を分かりやすく教えてくれるスレ

1 ：以下、VIPにかわりまして新都社でお送りします。：09/12/21 00:17:47 ID:rPNZkK0p

サイトが作れなくて挫折した人のためのスレです。
うまく活用してください

358 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/19(金) 11:38:12 ID:ZCk7G87e0

よかったよかった
またひとつ善行を積んじまったぜ

359 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/20(土) 10:12:41 ID:SGYPlyGM0

2014年くらいの新都社の雛形htmlを使いまわしているんですが、
左横の各雑誌とかのリンク一覧の帯（？）みたいなのが出てきません。
何をどこでどう記述を変えるか加えたら表示されるように出来るでしょうか？？？

おまけにhtml5（古い？）とかソースコードにもバージョン？があるようで…。
どう違うのかももう一つ分かってないまま使っていますOTZ

記述を変えれば、最新のhtmlにすることも可能でしょうか？

ご教授ください！

360 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/20(土) 14:39:02 ID:2/SPkfY50

最新の雛型にあるindex.htmlの60行目の
「<script type=」から始まる一行を追加すると表示されると思います

HTML5はすでに廃止されており、現在はHTML LSが最新かもしれません
そこまで大きく変わった訳では無いので、ところどころ変えれば大丈夫かと思います

361 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/21(日) 08:43:56 ID:CxuqxA/t0

>>360
ありがとうございます！！！

やってみます！

362 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/25(木) 10:07:02 ID:21IGthtd0

おれは…くたびれちまったぜ…
２話までちゃんと自サイトでよぉ…表示されるのによぉ…
３〜５話がTOPに表示されないしリンクも繋がらないとはたまげたぜぇ…
ローカルフォルダ上でChromeから開くだとちゃぁんと正常に表示されるし
FFFTPにもアップロードしたのによぉ…
サーバーへの反映が遅いのが原因なのかぁ…？

フフッ、俺はもうもうまいっちゃたよ…

363 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/25(木) 20:47:56 ID:ikN/WXwX0

ローカルで表示されているなら
サーバーへの反映が遅いだけだと思うが

364 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/25(木) 21:02:11 ID:21IGthtdI

しては２日はかかりすぎなんじゃないかと思うorz
前、１話追加しただけで１日かかったしorz

こんなもん？

365 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/25(木) 21:11:50 ID:h+L/u+8A0

こんなもんじゃないと思うね

366 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/26(金) 00:08:59 ID:aIFqyTOE0

ブラウザのキャッシュ？だっけ？
クリアしてみたら？

367 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/27(土) 00:55:11 ID:9it2/KLAI

アドバイスさんきゅ。
とりあえず消して見た。ドキドキ。

368 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/27(土) 09:39:03 ID:vCXsi3B50

サイトのhtmlデータ一式どこかにアップして人に見てもらった方が手っ取り早い

369 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/27(土) 11:58:42 ID:9it2/KLAI

index.html、1.html、2.html……
が入った作品フォルダごとここにうpするってことかい？
(漫画の画像ファイルは容量食いそうだから抜いて)

そりゃあそうした方がこっちとしては助かるが、
大きな負担かけないだろうか…orz

370 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/27(土) 12:53:42 ID:vCXsi3B50

そう、画像ファイル抜いた一式をzipにしてロダに上げて、問題点を記載して見てもらうのが早い

371 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/27(土) 18:35:54 ID:aTJPwsWg0

ただローカルでは反映している、というのが気になる点だな
俺はhtml読めるから良ければアップしてみてくれ

ローカルで問題点がなければ拡張子の問題かもな
HTMLファイルは拡張子が「.html」「.htm」どちらでも開ける

ただし、アップロードした時はに同じファイル名で拡張子が違っていると
拡張子「.html」のほうが優性で開くはずだ

テンプレのままアップしたファイル→index.html
話数を書き加えて保存したファイル→index.htm

のままだと、いつまで経っても反映されない説明がつく
作品編集画面で自サイトURLを「〜〜/index.html」にしている場合は「.htm」に変えないとダメ

372 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/27(土) 18:42:01 ID:aTJPwsWg0

FFFTPのアップロードを「上書きでアップロード」ではなく
一度鯖側のファイルを「右クリック→削除」してからアップしてみたら

373 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/27(土) 21:34:56 ID:wT05PUnX0

昔「バクバクバク」で、
/では無く\だったからローカルでは開けたけどサイト上では開けない事例があったね

374 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/28(日) 01:04:18 ID:oEYkvmh20

ご厚意に感謝します！
お言葉に甘えてデータ一式上げさせていただきます。


まず、これが問題の作品フォルダです。
ht●tps://org.neetsha.jp/up/index.html
（no.51118がそうです。クリックでzipフォルダがDLできます）
※フォルダ内の”全てに通用する型”というのは、以後
6.html、7.html.....
と話数を増やした時のhtmlファイルのコピペ用？のファイルみたいなもんです。
これをコピペして使いまわす…的な。
...これを作品フォルダ内にいれてるからダメなんですかねorz

次にこれがFFFTPにアップロードした際の画面です。
https://org.neetsha.jp/up/up/vip51119.png

最後に、（お恥ずかしいのですが）自サイトのURLがこれです。
https://org.neetsha.jp/up/up/vip51120.png

お手数おかけいたします。
どうぞよろしくお願いいたします。

375 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/28(日) 03:37:08 ID:iz1c0Wl+0

多分そもそもファイルをアップロードできてない
当該サイトを開発者ツールで見てみたら
index.htmlのlastModifiedは5月19日と出る

376 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/28(日) 07:10:59 ID:Z3fCn6Rj0

たしかに、zipでもらったの開いたけど、ちゃんとindexも各話リンクもちゃんと機能してるね。
375氏の言うように、アップできてないんだろうなぁ。

377 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/28(日) 09:56:09 ID:oEYkvmh2I

>>375
>>376

うぉお、すげぇ！
わざわざありがとうございます泣

ぇええ…。何でだろ、FFFTP側に問題があるのかねぇ…。

とりまサーバーとFFFTP両方チェックしてみるorz

378 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/28(日) 20:07:52 ID:dVjftghH0

サーバーのファイルマネージャから見たタグはどうですか？ローカルからコピペして編集したら反映するかしら？

379 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/28(日) 22:21:07 ID:iz1c0Wl+0

スターサーバーのファイルマネージャから
index.htmlをアップロードもしくは編集してみて
変更が反映されるようならFFFTPの問題
設定を見直す、別のFTPクライアントに変える、パッシブモードで接続するとかか
もしくはアップロード自体は成功してるが
意図してない階層にアップしてる可能性もあるかも？
ファイルマネージャからでも無理だったら
作品名ディレクトリのパーミッションを確認するくらいしか思いつかん…

380 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/29(月) 01:31:44 ID:3B4ZJoeQ0

>>378
>>379
意味わかんねぇ。
ffftpの設定を全削除してリセットしてフォルダアップロードしたら
直ったorz orz orz orz

とりあえず今のところは全て、解決した…( ；∀；)
長い道のりだった…
助言してくださった方々本当にありがとうございました泣
そしてお騒がせして申し訳ない…

381 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/29(月) 05:43:31 ID:Zv7Putep0

おお良かった
慣れてきたら背景色や文字色変えたりしてオリジナリティ出せるから
頑張ってみてね

382 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/29(月) 18:48:29 ID:3B4ZJoeQ0

俺は、もう、ダメかも知れない。

ずっとここで懲りずにご指導いただいている者なんですが、話数がPC上では表示されんのに
スマホからだとリンク切れが起こる。なぜorz
（ht●tps://nvprince.stars.ne.jp/kimitonokyori/
これが問題のリンクです。何故か第２話だけ飛べない。
PC上だと普通にクリックすれば第２話表示される）

そんで１話〜５話、全て同じ供述の.htmlファイルを使ってんのに
以下のような感じで表示方法が変わんのは何故orz
https://org.neetsha.jp/up/up/vip51121.jpg

https://org.neetsha.jp/up/up/vip51122.jpg
（上はちゃんとしたボタンなのに、下のはただの文字、みたいな）

そんでスマホだと画像デカすぎて表示おかしいから

meta name="viewport"

がないのかな？と思ったら新都社の雛形にはちゃんとあるし。
これは、もう、自サイト以外の方法を模索するしかないのか...？
というか、新都社を辞めろという神からのお告げなのかもしれない。

一体俺が何をしたっていうんだ...泣

383 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/29(月) 20:42:23 ID:Zv7Putep0

それは各話のHTMLにindex.cssが参照されてないからだろうな

各話それぞれのフォルダの中に、各話のHTMLファイルあるやろ？

その各話HTMLの全部のソースに書かれている７行目
<link rel="stylesheet" href="index.css" type="text/css" />
を
<link rel="stylesheet" href="../index.css" type="text/css" />
にしろ

話はそれからだし神は特に何も告げていない

384 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/29(月) 20:44:36 ID:9oIY1Qr20

今の２話をデスクトップに避難させといて正常に表示される他のページをコピーして第２話に書き換えることで治ればいいんですけど　ボタンが表示されないのはスタイルシートが読み込めてないからと思うんですが同じ条件なのにでないのは何ででしょうね

385 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/29(月) 20:53:35 ID:O+8J0V4g0

スマホから見たけど2話のリンクは普通に通じてると思うけど？
それよりも5話から4話に戻るリンクが間違ってる
…と書こうとしたらページごと消えてた

386 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/29(月) 20:55:29 ID:Zv7Putep0

index.htmlとindex.cssは同じフォルダ内にあるから
スタイルシート参照指定はそのままhref="index.css"でOK

各話フォルダ内のhtmlは
１階層上にあるindex.cssを参照する指定" href="../index.css"にしないと
装飾を読み込まないため素の文字のみになる

387 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/29(月) 22:05:48 ID:5YIyrOEBI

とりあえずもっかいzipあげよう
あとは職人がどうにかして上げ直してくれる
木曜でよければ俺がどうにかする

388 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/30(火) 13:07:24 ID:UsKgJYsCI

ありがとうございます泣
家帰ったらチェックし直してあげてみますm(_ _)m

389 ：387：2023/05/30(火) 20:23:45 ID:5QqPmPBV0

zip待ちだけど、>>386氏が言ってるみたいなパスの指定でかえってめちゃくちゃになってる気がする。1/1.htmlとか、1.5/1.5.htmlとか、そんなにフォルダ乱立させないだろって感じ
明日早めに帰れるから帰宅してあがってたらさわるわ

390 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/30(火) 21:07:37 ID:hnQYTV5S0

話数やページ数が多いなら、フォルダで分けた方が管理しやすいよ
それよりもindexと同じディレクトリに各話のhtmlをまとめた方がリンクしやすいと思う

391 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/31(水) 00:48:16 ID:L9kSQ7Mk0

すいません今帰ってきました。
とりあえず、現状のなんっにもにも
手を付け加えていないフォルダを新都社うｐろだにUPしました。

No:51126　vip51126.zip
（画像ファイルは抜いています）

現時点で困っていることは

・webページ（リンク）が所々上手く表示されない。（特にスマホ。物によるけど404と表示される）
・”前” ”次”が装飾で表示されたり文字だけで表示されたりする。
・レスポンシブデザインに対応しておらず、スマホで見ると
めちゃくちゃ拡大されて表示される。見づらい。

です。

仕様ソフトはFFFTPです。
話数はこの作品だと15話なのですが、別の作品も容量いっぱいで
その作品は30話ぐらい（１話30Pぐらいある）描く予定なので
各話フォルダ形式でいく方向です。

本当にすいません泣
よろしくお願いいたします。

392 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/31(水) 10:16:17 ID:w3m90GKx0

まだ解凍してないんだが、
方針としては

・各話フォルダの中身を画像のみにする
・インデックス及び各話のHTMLファイルはトップファイルにまとめる
・レスポンシブがいかないのはスタイルシートのパスが正確ではないからかも
・パス確認後もいかないようならCSSも少しいじる

こんなとこか

393 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/31(水) 10:22:06 ID:w3m90GKx0

余裕があれば
・スタイルシートの文字色背景色の変更部分をカスタムできるように/＊コメント＊/してあげる
ってとこか

394 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/31(水) 10:27:16 ID:w3m90GKx0

悪いんだけど画像確認できないと困るから
トップ絵と本編画像のサイズ教えて

395 ：392：2023/05/31(水) 17:35:33 ID:w3m90GKx0

はい。うｐろだ→vip51127.zip

解凍したら、各話のフォルダの中に画像だけ入れて確認して

396 ：392：2023/05/31(水) 17:38:12 ID:w3m90GKx0

読み切り（1.html）の画像で11.pngが抜けていたから記述足した
余計だったら削ってくれ

397 ：387：2023/05/31(水) 20:22:05 ID:2QRpVcUe0

気付いたら俺の仕事がなくなってたわ、やさしいせかい

398 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/31(水) 22:52:09 ID:L9kSQ7MkI

https://org.neetsha.jp/up/up/vip51128.jpg

https://org.neetsha.jp/up/up/vip51129.jpg

リンク切れが起きない………
前ページや次ページに進むボタンがちゃんと表示される……
というか、画面が以前よりスッキリしていて見やすい………

私は神に会ったのかもしれない…………


すいません今パソコンとスマホ、
両方からチェックしたのですが全て正常に表示されています泣
ありがとうございます！

いや、本当にここにいらっしゃった方々皆様ありがとうございました泣
以後この.htmlファイルを使い、各話フォルダには画像を入れるだけの形式でやり続けることにします。
いや何をどうお礼申し上げたらいいかわからないのですが、本当にありがとうございましたm(_ _)m
次漫画を更新した時はちゃんとクレジット載せさせていただきます泣

399 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/05/31(水) 22:56:57 ID:L9kSQ7MkI

(ちなみに本当参考程度に伺いたいのですが、
どこがミスっていたのでしょうか？
特に次ページに進むボタンの表示や、スマホだとなぜか拡大表示されるところなど……)

400 ：392：2023/06/01(木) 06:46:48 ID:37X2zMBi0

単純にスタイルシートの参照先間違えてた
また、タグの中に不明な文字が入り込んでいたりドキュメント宣言が無いのも直した

あと画像名にひらがな漢字使うのやめなさい
理由は自分で検索して

クレジット、入るものなら28と書いておいてください
同じきぼん掲載のよしみで修正させてもらった

401 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/06/01(木) 21:03:15 ID:vObcRTCO0

28先生優しいお方ね

402 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/06/01(木) 23:09:53 ID:L9LO8ZNdI

>>400
そうだったのですね泣

漫画の更新がいつになるかわからないのですが、
クレジットには28さんとここのスレ民のことを記載させていただきますorz
ありがとうございました！

403 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/07/09(日) 21:39:56 ID:tYYwRuVt0

自サイトを作った上で、まんおきや新都社の作品へのリンクを貼るだけっていうのはオーケーなんだっけ？

自サイトトップページ
→新都社外の作品
→新都社の漫画
→まんおきの漫画にテキストリンクから飛ぶって感じ

404 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/07/09(日) 23:56:07 ID:zP40JksDI

おk

405 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/07/17(月) 20:00:34 ID:xrx+Byo+0

画像のサイズって今はどのくらいが良いのでしょうか

406 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/07/18(火) 06:26:06 ID:MVaODM370

ノートだと横1000pxは読みずらい。700pxくらいがいい

407 ：以下、Web漫画と小説の新都社の提供でお送りします：2023/07/19(水) 05:43:10 ID:s2w0fIh80

画像デカいニキ今時ようわからん思てたけどやっぱようわからん