Webサイト制作初心者用質問スレ part234

1 ：2013/03/12 〜 最終レス ：2013/04/06

初心者だろうが誰だろうが、
まず >>>■ 検索してから ■<<< 質問すること
ネタ・煽り・自演・荒らしは完全放置
【質問時の注意】
　 1. 質問する前に >>2-4 にも目を通すこと
　 2. メール欄に何も入れないことを推奨 （IDを出して騙りを防止するため）
　 3. 質問者が返信する際は「最初に質問したレス番号」を名前欄に入れること
　 4. 携帯サイトについては携帯専用スレで質問すること
　 5. ブログについてはブログ板で質問すること
　 　 　●ブログ板 http://pc11.2ch.net/blog/
　 6. SEO、アドセンス、検索サイトに登録しても検索結果に引っかからないといったことは SEO関連スレで質問すること
　 　 　http://find.2ch.net/?STR=seo&TYPE=TITLE
　 7. アクセス解析については該当スレで質問すること
　 　 　http://find.2ch.net/?STR=%A5%A2%A5%AF%A5%BB%A5%B9%B2%F2%C0%CF&TYPE=TITLE
　 8. 製作ソフト（Dreamweaver DW、ホームページビルダー、等）を使用した場合の質問は該当スレで質問すること
　 9. CGI、PHP, Perl, Ruby 等のプログラミング関連や CMS, Wiki は Webprog板、またはこの板の該当スレで質問すること
　 　 　●WEBプログラミング板 http://pc11.2ch.net/php/
　10. JavaScript はこの板の該当スレで質問すること
　11. 画像作成ソフト（Photoshop 、Illustrator、等）については該当スレで質問すること
　12. Flash ついては Flash板で質問すること
　 　 　●FLASH・動画板 http://pc11.2ch.net/swf/
　13. xHTML, CSS, CGI, 制作ソフトなどのどんな本を買えばいい？といったことは書籍についての質問スレで質問すること
　 　 　http://find.2ch.net/?STR=%CC%F2%A4%CB%CE%A9%A4%C4%BD%F1%C0%D2%A4%CF&TYPE=TITLE
　14. 質問内容を吟味して、正しい日本語で第三者が読んでも分かるように質問を書くこと
　15. 間違った回答をする人もいることに注意
【前スレ】
Webサイト制作初心者質問スレ part233
http://toro.2ch.net/test/read.cgi/hp/1357950586/

2 ：

■HTML・CSSについて
・ごく簡単なHTMLの説明
　　http://www.kanzaki.com/docs/htminfo
・PC Tips
　　http://members.jcom.home.ne.jp/pctips/
・脱初心者をめざす人のためのホームページ作成講座
　　http://az-store.nrym.org/archive/mynotes/lecture/
■文法チェッカー
・Another HTML-lint
　　http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
・The W3C Markup Validation Service
　　http://validator.w3.org/
・CSS検証サービス
　　http://jigsaw.w3.org/css-validator/
※ このスレは Strict についての議論を対象としません

3 ：

■散々既出な質問
Q1. アップロードしたファイルが表示されません
A1. ・ブラウザのキャッシュを削除してから再度確認すること
　　 ・ファイルがアップロードされているか、ファイルのパス（絶対パス？相対パス？）があっているか確認すること
　　 ・画像などのコンテンツなら、xHTMLソースで指定したファイル名と拡張子の大文字・小文字の一致を確認すること
　　 ・画像であれば「バイナリモード」で転送されたか確認し、そうでなければテキストモードに設定を変えること
Q2. ホームページを作成しようと思いソフトウェアの購入を検討しています。おすすめのソフトは何でしょうか？
A2. 体験版があればそれを使用することを勧めます
　　 個人で好みが違うので、一概に「これ」が良いと推奨することはできません
　　 あなたが購入を検討している物を天秤にかけ、自分がしたい事が実現できるような物を購入すれば OK です
Q3. 「http://www.〜.com/」で○○したときのような効果を出すには、どうしたらいいのでしょうか
A3. ソースを見て理解する努力を惜しまないことがあなたを救います
　　 初心者だからといってソースを理解する努力をおしめば、期待する効果を実現することは難しいでしょう
Q4. あるURLにアクセスしたとき、携帯とPCで表示するページを変えたいのですが
A4. 「携帯 振り分け」などのキーワードで検索してください
Q5. 正しく書いたつもりなのですが、うまく表示されません
A5. 油断は禁物です
　　 HTML の文法を専用サイトでチェックしてみましょう
　 　http://openlab.jp/k16/htmllint/htmllint.html

4 ：

おつ

5 ：

もつなべ

6 ：

DVより優れていて良いソフトを教えてください。(有料でも無料でも)
お高いので他のソフトをマスターしようかと思ってますが、多くの企業がDWを使っていて就職(面接)の際にDWは使えますかと聞かれたらどういう言い訳をしますか？
ほかのソフトでもだいたいインターフェイス機能、操作は同じなのにDWをもっていないと不利な気がしますが。

7 ：

前スレ終わってからにして

8 ：

DVとDWを打ち間違える>>6が理解できないｗ
DWは使えませんが、エディタでガリガリ書けますといえば通用するのではないか

9 ：

私は初歩的に間違っているということですかvv

10 ：

IEで画像が読み込まない現象は解決方法ありますか？
いろんな形式でためしてみたりしているけど、不明すぎる。
読み込むやつもあります。サイズや画像の大きさ変えてみたりしてるけどお手上げ。

11 ：

そうなんだ

12 ：

>>10
エスパーすると、昔のIEはpngの透過色をうまく扱えない。
解決策は新しいPCを買うこと。

13 ：

DVとは・・・

14 ：

だからgifにしろっつってんじゃん

15 ：

デジタルビデオ
家庭内暴力

16 ：

>>10
IEのバージョンは？該当箇所付近のソース晒して

17 ：

アルファチャンネル含まなければ昔のIEでも透過されるよ

18 ：

まず何から始めればいいの？
HTML５の勉強？

19 ：

はい

20 ：

>>2
みて勉強すればいいのかな
あとHTML５とHTMLの違いってなに？

21 ：

HTML5はHTMLのバージョンの一つ
HTML5の規格決定が迷走しててHTML4.01が未だに健在だけどね

22 ：

>>21
よくわからんが初めてはどっち勉強すりゃいいかな

23 ：

>>22
XHTML勉強しておけばどっちにも応用できる

24 ：

>>23
えっなにそれは・・・
まじでわからんから
HTMLとHTML５とXHTMLの違いを何かにたとえて教えてくれ
最初に勉強するのはXHTMLでええんかな

25 ：

たぶんHTML5の時代に移行するけど、いつ落ち着くか分からない
HTML5のフォーム関連の追加は便利だけど、ブラウザによって対応状況バラバラだし
無難にHTML4.01でいいんじゃないかね
XHTMLはルール厳格すぎて、一番最初に始めるにはハードル高いと思う
HTML5はだいぶルール簡略化されて書きやすくなったけど、まだ実験段階みたいなものだから

26 ：

>>24
XHTML1.0/1.1かHTML4.01 Strictでいい
その二つはそのレベルなら同じと思っておいていい
HTML5はまだ制定前だから変わる可能性ある、やめとけ
>>25は厳格と言ってるが、結局HTML5になったとき厳格になるし
厳格ってことは覚えることが少なくて済むってことでもある
>>2の
・脱初心者をめざす人のためのホームページ作成講座
　　http://az-store.nrym.org/archive/mynotes/lecture/
ここらへんが一から勉強にはいいかも

27 ：

>>26
とりあえずそのサイトで勉強するよありがとう
最終的にはゲームとかつくれるようになりたいな

28 ：

>>27
お、おう
Webゲーム作るならWebProg板のほうでな

29 ：

便乗質問です
趣味でまたHTMLを勉強し直したいんですが、XHTMLで良いでしょうか？
昔、HTML4.01の辞書を一冊だけ買って、メモ帳でサイトを作って遊んでいた程度の人間です

30 ：

>>29
4.01の知識があるなら4.01strictをしっかりしておけばhtml5になっても対応できる
今ならstrictHTML+CSS

31 ：

>>30
何も分からずに買ったのが辞書だったので、4.01も体系的には分かっていない感じです
それでもXHTMLより取っつきやすそうで、頑張れそうです！
もう一度4.01をStrictで勉強してみます
ありがとうございます

32 ：

Webの学校に通ってるけど
XHTML1.0 Tranditionalにしとけって言われてる。
理由を説明してくれたけど
難しくてよく分からなかった。

33 ：

それは訳わからんｗｗｗ

34 ：

>>32
ようするにtranditionalではこう言ったタグは推奨してませんよとか、動作しませんよってなってて
strictって書くとフレームタグは使えないくらい厳しい決まりに従ってhtmlを書くんですよって決まりごと。
つまりtranditionalにしとけばよほどのタグじゃないと使えないとか無いから困ることはほぼ無いでしょうって事。
→つまり使えるタグの制限がゆるい。

35 ：

ちなみに今あるwebではよほどの事をやらない限り
XHTML1.0+CSS+Javascript(JQuery)+PHPで十分なものが作れるのでHTML5なんてのは次世代仕様だし今の段階ではやらなくていいよ。
XHTML1.0+CSSをしっかりやることが間違いなく基本

36 ：

代替機能が他に無い場合は別として
将来的に不安要素のあるタグは使わないに越したことは無いので
とりあえず strict で書くように習慣付けとけばいいんでないか？

37 ：

html, body, meta, link, title, style, script, h1-h3, p, br, pre, table, tr, td, th, ul, ol, li, span, div
これだけ覚えておけばおｋ
むしろ初心者はこれ以外使うな。

38 ：

>>14
gifも読み込まないんだが。
どうすんのこれ

39 ：

今までを要約すると、
traditional の方が使えるタグが多いくて便利だけど strict にしとけ
ってのは、
DW の方が機能豊富で便利だけど terapad にしとけ
ってのと同じ理屈？

40 ：

ツールは成果物ではないからそんな理屈は成り立たないよ

41 ：

>>38
だからバージョン位教えろよ

42 ：

HTML StandardやHTML5.1のことを言っているのなら今後も変わっていくけど
HTML5はとっくに勧告候補だからもう安定してるよ

43 ：

HTML5ってブラウザの実装状況どうなのよ。webkitでしか動かないとかマジ勘弁

44 ：

The HTML5 test - How well does your browser support HTML5?
ttp://html5test.com/results/desktop.html
IEの淘汰という意味で考えると、Win7のサポート切れるのいつだっけ
ほんとに「使える」を考えるとまだ4〜5年とか結構かかるんでないか

45 ：

>>39
いや全然便利じゃないから廃止される
無駄なものが多い
>>43
「早すぎたんだ…腐ってやがる…」と言われている

46 ：

あるブロック要素をマウスオーバーしたら、そのブロック内に重なっているいくつかの画像を別々の動きでアニメーションさせたいです。CSS3だけで。
ブロック名:hoverでanimationさせればいいのだけども、それだと一種類の動きしか与えられません。どうすればいいですか

47 ：

無理です
JSを併用してください

48 ：

>>43
HTML5でのマークアップに関しては、HTML5の新しい要素に対するCSSが昔のIEで適用されない
html5shivを読み込ませれば問題ないけど

49 ：

とりあえず語りたがりは巣に帰れ

50 ：

>>47
ありがとうございます。
少し調べたらjsとらcss3を組み合わせる記事がたくさん出て来たので、それでいけそうです。

51 ：

横幅700px縦330pxのテーブルで画像を下図のように
並べたいんですが、htmlのソースがわからないんで
教えてもらえませんか？　233*105�@画像
　　　　233*157�@画像　
233*330�@画像　　　　　　233*105�A画像
　　　　233*157�A画像
　　　　　　　　　　　　　　　233*105�B画像
←　　　　　　　　横700px 　→

52 ：

文字だけじゃ意味が分からないので簡単な絵でも描いてください

53 ：

　━━━━━━━━━━━━━━━━━━━━━━━━━━
｜　　　　　 　 233*105�@画像 ｜
｜ 　 233*157�@画像　 　　　　　　　　｜
｜　 233*330�@画像　　　　　 　　 233*105�A画像　｜
｜　　　 　 　 233*157�A画像 　　　　　　　　　｜　　
｜　　　　　　　　　　　　　　　　　 233*105�B画像　｜
　━ ━━━━━━━━━━━━━━━━━━━━━━━━━

54 ：

線はズレズレだし何がしたいのかさっぱりわからん

55 ：

普通にテーブル作って画像入れたくないとこは空白にしとけばいいだろ

56 ：

日本語名のファイルをsakuraにアップロードしたら文字化けしてしまって、
削除も名称変更もできなくなったんだけど、どうやったら消せます？

57 ：

sakuraってなんだよ
さくらインターネットか？
だったらフォームかメールで問い合わせろ
有料だし相手してくれるだろ

58 ：

みんなこんな時間にカキコするって学生？ニート？
それともweb制作の自営？

59 ：

プログラミング無関係のフリーランスだが

60 ：

WL-enqのアンケートを設置したいんですが
（http://yoroz.jp/cgi-bin/wl-enq/readme.txt）
ファイルをアップロード後、ブラウザでenq.cgiにアクセスすると
ログイン画面が出るはずが、下ページとまったく同じ内容が出てきます
何が原因なんでしょうか
http://www.mslc.jp/Counseling/enq.cgi?id=counseling

61 ：

firebugで見た時に普通は、style.css:1000とか、スタイルシートの場所が表示されますが、
element.style - 200px
って表示された時の、element.styleって何でしょうか？どのファイルを触ると変更できますか？

62 ：

<div style="position: absolute; top: 200px; left: 150px;"></div>
みたいな

63 ：

>>62
htmlにstyleを直打ちすると、element_styleって表示されるってこと？
そんなことしていないはずなんだけどな。。

64 ：

Javascriptでstyleを直接いじってるとか

65 ：

求職者支援訓練でウェブ系を勉強しようと思うのですが、
html4とhtml5のどちらを教えてくれるところに行ったほうがいいでしょうか？

66 ：

html4にしといたら

67 ：

そろそろ面倒になってきたのでメモ帳を卒業してエディタに乗り換えようと思うのですが初心者でも比較的使いやすいのはどれでしょうか？
比較してるサイト等を見てるとやたら高機能とかばかり書かれてて…

68 ：

比較サイト見ての乗り換え候補はどのエディタなん？

69 ：

IDEならAptana
テキストエディタならどれもさほど変わらん

70 ：

>>67
このスレではDWが大人気です。業界標準です。知らない奴はモグリです。

71 ：

>>68
恥ずかしいことに正直どれも同じように見えて差が分からないもんで
>>69
Aptanaはすごいなーとは思いつつも私にはまだ宝の持ち腐れになるかなと
テキストエディタだとそんなに差はないのですね
>>70
モグリですみません

72 ：

>>37
aとかimgとか使えないの？

73 ：

aは必要だな、HTMLだし。imgは初心者にはおすすめできないかもな

74 ：

ヘッダーやフォームはいらんのか

75 ：

Expression Webはどうですか

76 ：

DW以外にも色々あんのね。
Aptanaなんて始めて聞いたけど良さそう。

77 ：

>>69
ググったら最新のnewsが「31 Aug 2012」なんだけど、
これってちゃんとメンテナンス続いてるの？

78 ：

仕事が5年以上決まらんので自営しようと思う。
web屋で細々と低収入でいいから食える？
だいたい毎月平均16万いけばきついけどなんとか生活できる。

79 ：

それは本件とは無関係です

80 ：

>>78
五年以上仕事が決まらない人間が、独りで仕事を取るのは難しいと思う
そんな甘くない

81 ：

>>80
だよね。営業が厳しいよね。
そこは利益率を考えて価格設定し、営業できる人間に歩合で金やってさせようかと。

82 ：

>>80
あと自分の知り合いにたくさん業者がいるから客紹介とか色々してもらう事はできるし
足りない分はツイッターや自分の足で営業回ろうかと。

83 ：

経験者なの？ ならそんだけ周りで環境整ってるなら何とかなると思うよ

84 ：

あと、
SOHOやフリーで本当に細々と食ってる奴の74人目
http://toro.2ch.net/test/read.cgi/hp/1362934463/
の方がためになる話があるかもしれないように思うの
なんか今は関係ない話してるけどw

85 ：

>>84
ありがとう。そのスレで聞いてみるよ

86 ：

ブログ書いて有名になればいいじゃん
仕事バカバカくるよ

87 ：

>>84か迷いましたが私はこのスレですかね？
Googleではまだ検索されない状態のサイトをブログやTwitter、facebookで紹介して少しだけアクセスを稼いでいます
facebookに広告を出したら3〜4日で30いいねを貰いましたが、本業のサイトは出だしで50/dayアクセス位あったのが今や1日10アクセスあればいいほうです
皆様どう集客していますか？
アクションもきちんと書いた文章にだけあって、こまめな更新だけでなく質も高めねばと思い始めましたが、サイト内を見てもらう順番も考えないといけないかなとも思っています
個人事業で仕事はしていますが口コミだけでwebからのお客様は0です
長くなりついでにfacebookの広告のレポートの見方（標準値）がわかりません
これもここで質問してもいいでしょうか

88 ：

スマートフォン、iPhoneからのアクセスのときに自動的に切り替わる方法を簡単に教えてください。なんか良い参考ページあります？
なにをいじればいいのかも、わからないお

89 ：

UAで判別するところが多い
試しにPCのブラウザのUAをスマホに偽装すると、有名処のサイトは大概スマホページに変わるから。

90 ：

なんとなくwebサイト作りたいと思ってある程度勉強したけど
いざ作ろうとするとどういうwebサイトを作りたいとかwebサイトを作って何がしたい
というのが頭に全く無かったからwebサイトの作り方を覚えただけで無駄だった俺…

91 ：

>>90
それ俺と同じだわ。
ソースコードの理論だけ勉強して、いざ作ろうとすると、何を作りたいかというネタが決まってない。
なんでもそうだけど、メニュー構成や具体的なコンテンツの要約の企画書(設計書)を書かないと出来ないね。
最低限、手書きでもいいからサイトのラフデザインカンプとかもいるね。

92 ：

そういう連中は
Web開発のノウハウでも書いとけばいい。

93 ：

>>90-91
自分語りはチラ裏に書いとけ

94 ：

>>93
自分語り？おまえ何言ってんだ？
訳わかんねー奴はしねよ

95 ：

>>94
>>94

96 ：

>>90-91
その辺は、制作じゃなくて
企画の仕事だから
なかなかあれかもね

97 ：

先日販売終了した自動ネット収入システム「Auto WebMoney〜Final Ultimate Edition」の
裏モードが解禁され、既存ユーザーはもちろん、新たに50セットが限定販売されている。
ttp://www.auto-webmoney.com/
購入した既存ユーザーはある方法をとることにより裏モードが解禁、ネットワークに
新たな回路システムが発動され、一時間辺りのスピードが旧モードのおよそ三倍稼げるという。
もうじき六周年を迎える記念として既存ユーザーに感謝の意を込めて解禁したというが、
日本ユーザー800万人を突破したモンスターシステムだけあって今後の展開が楽しみである。
引用元.IT総合情報メディア

98 ：

質問です
最近時々見かける、複数の画像が上下のレイヤーを持ってて重なり合いながらアニメーションするようなのって
どうやって実現してるんでしょうか
左右に要素がスクロールする（例えば雲と山）みたいなのがやってみたいんですが
キーワードでも良いので教えてください
よろしくお願いします

99 ：

jQueryのslider？
言ってることがよくわからん

100read 1read

1read 100read
TOP カテ一覧 スレ一覧 2ch元 削除依頼 ▲

【反面】こういうサイトは止めておけ【教師】 (519)
■◇■アクセストレード専用スレ パート1■◇■ (766)
初めてサイトを作った時を思い出すスレ (768)
【現役は】漏れも昔は厨ﾀﾞﾀｰﾖ……　２【ｶｴﾚ!】 (551)
Web制作者が愚痴るスレ 14クレーム目 (206)
【現役は】漏れも昔は厨ﾀﾞﾀｰﾖ……　２【ｶｴﾚ!】 (551)
--log9.info------------------
一部復活へ！！国士館大学ﾗｸﾞﾋﾞｰ部☆彡 (302)
【長野県】岡谷工業ラグビー部【北信越】 (851)
高校ラグビーはシード制を廃止しろ (239)
★関東大会・予選からのスレ★ (237)
ラグビーボールつかってイイこと。。。 (357)
＜点取り屋＞中濱　寛造＜大阪工大高＞ (224)
ラグビー界と世界金融危機 (448)
【愛知】ラグビー強い高校【公立】 (209)
今年の南アフリカ代表と東海大仰星どっちが強い？ (218)
スレ立てるほどでもない大会・海外卓球リーグ57 (706)
中学卓球総合スレ２ (235)
【BS日テレ】 P★LEAGUE(Pリーグ) 第60フレーム (731)
【自分の力で】メカテク問題★Part５【投げよう】 (328)
【セクシー】張ヶ谷順子 4th【サウスポー】 (201)
黒キュロット！ (203)
何処まで飛ばせるか？inゴルフ板59 (367)
--log55.com------------------
金地金を買った俺は煽られた523
アベノミクス失敗を最も実感してるのは黒田日銀総裁
アベノミクス失敗　物価上昇で実質賃金伸びず
アベノミクス恐慌３
アベノミクス失敗、地銀が危ない
アベノミクス不況、節約以外の対策
アベノミクスと増税ラッシュで景気後退106
アベノミクス失敗と1929年世界恐慌との比較考察