■ このスレッドは過去ログ倉庫に格納されています
サイトの作り方を俺に教えるスレ
- 1 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 03:21:40.40 ID:YI9HtOzG0.net
- おねげーします
- 2 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 03:22:00.90 ID:bep1o5Nz0.net
- どこまで調べたの?
- 3 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 03:22:54.44 ID:DWLEolPE0.net
- ほぼ工事中なんだろ
- 4 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 03:23:02.14 ID:YI9HtOzG0.net
- HTML5とCSS3で作るというところかな??
- 5 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 03:23:48.23 ID:HyOOt7W10.net
- そやべ
- 6 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 03:24:21.32 ID:YI9HtOzG0.net
- >>3
今まさにって感じだず
- 7 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 03:28:57.37 ID:ftonNf780.net
- 教えてあげてもいいけど明日仕事なのよ
おれはDreamweaverつかってるけど高いから
Crescent EveかTerapadかメモ帳で作り始めるのがいいかもね
フリーのあんまり使ったことないから知らんけどCrescent Eveは入力補完もついてた気がする
- 8 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 03:29:50.55 ID:YI9HtOzG0.net
- >>7
ちょうど落とした!プロか。すまねぇ
- 9 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 03:32:55.21 ID:gMaGDfhD0.net
- 普通の知能があれば独学でも簡単だから頑張れ
HTML、CSS、Photoshop、Illustratorの基礎を覚えてイケサイとか見ていいデザインパクればいい
サーバーが対応してるならWordPressの使い方覚えて
PHPの勉強しつつ中身をいじったりとか
- 10 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 03:34:54.56 ID:YI9HtOzG0.net
- 超金かかるんだな…趣味はじめようと思ってたけど初期費用たけぇ(´・ω・`)
- 11 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 03:36:00.81 ID:gMaGDfhD0.net
- レタッチはGIMPでもいいけど
金があるならDreamweaver、Photoshop、IllustratorとかAdobeソフト使い放題で月5000円くらい
就職するつもりならAdobe製品、特にPhotoshop、Illustratorくらいは使えた方がいい
趣味なら何でもいい
- 12 :アスペニート:2014/09/16(火) 03:37:46.86 ID:MZ3Jqhp10.net
- まずはhtmlとcssからだ
紙の本買うと捗る気もするけどなくても普通に勉強できるし
- 13 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 03:37:54.97 ID:gMaGDfhD0.net
- >>10
趣味でやるならサクラエディタとGIMPとFFFTPあれば事足りる
全部フリーソフト
- 14 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 03:38:58.83 ID:YI9HtOzG0.net
- GIMPは別件で落としてた。準備は整ったな多分...
- 15 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 03:39:13.00 ID:T0pzMZu60.net
- エディタはsublime textでいいよ
- 16 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 03:40:16.95 ID:Hr6iuVRs0.net
- 昔はいかに広告が無いかを競ったもんだが最近は自分でペタペタ貼りまくるからなあ
見た目が汚くなっちゃったもんだ
- 17 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 03:40:44.43 ID:gMaGDfhD0.net
- HTMLクイックリファレンス
http://www.htmq.com/
このサイトを見ながら簡単なサイトのソース見て覚えるといい
<html></html>みたいに始まりと閉じるがあるコードと
<img src="" />みたいに単体で効果のあるコードの二種類がある
- 18 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 03:40:52.80 ID:YI9HtOzG0.net
- とりあえず、あがってるの落としてる…優良品以外
- 19 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 03:42:28.11 ID:T0pzMZu60.net
- 後はGoogleChrome落として、デベロッパーツールの使い方覚えて参考サイトがどういう構造なのかみるといいよ
- 20 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 03:42:33.51 ID:YI9HtOzG0.net
- >>17
あざっす。ブクマした。
今適当に作ったほうがいいのかな
- 21 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 03:48:11.98 ID:gMaGDfhD0.net
- ソースの見方
>>19の言うようにChromeでサイトを開く
右クリックで「ページのソースを表示」でソースが見れる
「要素を検証」でデベロッパーツール起動
任意の場所のソースを確認したり値を変更してテストしたり色々出来る
「要素を検証」はマージンを調整したりする時に便利
- 22 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 03:50:29.09 ID:YI9HtOzG0.net
- >>21
要素の検証すげーいい!!!なにこれ。すげーな。マジですげーわ…
- 23 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 03:55:31.79 ID:jGa3yQHc0.net
- なんだこいつ…
<br>すら知らないクズなんじゃないか…?
- 24 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 03:56:01.27 ID:gMaGDfhD0.net
- さっき話したイケサイはこちら
http://www.ikesai.com/
サイトのデザイン考える時に参考として見る感じ
CSSが分かるようになってソースを見ればだいたいどうやって作ってるか分かる
- 25 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 03:57:33.35 ID:YI9HtOzG0.net
- >>23
改行!!!
>>24
ごめん、ググった!お手数かけてもうしわけない!!
適当に要素の検証したりしてる!ズラッと文字並んでて手震えてるわwww
- 26 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 03:57:43.31 ID:9ksluHmfO.net
- 楽な時代になったもんだな
- 27 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 03:57:55.15 ID:9JCc044C0.net
- ┌───────────┬────┐
│ ├──────ボーダーの外側の余白「マージン」
│ ┏━━━━━━━━┷━┓ |
│ ┃ ┃ |
│ ┃ ┠────内容を囲む枠線「ボーダー」
│ ┃ 要素の内容 ┃ |
│ ┃ T .┃ |
│ ┃ ├────────ボーダーの内側の余白「パディング」
│ ┗━━━━━━┷━━━┛ |
│ |
└────────────────┘
- 28 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 03:58:59.90 ID:gMaGDfhD0.net
- 写真素材が無料で欲しい時はこちら
もっと欲しいなら色々な素材集が販売されてるから買えばいい
足成
http://www.ashinari.com/
- 29 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 04:00:39.87 ID:YI9HtOzG0.net
- >>27
コピペしてメモ帳にはっとく!ありがとう
>>28
神か…?
ちなみに、http://www.aleeforoughi.com/こういうサイトはどのくらいでできるでしょうか…
- 30 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 04:02:59.19 ID:gMaGDfhD0.net
- フォントはロゴとかで使うにはライセンスの問題があるけど
非商用のWEBサイトに使う分には認められてることが多いので
フリーフォントを拾って使うこともある
英語フォント
http://www.1001freefonts.com/
日本語フォント
http://coliss.com/articles/freebies/best-of-free-japanese-fonts-for-2014.html
- 31 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 04:03:00.37 ID:9JCc044C0.net
- >>29
js使えんの?
- 32 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 04:03:14.22 ID:jGa3yQHc0.net
- >>26
オブジェクト指向がうんぬん
>>1
コード書きたいだけなら写経でもやってろ
ブログ()ならfc2で遊んでろ
もうドメイン取ってある?このスレ釣りじゃねーか死ね
- 33 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 04:04:49.30 ID:YI9HtOzG0.net
- >>30
色々教えてもらって恐縮です!!!ありがとう!本当に!
>>31
調べると、javascriptとjqueryが出てくるんですが、どっちを勉強すればいいですか?
どっちがより向いてますか??
- 34 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 04:05:29.83 ID:9JCc044C0.net
- >>33
どっちも覚えたらいいよ
- 35 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 04:08:38.81 ID:YI9HtOzG0.net
- >>32
あのすみませんでした。
>>34
了解です!!メモメモ
- 36 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 04:09:39.57 ID:T0pzMZu60.net
- 俺も作り始めの時、ああいうサイトがカッコイイと思って真似したわw
- 37 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 04:11:53.61 ID:YI9HtOzG0.net
- >>36
どのくらいかかった??
- 38 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 04:12:05.79 ID:gMaGDfhD0.net
- >>29
大まかな見た目だけ(イラスト書いたりしないで素材がある前提)なら一ヶ月もあれば出来そう
重なった背景(穴が開いてる向こう側に写真)の部分とか数字がカウントされたりするのは
一見じゃよく分からないな
そういう昔なら出来なかったデザインがCSSとかJSで出来る時代
まずはベタな見た目だけ作れるようになって、高等テクニックはそれからだよ
- 39 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 04:12:15.98 ID:OYxHyadQ0.net
- 俺もサイト作ってたけど途中で挫折したわ
- 40 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 04:14:29.46 ID:YI9HtOzG0.net
- >>38
素材揃っても一ヶ月?!じゃあ0の俺は半年は掛かりそうだ/(^o^)\…
時間もかかるんですね…
ベタな見た目っていうと、例えば2chのTOPみたいな…?
>>39
やろうず!
- 41 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 04:16:03.58 ID:YI9HtOzG0.net
- sublimeすげーな!!なんか軽いし、っぽいぞ!!できるやつになった気分だわwww
- 42 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 04:18:17.52 ID:Cm5IWLMK0.net
- どっかのブログじゃなくて完全に怪しい系のサイト作りたい
危ない管理人になりたい
- 43 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 04:22:27.95 ID:gMaGDfhD0.net
- そもそも何のためにサイト作るの?
就活用のポートフォリオ的に見た目に凝ったサイトなのか
何か面白いアイディアやコンテンツがあってそれを発信するサイトなのか
サイトってお店みたいなもんだからデザインなんて売り物次第で何でもいいし
- 44 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 04:24:47.40 ID:YI9HtOzG0.net
- >>43
一応趣味でできたらなぁと思って明確なビジョンはないんだけど・・・
まずは個人の趣味のページを作って、色々作って行きたいかな?公開はしないでも、架空の会社のページとか
既存会社のオレジナルサイトとかとか
- 45 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 04:25:06.29 ID:T0pzMZu60.net
- 制作期間は一ヶ月くらいだったかな
sublimeは使い方ググるといろんなの出てくるから自分の使いやすいように拡張するといいよ
あんま時間かけてもダメだからデザインテンプレートつかったり、ソースパクったりして手早く沢山作るといいんじゃないかな
- 46 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 04:29:21.41 ID:YI9HtOzG0.net
- >>45
やっぱり一ヶ月か〜!取りかかれば早いんだろうけど、きくだけだと長くてうげぇってなるな…
本当にありがとう!多謝ですわ
テンプレートもあるのか!!すげぇなネット!!
- 47 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 04:30:44.14 ID:AoTyPQRL0.net
- <table>で囲む時代じゃないのか
- 48 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 04:32:32.76 ID:+SS+bvP60.net
- まずVirtualBoxかなんかで適当なLinuxディストロの仮想マシン立ち上げて、Apacheをインスコしてサーバ立てるとこからだな
- 49 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 04:34:42.96 ID:YI9HtOzG0.net
- >>48
個人サーバー?
- 50 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 04:35:30.51 ID:T0pzMZu60.net
- いつか作って見て吐きそうになる時が必ず来るんだけど、その時に必要になるサイト教えとくね
http://caniuse.com
IE、Chrome、火狐の三つくらいは少なくともちゃんとチェックしようね
- 51 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 04:37:27.74 ID:qD2V6V1m0.net
- テーブルは入れ子しまくると読みづらいからなー
- 52 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 04:37:44.08 ID:+SS+bvP60.net
- >>49
いま使ってるマシンがWindowsなら、VirtualBox使えばタダで仮想的にLinuxサーバをパソコン上に立ち上げられるから、WebサーバとかPHPとかWordPressの勉強するのにうってつけ
- 53 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 04:39:37.40 ID:YI9HtOzG0.net
- >>50
使い方ググりました!!!すげええ!!本当にありがとうございます!!
>>52
マジですか!!!無料で勉強できるってことですね!調べてみます
- 54 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 04:42:29.68 ID:AoTyPQRL0.net
- <font color="red">ここ重要!</font>
- 55 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 04:42:57.67 ID:YI9HtOzG0.net
- 個人サーバーとか立ち上げるならせっかくだしもう一台ほしいなぁ〜別の趣味になにか影響ないといいけどなぁ〜
- 56 :VIPERの行動はすぐばれる ◆Iyutn6izzo :2014/09/16(火) 04:44:03.00 ID:rjctIdhGO.net
- 〜それがVIPクオリティ〜
ニート、クソガキ、マンコ、勘違い学歴厨、勘違い年収厨のみんな集合汁!
俺達の手で新しいVIPクオリティを作り出そう!!
http://www42.tok2.com/home/vipple/vipmemorialthread/
- 57 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 04:48:40.93 ID:+SS+bvP60.net
- まあ手元でいろいろ試してみて、本格的に運用したくなったらVPSとか借りるのが良いんじゃない
- 58 :以下、\(^o^)/でVIPがお送りします:2014/09/16(火) 05:41:20.71 ID:fnmKghc80.net
- perlやっとけ
総レス数 58
15 KB
掲示板に戻る
全部
前100
次100
最新50
read.cgi ver 2014.07.20.01.SC 2014/07/20 D ★