TOP カテ一覧 スレ一覧 100〜終まで 2ch元 削除依頼
今時CSSを別ファイルに分離している奴いるの？ｗ
富山地方鉄道ツイッター ｔｗｉｔｔｅｒ
「1日6hitだけれど〜」スレを観察するスレ 3hot目
ゴッゴル
_____________________________________________HTA
JavaScript ライブラリ総合質問所 vol.5
「1日6hitだけれど〜」スレを観察するスレ 3hot目
【SEO】Google対策 パート83【Google】
【Mac】WEB屋の使うマシン【windows】
Web制作者が愚痴るスレ 45クレーム目
Webサイト制作初心者用質問スレ part247
- 1 ：2017/02/27 〜 最終レス ：2019/12/01
- 初心者だろうが誰だろうが、
まず >>>■ 検索してから ■<<< 質問すること
ネタ・煽り・自演・荒らしは完全放置
【質問時の注意】
1. 質問する前に >>2 にも目を通すこと
2. メール欄に何も入れないことを推奨 （IDを出して騙りを防止するため）
3. 質問者が返信する際は「最初に質問したレス番号」を名前欄に入れること
4. ブログについてはブログ板で質問すること
●ブログ板 http://peace.2ch.sc/blog/
5. SEO、アドセンス、検索サイトに登録しても検索結果に引っかからないといったことは SEO関連スレで質問すること
http://find.2ch.sc/?STR=seo&;TYPE=TITLE
6. アクセス解析については該当スレで質問すること
http://find.2ch.sc/?STR=%A5%A2%A5%AF%A5%BB%A5%B9%B2%F2%C0%CF&;TYPE=TITLE
7. 製作ソフト（Dreamweaver DW、ホームページビルダー、等）を使用した場合の質問は該当スレで質問すること
8. CGI、PHP, Perl, Ruby 等のプログラミング関連や CMS, Wiki は Webprog板、またはこの板の該当スレで質問すること
●WEBプログラミング板 http://kanae.2ch.sc/php/
9. JavaScript はこの板の該当スレで質問すること
10. 画像作成ソフト（Photoshop 、Illustrator、等）については該当スレで質問すること
11. HTML, CSS, CGI, 制作ソフトなどのどんな本を買えばいい？といったことは書籍についての質問スレで質問すること
http://find.2ch.sc/?STR=%CC%F2%A4%CB%CE%A9%A4%C4%BD%F1%C0%D2%A4%CF&;TYPE=TITLE
12. 質問内容を吟味して、正しい日本語で第三者が読んでも分かるように質問を書くこと
13. 間違った回答をする人もいることに注意
【前スレ】
Webサイト制作初心者用質問スレ part246
http://echo.2ch.sc/test/read.cgi/hp/1481633052/
- 2 ：
- ■散々既出な質問
Q1. アップロードしたファイルが表示されません
A1. ・ブラウザのキャッシュを削除してから再度確認すること
・ファイルがアップロードされているか、ファイルのパス（絶対パス？相対パス？）があっているか確認すること
・画像などのコンテンツなら、xHTMLソースで指定したファイル名と拡張子の大文字・小文字の一致を確認すること
・画像であれば「バイナリモード」で転送されたか確認し、そうでなければテキストモードに設定を変えること
Q2. ホームページを作成しようと思いソフトウェアの購入を検討しています。おすすめのソフトは何でしょうか？
A2. 体験版があればそれを使用することを勧めます
個人で好みが違うので、一概に「これ」が良いと推奨することはできません
あなたが購入を検討している物を天秤にかけ、自分がしたい事が実現できるような物を購入すれば OK です
Q3. 「http://www.〜.com/」で○○したときのような効果を出すには、どうしたらいいのでしょうか
A3. ソースを見て理解する努力を惜しまないことがあなたを救います
初心者だからといってソースを理解する努力をおしめば、期待する効果を実現することは難しいでしょう
Q4. あるURLにアクセスしたとき、携帯とPCで表示するページを変えたいのですが
A4. 「携帯 振り分け」などのキーワードで検索してください
また、「レスポンシブ」という単語もあなたを救うかもしれません
Q5. 正しく書いたつもりなのですが、うまく表示されません
A5. 油断は禁物です
HTML の文法を専用サイトでチェックしてみましょう
http://validator.w3.org/
- 3 ：
- 企業に作品を提出するのですがどんなサイトを作ればいいのですか？
photshop、illustratorを使わない、如何にも個人が作ったようなサイトでもいいのでしょうか…
- 4 ：
- いちおつ
質問です。
<p class="test"><a href=#></a></p>
.test a{
display:block;
width;80px;
height:100%;
background: url("test.png") repeat-y scroll;
position:absolute;
left:0;
top:0;
というように書いて、top.pngをそのページの一番下（フッターの終わり）までリピートさせたいのですが
height:100%にしてもファーストビューの100％分で途切れてしまいます。
どのように記述すればいいでしょうか
- 5 ：
- >>4
width:
が正しい表記じゃないの？
- 6 ：
- >>4
どうしても<a>に設定したいの？
普通なら<body>とかの背景に設定すると思うけど
- 7 ：
- >>5
すいません、そこはただの打ち間違いです
>>6
やりたいのはよくＥＣサイトにある、垂れ幕型の縦バナーです
同じ縦バナーを下までリピートさせたいんです
- 8 ：
- >>7
なるほど。だったら
html{
position: relative;
}
にするといいよ
- 9 ：
- >>8
どゆこと？
- 10 ：
- >>9
ポジショニングの基準をviewportから<html>に変える技。
これによって height: 100%; がページ1画面分ではなく、ページ全体を示すようになる
- 11 ：
- >>3
せめてgimpとか使ったほうがいいけど、配色センスあるなら別にいい
- 12 ：
- webスクとかに通うのと独学どっちがいいでしょうか？
- 13 ：
- javascriptとjqueryの違いは知ってるのですが、どっちも勉強したほうがいい？
- 14 ：
- ビジュアル面でのみ順番を並び替えることができるのってflexのorderくらいしかないんかね
あ、1乙ですー
- 15 ：
- >>10
なるほど・・・
でも他の要素で不具合あったりしそうですね
諦めて6000ｐｘで高さ指定して100％はやめておきます
- 16 ：
- >>12
webスクとか変な造語を使うことをやめるところから始めたほうがいいと思う
- 17 ：
- >>16
webスクは学校名です…
- 18 ：
- webデザイナーとフロントエンドエンジニアって兼業するものじゃないんですか？
分ける必要ありますか？
- 19 ：
- 美術が最高でも2だった俺の壊滅的なセンスでデザインしてもいいのか？
- 20 ：
- floatの挙動について勉強しているのですが教えてください
https://jsfiddle.net/gp9u1bvg/
上のコードでは3個のPタグの下にULタグがあり、
Pタグにはfloat:left;を、ULタグにはfloat:right;が設定してあります
この時、ULタグが3個目のPタグまでしか回り込まないのは仕様ということでしょうか
また、floatだけで一番上のPタグまで回り込ませるにはPタグを親ブロックに入れるしか方法はないのでしょうか
よろしくお願いします
- 21 ：
- >>20
<div>
<div class="left">
<p>PARAGRAPH A</p>
<p>PARAGRAPH A</p>
<p>PARAGRAPH A</p>
</div>
<div class="right">
<ul>
<li>LIST</li>
<li>LIST</li>
<li>LIST</li>
</ul>
</div>
<div class="float">
</div>
</div>
- 22 ：
- >>20
css
.left{
background:#f00;
float:left;
width:60%;
}
.right{
background:#0f0;
float:right;
list-style:none;
padding:0px;
width:40%;
}
.float{clear:both;}
- 23 ：
- Microsoftのweb Expresstion4が無料らしいけどどうなの？
使ってみた人とか居ないの？
- 24 ：
- >>19
なるほど…
- 25 ：
- >>23
いないんじゃね
MSのソフトはどれも重すぎて使いたくない
- 26 ：
- >>21
>>22
参考になります。
ありがとうございました。
- 27 ：
- >>23
職業訓練の教材で使って
仕事でも使ってる
まあＤＷの設定の仕方がわからないから使ってるだけなんだけどｗ
- 28 ：
- ソースを見てたらXlink利用してるサイトがあったんだけど
どういうものなの？
高機能リンクってのは何となくわかったけど
用途がイメージできない
- 29 ：
- 大体そんな感じ。高機能リンク
同じサイト内をぐるぐる巡回する、ログイン後のサイト内リンクに向いている
通常のブログとかでは全く意味がない
そもそも論としてxmlを使わないけどね
もう忘れていいよ
- 30 ：
- CSSデザインツールを教えて下さい。
私はプログラミングは得意です。(もう何百万行書いてきたか覚えていません)
なのでHTMLなんて寝ながらでも書けるのですが、
CSSが苦手なのです。
例えば、<画像><画像の説明>、というパーツがあった場合、
<画像の説明>を<画像>の上下中央に配置したいけど、やり方が分からない
→ググル
→display: table-cell;でvertical-align: middle;すればいいよ
→やってみる
→崩れる
→またググル
の繰り返しです。
たったこれだけのCSS編集に１時間もかかってしまいます。
そこで、部分的なパーツをスタイリッシュにGUI操作＋値指定などで、
楽に作成できるCSSデザインツールを探しています。
よくある、テンプレートを選んで中の文字や画像を差し替えて・・・、といった類のものではなく、
もう少し細かい粒度(例 <div><img><span></span></div>の全体をターゲットとした)でパーツレベルで楽にＣＳＳが作成できる、CSSデザインツールが良いのです。
お勧めのものを教えて下さい。
なお、無料を求めています。（が、良ければ買います）
宜しくお願いします。
- 31 ：
- とてもプログラミングは得意には見えない・・・
ホームページ・ビルダーでも使ってればいいんじゃないっすか
- 32 ：
- >>31
ご返信ありがとうございます。
まあ思えなくても得意です。c++ cliが一番好きですけどねー
ホームページビルダーってどこまでのことが出来ますか？
もう少し細かい粒度・・ってできますでしょうか。
- 33 ：
- >>30
プログラミングが得意ならCSSの仕様書を読み込んだ方が良いと思う
ツールを使ってもCSS仕様の知識は必須であって知識なしで作れるような代物じゃない
http://jtdan.com/spec/linking
- 34 ：
- cssって敷居低くてバカにもできるイメージなんだけど（んで実際それなりにできるんだけど）
真面目にやろうとすると異常に奥が深い
- 35 ：
- Expression web 4入れてみたけど使えねえ…デザイン画面がちゃんと表示されないから使いにくい事この上ない…いらんわこんなん…
- 36 ：
- webに関してはMS製品使う理由無いと思うよ
- 37 ：
- >>30
CSSについて勉強すればいいだけじゃね？
画像の説明と画像の位置関係がわからないから、何もアドバイスできない
上司が無能
- 38 ：
- >>30
多分プログラミングが得意ってのは根拠のない自信だろう
- 39 ：
- （みんな釣られちゃダメﾀだ･･･）
（あとファミチキください）
- 40 ：
- 多分だけどプログラミングが得意ってのはネタで、そのネタが面白くない上にわかりづらいってことだったんだと思う
- 41 ：
- 文面から察するに外国から日本に来た研修生さんみたい
優しくしてあげよう！
っていってもツールは使わないからわからないお(´・ω・`)
- 42 ：
- >>30
毎回マルチポストしてる典型的な教えて君
とてもプログラミングが得意とは思えんのだが
http://qiita.com/dounatte
https://teratail.com/users/zatsudayo
- 43 ：
- >>932-935
常に、要素の親子関係を考えるようにすれば？
CSSのタグの、根本的な構造を分かっていないとか？
プログラミングでもそうだけど、あらかじめ出来ることが限定されているから、
その中で考えないといけない。
自分の思いついたことが、出来るとは限らない。
たいてい誰もやっていないような事は、機能的にできないと思った方がいい
オブジェクト指向が分かっているプログラマーなら、構造化CSSのSASSの本を読む。
SASSはRubyで書かれたツール。
SASSのライブラリ、Bourbon もある
Web制作者のためのSassの教科書、平澤 隆・森田 壮、2013
Sass & Compass 徹底入門、2014
Blueprint, 960 Grid System などの、
CSSグリッド・フレームワークの説明もある
SassMeister のサイトで、ブラウザから、SASSを試せる
http://www.sassmeister.com/
逆に、CSS2Sass のサイトでは、CSSをSass/Scssに変換できる
- 44 ：
- Expression4格好は良いしコードも結構編集しやすいんだけど肝心のデザインが崩れるんじゃあ使えないよなあ…
- 45 ：
- スレ違いかもですけど皆さんドメインはどこで管理してますか？
自分は今JPドメインを移管しようかと思ってるんですけど、JPdirectはどんな感じでしょうか
- 46 ：
- お名前
- 47 ：
- 移行で思い出したけど、ドメインの移行と指定事業者変更って何が違うん？
移行は親父の単身赴任で、指定事業者変更は一家総夜逃げみたいな感じなん？
よくわからん
- 48 ：
- wevデザインの本を書店で見たのですが、いちばんよくわかるWebデザインの基本きちんと入門 とかwebディレクションが読むべき本とかって読んだほうが良いですか？
配色の基本とかなんとなく知ってるけど、全くわかりません
ちなみにHTML5CSS3javascriprは独学してます
- 49 ：
- 三文字目でもうダメな気もするが・・・
時間がある時は、迷った時はやる、を習慣づけるといいと思う。
同じような本を何冊も読む必要はないけど、とりあえず一冊ぐらいは読んでおいて損はないよ。それなりに得るものもある
- 50 ：
- display:flex;でサイトを作成する人達は、下のコードの場合だとbodyに指定して作成するんですか？
https://jsfiddle.net/fvns14db/
それとも必要な箇所に設定する感じですか？
- 51 ：
- >>49
vとbを間違えただけです…
読んだほうが良いですか
- 52 ：
- >>51
y
- 53 ：
- >>52
yってどういう意味ですか？
- 54 ：
- Yシャツ
- 55 ：
- >>54
関係ないじゃないですか
- 56 ：
- 少しスレチかもしれませんが、制作会社で人事やってたことある人って居ますか？
Webからの応募で、職業訓練上がりのゴミが応募してきた場合
ちゃんとポートフォリオのURL掲載されてたら見てくれてますか？
見ないで面接呼ばれて、コイツ駄目じゃんっ･･･て雰囲気出されるのが
一番メンタルに来てしどろもどろになってしまうので･･･
- 57 ：
- ＞ポートフォリオのURL掲載されてたら見てくれてますか？
当たり前だろ！
実力なんてサイト見たら一発で分かるんだから
- 58 ：
- 俺は人事じゃないけど「こんな人材どう？」って感じで履歴書が回ってくる
人事課が見てるかどうかは知らないけど、現場で一緒に働くことになる人間は見てるよ。かなり大きい判断材料になる
しっかり作ってくれ
- 59 ：
- どんなサイト作るのがいいんですか？
- 60 ：
- >>57-58
どうも。
少し高望みしたところから面接してもらえることになりまして・・・
面接呼ぶ段階で、ディレクターないしデザイナーにポートフォリオを見てもらって面接･･･
といった流れであれば、実力があまりにも不足しすぎていて論外･･･ってことにはならないですよね。
少し安心しました。
- 61 ：
- 職業訓練に行ってるのはやる気あると見られるよ
あと、技術力が低いのは気にするな。誰でもはじめは低い。向上心があれば技術力は付く
頑張って
>>59
自分の一番得意なジャンルで、ペルソナ（仮想の来訪者）にどう伝えたいかを考えながら作るといい
面接先の人が喜びそうとかそういうのは考えずに、
ユーザーに喜んでもらえることを第一に考えて作ればok
俺ならゲームの攻略サイトで、ペルソナは自分自身（めんどくさがりで不満だらけのユーザー）にしてる
あと、ふざけて作るなよ
class="aaa"
class="unko"
なんて見つけたらその瞬間で落選だぞ
- 62 ：
- >>30
遡ってみれば、3カ月前にもマルチポストしてた人じゃん
http://echo.2ch.sc/test/read.cgi/hp/1478053599/28-
https://teratail.com/questions/56712
https://teratail.com/questions/67648
このレベルでどこが「プログラミングは得意」なんだろ？
- 63 ：
- 職校いって町工場の通販業務に入ったはいいが
通販業務興したばっかでまったく売れておらず
現場作業ばかりの日々
- 64 ：
- 現場の知り合いがいるとすげー業務が捗るぞ。人脈作っとけよ
一生現場かも知れんがな
ﾊﾊﾊ
- 65 ：
- 速いにこしたことはないとして、デザイン力があるけど少し遅いのと、テキパキできるけどデザイン力が
ないのってどっちがいいですか？
私も訓練通っていて、手が速くてコーダー的な処理がすごいけど、デザイン力ない人見て、どっちがいいのか
疑問になりました。
- 66 ：
- >>65
デザイナーとプログラマーは別でしょ
- 67 ：
- >>65
コーダー的な処理ってhtml・cssだけ？
その二つならデザイン力高い方が圧倒的に良い。コード考えながらデザインできるのはフロントエンドエンジニアの理想
htmlやcssのコーディングだけが早くても何の得にもならん。あんなもん誰でもすぐにできるようになる
- 68 ：
- >>67
JavascriptやらjQuery込みです。
カンプから仕上げまですごく速いのですが、デザインから自分でやる場合は
いまいちに感じるできです。
ただ、そのいまいちななかでも凄く速いのですが。
- 69 ：
- >>68
jsもか。その人はいずれphpを学んでwebプログラマーになると思う。
その人はいずれデザインはしなくなるから、デザインのスキルはどうでもいいのよ
職業が違うから、作業速度の違いは気にしなくていい
あまり人のことばっかり見てないで、自分のスキルをあげることに専念した方がいい
- 70 ：
- >>69
そうなんです。
エンジニアよりになるようです。
そっちのが給料いいみたいですし、正直羨ましいです。
- 71 ：
- >>70
「あまり人のことばっかり見てないで、自分のスキルをあげることに専念した方がいい」
- 72 ：
- ﾊﾟｲｾﾝﾏｼﾞﾊﾟﾈｰｽ
- 73 ：
- >>70
「あまり人のことばっかり見てないで、自分のスキルをあげることに専念した方がいい」
- 74 ：
- >>73
しつこい
- 75 ：
- >>74
君には妄念がたくさんある
だからそういう言葉が口から出る
「あまり人のことばっかり見てないで、自分のスキルをあげることに専念した方がいい」
- 76 ：
- htmlとcss独学してるんですけど、なんか勉強会とかって参加したほうがいいですか？
都内でおすすめの勉強会とかありますか？
- 77 ：
- 後、向上心が上がりそうなんで、上の人みたいにhtml打つの早い人とか見たりしたいです
- 78 ：
- つ タイプウェル
- 79 ：
- 今日のMVPは>>69やな(´・ω・`)
- 80 ：
- >>50
どちらかと言うと後者かな
流石に全体の親ボックスには指定しない
はず
- 81 ：
- floatとorderは併用できないのね
- 82 ：
- サイトに広告を張っている人がいますけど
広告のコードは全部JavaScriptでできてるんですか？
- 83 ：
- >>82
phpもあるよ
>>76
html 勉強会
css 勉強会
でぐぐってテキトーに参加してみては
あとcssもいいけどsassとか覚えたほうがいいんじゃないかな、と思う
- 84 ：
- Excelで作ったカレンダーを簡単にホームページに埋め込む方法ありませんか？
- 85 ：
- 昔あったけど廃れたな。多分無いと思う
今はカレンダーならgoogleカレンダー、エクセルではなくgoogleスプレッドシート使うのが一番いい
- 86 ：
- >>85
Googleカレンダーって作りかけのサーバーにアップロードしてないホームページには表示されませんよね？
- 87 ：
- >>86
ローカルってこと？
覚えてない。やってみたら
- 88 ：
- >>87
ありがとう、試してみます
- 89 ：
- >>83
プログラマなら
HTML5CSS3javascriptsasscompass
wordpressを覚えるつもりなんですが、他に覚えるべきものってありますか？
photshop、illustratorはやったことないです
- 90 ：
- >>87
できました
でも凄く小さくすると読めなくて使えないのね…
- 91 ：
- >>89
HTML5CSS3javascript
この次にPHP
- 92 ：
- 一応末端コーダーやってるけど
1からサイト作ろうとするといかにも「頑張ってる素人」になる…
詰めの甘さってどうやったら治るんだろう？
そういうの治すための本とか勉強会とか出るか買うならどれがいいんだろう？
- 93 ：
- そらまぁ誰だって最初は素人なんだから、頑張ってる素人なのは当たり前では
そんなに気負わずに、楽しんで仕事をしてみてはどうかな
- 94 ：
- >>91
職場ではPHPは使いません…
- 95 ：
- 職場で使う物しか学ぶ気がないなら上司にでも聞けよ…なぜここで聞いた
- 96 ：
- >>94
えぇ・・・楽やねそれ
>>95の通り職場で聞きなよ。使わない物を闇雲に覚えても意味ないぞ
個人的にはjQueryが一番効率上がると思うけど、これも使わん買ったら意味ないしなぁ
- 97 ：
- 勉強とかどこでやってる？自分飽きっぽいから
家でネットつなぐと関係ないし後だらだら見て時間過ぎてく
- 98 ：
- かなりキツイ。ある意味一番きついところだよな
俺はOSを二つインストールして、勉強時は一切遊べないようにしていた
- 99 ：
- >>65-77
Emmet はすごいな！
! で、HTML5のひな形を作ったり、
.a{b$$}*3 で、連番で展開してくれたり、
<div class="a">b01</div>
<div class="a">b02</div>
<div class="a">b03</div>
tac で、text-align: center;
bd+ で、border: 1px solid #000;
m1e で、margin: 1em;
ただ、TeraPad とか、普通のテキストエディタじゃ使えない。
プログラミング用エディタしか使えない
このサイトの、Try it yourself のボタンから、Emmet を試せる
http://docs.emmet.io/
- 100 ：
- >>99
もうそういうのは普通
atomの方が使いやすい
次点でsublimetext
100〜のスレッドの続きを読む
【質の低いサイト】Yahooを洗おう！【大量削除】
jQuery ライブラリ 総合質問所 vol.4
携帯の自動クリックソフトを使って
☆☆BannerBridgeってどうよ？★☆
ホームページビルダー Part42
ネチケットサイトってどうよ？
【ITギア】ＩＴギアアクセス解析
【target="_blank"】外部リンクは別窓？
Open Directory Project (dmoz) Part4
みんなでWeb制作解説サイト作らない？
--------------------
ソニー SONY NEX-FS700JK その２
女子高生×バイク！「ばくおん!!」 その195
こんな映画館は嫌だ
【薔薇】チューダー 34【盾】
BMIいくつくらいが理想？
【ドイツ】独警察、「地下美容室」を摘発 コロナ対策で休業対象 [Lv][HP][MP][★]
☆朝鮮人記者「韓国がＩＴ大国って大嘘」「スパコンも日本とは月とスッポンレベル」★ part3
◎◎アイロンビーズ大好き◎◎
【アイドル】大田のんのちゃん★１【顔負け】
ワキガを止める薬いろいろ42
NGT48メンバーにナンバリングしてみる
でもお前ら11秒で走れず140km/mも出ないじゃん
デモテープオーディションを貼るスレ
仮面ライダーアマゾンズ Part69
【Tポイント】Yahoo ! ショッピング287
【ウルトラ】欲しい商品はコレだ ! ! 【40周年！】
【NVMe】M.2/U.2/PCIeAICのSSD Part38
【出張ヘルス】村西とおる監督、渡部建に｢せめて2万円だったらタレ込まれることもなかった｣気配り不足を指摘 [アブナイおっさん★]
【TGS】東京ゲームショウ ゲサロ板part19【幕張メッセ】
名前を書いた瞬間相手が自分を思い出すスレ277回目
TOP カテ一覧 スレ一覧 100〜終まで 2ch元 削除依頼
