フォレックス・ドットコム口コミ
本日のヘッドライン
スポンサード リンク by 忍者AdMax
本日のヘッドライン2

HTMLとかCSS詳しい奴ちょっと来てくれ



1: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:16:19.59 ID:itZOCoPV0.net

完全に自己満足な自分のサイト作りたいんだがどのくらいできるようになる?


2: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:17:04.47 ID:2wShqamy0.net

最初は想像以上に出来ないことに慄くと思う


3: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:17:40.45 ID:WQtgjBH80.net

作りたいもののレベルによるとしか



WEBデザイナー(笑)だけど質問ある?
http://minsyuunai.blog.fc2.com/blog-entry-2091.html


スポンサード リンク
 
4: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:17:59.76 ID:W7nOSwwt0.net

自己満足サイトならAdobeMuseとか使た方が見栄えいいだろ


6: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:19:19.25 ID:SgtPDle80.net

作るだけなら5分でできる
擬似クラスとかつかうならもうちょい時間かかるが


5: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:19:07.04 ID:itZOCoPV0.net

マジか
完全に趣味の一部として楽しもうと思ってるから実際はそんなに期間は問題じゃないんだが
テンプレートサイトみたいなのにあるくっそカッコいいのを自分専用仕様で作ってみたいんだ


7: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:19:42.52 ID:GfHiBTvl0.net

dreamweaverとかなら自動で入力してくれて楽


8: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:19:51.73 ID:FwgaRfqg0.net

気に入ったサイトのソースを丸パクリして一日で出来上がり


9: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:20:54.81 ID:9vqn9yZ60.net

基本を覚えるのに1週間
あとは気に入ったサイトのソースをパクって終わり


10: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:21:02.77 ID:3WUeStfY0.net

ワードプレスやムーバブルタイプ使って無料のテンプレートをもとにいじってけばいいんじゃね


11: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:21:52.11 ID:itZOCoPV0.net

Museとかいうの初めて聞いたわ今風HPビルダーって感じか
既に分からん用語が飛び交ってて笑ってしまう


12: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:22:23.92 ID:2wShqamy0.net

5分はさすがに盛り過ぎだと思う

専門学校で、週1で教えてたことがあるけど
殆どの子が画像並べて終わってしまう


13: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:22:55.45 ID:I6JcD0Fl0.net

ウェブデザやってるけど
上司が言うにはコーディングのみならだいたい三ヶ月くらいである程度できるようになるらしい
仕事でってことだろうから一日約8時間換算な


14: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:23:07.54 ID:JmqJatkF0.net

それなりに作りたいならjavascriptは必至それが面倒ならjquery


20: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:25:27.93 ID:2wShqamy0.net

>>14
jQueryはJSの面倒な部分を少しなんとかしてくれるだけであって
JS書けない人が書けるようになる魔法の書ではないよ


15: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:23:13.27 ID:mzjqxJXy0.net

とりあえずcssのサンプルコードがいっぱい載ってる本を買ってこい
真面目にcssの勉強するよりも実際に書きながら把握するほうが早い
自己満足サイトならそれで十分
本気でやるならブラウザハックとかを地道に把握する作業


17: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:23:37.86 ID:OWpy2w9/0.net

純粋にHTML,CSSの範疇なら入門本一冊読むか
入門サイト一通り見ればできるようになるよ
まあ期間にしたら1週間くらいじゃね

JavascriptとかPHPとかもやりたいと思ったら
簡単なことでいいんならそれらもそれぞれ1週間ずつで合計3週間くらい


18: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:23:41.33 ID:WQtgjBH80.net

jQueryはオワコンだからやめたほうがいい


19: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:24:58.48 ID:KzmSZVDT0.net

cssは見た目をよくするためではなくて管理を楽にする為の機能ということを理解しろ
HTMLは学ぶというほど難しくないので気にするな


23: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:26:01.28 ID:4pX0Mdpe0.net

テキストサイトスレ見てくればいいんじゃね?


31: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:30:22.92 ID:OWpy2w9/0.net

http://www.amazon.co.jp/dp/B00KAT62G2
HTMLの入門本で一番お勧めしたいのはこれ
ただし、これからwebデザインを詳しく学んでいきたいって気があるならの場合
タグの種類等を(入門レベルの本の中では)細かく解説してる
バージョンはHTML5

http://www.amazon.co.jp/dp/4883375412
1サイトだけ覚えておしまいならこっちのほうが1つのサイトを段階わけて作っていく方式なんでわかりやすい
バージョンはXHTML

まあ本なんて必要ないけどな
でも少なくともこの2冊は信用できるから買えるのなら買ってもいいと思う


32: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:30:24.46 ID:GzgDEFyP0.net

自分が何をやりたいのか考えてそれに特化したものだけ調べるなら1周間もかからずにサイトは完成するだろ
よっぽど斜め上行ったもの作りたいってわけじゃないならほとんどが調べた先のコードをコピペしてるだけで作れるよ


33: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:30:56.25 ID:KzmSZVDT0.net

HTMLもCSSもネットにつながるパソコンさえ持っていればその日にでも始められる
こんなところ質問する奴は最終的には何もしない奴


34: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:31:13.70 ID:+h8sgEvy0.net

俺は真面目だから音鳴らさないし桜も降らせないしHTML5で廃止されるとかいう奴らは使わない覚悟でいる現代っ子だから


39: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:34:06.85 ID:kgawfTYs0.net

ブラウザごとにちゃんと表示させようとするとわりと面倒くさい


40: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:34:50.06 ID:Vzdy0XFg0.net

いい感じのテンプレ拾ってきて中身チョイチョイ変えれば終わり
ちゃんとしたソースも読めて勉強になるし一石二鳥


41: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:35:18.25 ID:2wShqamy0.net

最近は、ちょっとシャレオツなサイトやテンプレをコピーしようと思っても
レスポンシブの為にCSSも複雑で、HTMLも後からJSで改変されたりするので
ずぶの初心者だと何をコピっていいのか分からない
てパターンに陥る子が多かったな


42: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:36:22.37 ID:+h8sgEvy0.net

なんかID変わってたすまん
確かにさっさと手付ければ済む話だな。一応テーマは決まってるんだ
結局何が聞きたかったかと言うと
http://blogtemplate4u.com/2014/01/responsive-blogger-template-metro-classic/
こういうかっちょいいのはプロじゃなくても頑張ればできるのかってことっす
こういう手の込みかたってだけでBloggerはなんの関係も無いわかりづらくてすまんが


46: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:40:20.28 ID:2wShqamy0.net

>>42
プロってのは毎日それやって飯食ってるだけで
なにか特殊な能力があるってわけではないので大丈夫

ただいきなりレスポンシブとかやっても爆氏するのが目に見えてるので
まずは、ブロックの配置と、文字・画像の表示を自由自在にきるようになってから
のほうがいいと思うよ


57: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:44:27.90 ID:+h8sgEvy0.net

>>46
Thx
指南書見ながら一から学んでくぜ

あとすまん例で出したのはこういう動きとか好き勝手やるのは難しいのかって話でデザインそのものを真似したいわけではない


54: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:43:30.10 ID:OWpy2w9/0.net

>>42
これはWordPressで作られてる
WordPressを自由に扱うならHTMLだけじゃなくPHPの知識も必要
あとjQueryも組み込まれているのでJavaScriptの知識もある程度必要だね
でもWordPressの基本的なことだけならほぼ専門知識いらないので
これとまったく同じとはいかなくても近いものなら素人でも作れるよ


61: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:48:36.36 ID:+h8sgEvy0.net

>>54
さらっとそんないっぱいぶちこまれてたのかよ恐ろしいな…


63: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:49:14.05 ID:cqciVHen0.net

>>61
未来サーバーでレンタルして無料でWordPress勉強しようぜ


65: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:51:13.47 ID:2wShqamy0.net

>>61
勉強するだけならローカル鯖でやるのが簡単でいいと思うよ
いちいちアップロードしなくていいし

WindowsならXAMPPが便利だろうし
Macならはじめからapacheもphpも入ってる


43: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:36:51.87 ID:ftj/a07X0.net

http://miku.sega.jp/
こういうサイトの上の方にある画像が自動的に変わるのって何言語がいるの?


55: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:43:39.01 ID:ftj/a07X0.net

>>50
なんならその下にあるツイッターの更新を載せるのに使ってる言語も教えて欲しい


58: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:45:28.09 ID:2wShqamy0.net

>>55
JavaScript


ブラウザの中で動いてるのは九分九厘JavaScript
今となっては極少数だけどSWFの中で動くActionScriptもある


59: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:46:46.51 ID:ftj/a07X0.net

>>58
ありがとう!
Javascript勉強してくる!


48: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:40:35.60 ID:cqciVHen0.net

俺もしりてぇ。HTML5+CSS3は基礎は勉強したつもりだけどjQueryとPHPが...
ワードプレスで慣れてるけど身になってないやろな


53: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:42:47.38 ID:2wShqamy0.net

>>48
jQueryってのは、JSを使いやすくするためのライブラリの名前で
PHPやらと並べるものじゃないよ

まずは簡単なJSから始めてみれ


56: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:44:23.36 ID:cqciVHen0.net

>>53
概要は一応わかってるんだけどJavaScriptって勉強しててつまらんからな~趣味レベルだしjQueryから手出してる。
JavaScriptの本は一応買ってあるからおいおい勉強する(つもり)


62: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:49:00.06 ID:2wShqamy0.net

>>56
VIPだし、それが間違ってるとは言わんけど

jQueryってのは、ドキュメントみて「ふーんこういう関数なのねおー便利便利」って使うもので
いちいち勉強するようなもんじゃないよ

時間があるようだったら、jQueryの圧縮されてないソースを上から読んでいくのオススメ


66: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:51:23.62 ID:cqciVHen0.net

>>62
プロ?丁寧にありがとう。
勉強するもんでもないってのがショックだったwwww本勝ったし。
やっぱり手堅くJavaScript基礎から勉強か…


70: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:55:49.77 ID:2wShqamy0.net

>>66
jQuery使ったほうが取っ付き易いってのは間違ってないよ
それで、書いてある通りにやってみると、簡単に動いて「うおお!」ってなるのも良い

ただ、ある程度楽しんで賢者モードになってみると
「でっていう…」てものばかりなのに気づくと思う

結局JSを理解できてないと、それなりに意味のあるもの作るのは難しい


73: 以下、\(^o^)/でVIPがお送りします 2014/10/11(土) 00:01:40.50 ID:p6WKCk4V0.net

>>70
は本当に詳しいな、プロだよね多分。
仕事でどっぷり浸かってみたいが、趣味でやっていきたいぜ


75: 以下、\(^o^)/でVIPがお送りします 2014/10/11(土) 00:06:02.76 ID:TVbwMXlO0.net

>>73
まあ楽しみながらやればいいと思うよ
自分も始めた頃は、ひたすらポンコツなことやってたけど楽しかったし


64: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:50:26.40 ID:WQtgjBH80.net

ウェブ制作の勉強は色々あるから一概には言えない感じあるけど
JavaScript扱うならChrome Devtoolsの使い方ぐらいは知ってたほうがいいんじゃないか


67: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:51:36.36 ID:+h8sgEvy0.net

WordpressってなんかブログとかでアクセスアップがどうのとかSEO(?)とかなんとかいうイメージが強いんだが
引きこもり個人サイトでも活かせるのか
学ぶことが増えてくぜ


68: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:53:01.04 ID:cqciVHen0.net

>>67
構築できたらブログみたいに更新できるから逆に個人サイトでWordPress使ったほうが長持ちしそう(小並感)


71: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:56:33.09 ID:+h8sgEvy0.net

>>68
ああwordpressってそういうことだったのか何か勘違いしてたわ


73: 以下、\(^o^)/でVIPがお送りします 2014/10/11(土) 00:01:40.50 ID:p6WKCk4V0.net

>>71
更新クソ楽なサイトだからクソ便利だと思う


69: 以下、\(^o^)/でVIPがお送りします 2014/10/10(金) 23:55:02.76 ID:+h8sgEvy0.net

勉強環境構築まで教えてもらってなんか申し訳ない
色々見てたらしばらくローカルでシコシコやってたまったらアップして世間様と御対面って流れがよくあるっぽいな


74: 以下、\(^o^)/でVIPがお送りします 2014/10/11(土) 00:02:03.83 ID:WpNlKHi30.net

色々ありがとう
頑張って自分の思ったカッコいいサイト作れるようになるわ
いつか何かの機会でアドバイスくれた人の目に入れば嬉しいな


76: 以下、\(^o^)/でVIPがお送りします 2014/10/11(土) 00:10:02.61 ID:V8y6smCB0.net

なんかたのしそう
俺もやってみようかな


81: 以下、\(^o^)/でVIPがお送りします 2014/10/11(土) 00:42:15.04 ID:/tNKy0hj0.net

俺昨日からhtml勉強始めたよ中古で500円の本買って
半日くらいやってるとあーこんなもんかって感じだったし簡単じゃね?
一緒に頑張ろうぜ


引用元:http://2chspa.com/thread/news4vip/1412950579


スポンサード リンク
 

この記事が気に入ったら
いいね!オネシャス!!

あなたのいいね!が心の支えです。。

Twitterで「シュバルツ!!」をフォローしてね(´人・ω・`)オネガイ

1001: 以下、名無しにかわりましてシュバルツがお送りします
関連記事
[ 2015/03/10 ] 職業訓練 | コメント(0)
コメント欄
たくさんのコメントお待ちしております





月間人気ページランキング(PC)


Related Posts Plugin for WordPress, Blogger... ブログパーツ ブログパーツ