HTMLについて

Question

Webサイトを作成しようと思ってます。そこで質問なんですが、HTMLを1からコーディングしてサイトを作成するのでしょうか？
それとも何かテンプレートみたいなのがあって、それを基にして作成するのでしょうか？
HTMLやデザインについて詳しく教えていただきたいです。
（どうやってデザインしているかなど・・・）

JavaのJSPとサーブレットを使って作ろうと思ってます。

Answer 1

HTMLとCSSに精通しているなら1から自分で組むことも可能ですし、
作りたいものに合わせて細かいところまで自由が効くので妥協しないで作りこみたい場合は
1からデザイン・コーディングした方がいいかもしれません。
が、HTML・CSSもデザインもさほど精通していないのであればやりたくても満足の行くものを素早く作ることは難しいです。

なのでそういう場合はテンプレートをベースにして、気に入らないところだけを書き換えたりして作ったほうが
早くてそれなりにちゃんとしたものを作ることができると思います。
ただ、他人の作ったテンプレートの全体像を完全に理解して自由に扱うというのは案外それはそれで難しいところもありますので、慣れない方はあまり大掛かりなカスタマイズは難しいかもしれません。
既存パーツの使い回し、色の変更、背景画像の変更等、簡単なカスタマイズで満足なら、
1から自分で組むより圧倒的に早くてちゃんとしたものができると思いますよ。

Answer 2

どっちでも好きなやり方でやればいいです、別に法律で決まってるわけじゃなし。

一から作るのに自信がない場合は無料のテンプレートがたくさん配布されているので
それらを使用するのもいいと思います、但しライセンスには、気をつけて。

Answer 3

jspを使うと決めているのであればそこにHTMLを書けばいいと思いますが、複数のページを作る時のやり方ということでしょうか。

共通部分をincludeしたり、そもそもHTMLの生成自体をテンプレートエンジンに任せるという方法もありますが、質問のレベルから考えると難しいかな…と思います。
自分がまだよく理解できていないのであれば泥臭くても地道に1ページずつ作るといいと思います。

HTMLの構造、サイトの設計などがわかるようになってきたらテンプレートの利用を考えるといいのではないでしょうか。

Answer 4

※随分前の質問ですが、これからホームページ作りたいよって人のために回答します。

『必要なもの』

・最低限でもいいのでHTMLとCSSを作成できる環境と知識
→たとえ、Wixなどのテンプレートで作成するものでも最低限の知識は必要です。
私はこれがない人が作ったメチャクチャなECサイトを一から手探りで修正するという地獄を経験しました。

・明確なサイトのイメージと方針
→これがないとあとあとしんどくなります。箇条書きでメモする、イメージしているものに親しいサイトを保存しておく等の対策を取るといいです。

・サイトのディレクトリーマップを作成
→サイトの構造は作る前に考えましょう。提示されずそのまま作った結果、死ぬような思いをしました。作り方はGoogleで検索すれば出ます。

・サイトのデザイン案を作成
→「作らなくても、テンプレートあるから問題ないでしょ？」これは大きな間違いです。
単純なものでもいいので作りましょう。地獄を見ます。いや、ほんとに。まじで。
ベストはフォトショップもしくはDXでの作成が好ましいです。（私はフォトショ派。）
フォトショなんか使ったこと無い！！って人は真っ白のコピー用紙に書くとかでも良いです。
でもできればフォトショなどの**ラスター系（ピクセル表示のもの）**で1pxの狂いの無いものが良いです。
間違ってもIllustratorなどのベクター系派使用しないように。作りにくいので勘弁してください。

・気合と努力と根気
→なにか作るときには必須です。誰に何を言われても折れない精神と、柔軟な思考を持って作業にあたってください。
昔、間違った方法で作成したサイトに不備があり、指摘してくれた上司に対して意固地な態度を取り精神を止んでやめていった同僚がいました。その後上司もしんどそうにしてました。
他者の指摘派真摯に受け止め、噛み砕き、自分のものにしていってください。

＝＝＝＝＝＝＝＝＝

とかなり書き散らしてしまいましたが、個人的に必要なものとその理由でした。
なにか抜けてるかもしれないので追記や修正も定期的にするかもしれません。
ですが、これが誰かの役にたてば幸いです。
なにかご指摘ありましたらよろしくお願いいします。

Answer 5

どちらでも構わないと思います。
ですが、テンプレートを使う場合、広告が入っていることもありますので、注意してください。
自分で作る場合、それなりに苦労はしますが、そのぶんその作ったデザインに愛着がでてきますよ！

どちらを選ぶにしても、HTMLやcssの勉強になります。

Answer 6

まずは紙などに自分の作りたいサイトのイメージを描いてみましょう。
まずはそれからです。
頑張ってください！！！！

Answer 7

どのようなサイトにするかにもよりますが、参考になるサイトがあればそちらを参考にしてみていいとおもいます。ブラウザがchromeでしたら検証をかけてみてどのようなソースコードになっているんか見てみるといいと思います。そちらを参考にして1から作ってみると面白いかもしれませんね。
もちろんテンプレートを使ってみてもいいと思います。お好きなほうを取り組んでみて、どんどん作品を作っていくといいと思います。

Answer 8

サイトの構築は主に３種類程あります。
・自分でサイトをつくるパターン
・サイト製作のホームページで作成するパターン（有料も有り）
・ネットでフリーのテンプレートから改造するパターン

自分でサイトを作る際必要なもの
・エディタ
プログラミングを書き込むソフト（無料）
おすすめ　エディタ
sublime text
ダウンロード用　URL: https://www.sublimetext.com/
良い点　コードを途中まで入力すると候補が表示され、プログラミングしやすいという点。
・ブラウザ
自分が書いたプログラミングを表示させ、確認する役割をもつ
ブラウザと言っても普段ネットで検索するソフトの事です。（無料）
有名ブラウザ
・Google Chrome
・Fire Fox　　
などなど沢山ありますが、無料なものでもありますので、自分に使いやすいものをつかってみてはいかがでしょうか？

他にも、質問等がありましたら、ご気軽にご質問ください。

Answer 9

テンプレートコピペがいいと思います。

とにかくたくさん量をこなし、きれいなアウトプットがでてくることで意欲も湧いてきます。

頑張ってください。

Answer 10

まずはメモ帳で色々調べながら作成する方が個人的には勉強になると思います。
（Dreamweaverなどは頭文字を打つと予測変換とかも出てしまうので、そういうのも無しで。）

Answer 11

どちらでもいいと思いますよ。
どっちが自分にとって楽で楽しいか、
あるいは気分によって毎回変えてもいいと思います。