• ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：ウェブサイト構築の勉強方法について）

ウェブサイト構築の勉強方法について

このQ&Aのポイント
  • ウェブサイト構築の勉強方法について知りたいです。
  • 必要な技術としては、HTML（CSS含む）、DB、HTMLとDBの連携のプログラミング言語があります。
  • 効率の良い学習方法やおすすめのウェブサイトや書籍について教えてください。

質問者が選んだベストアンサー

  • ベストアンサー
  • too_bad
  • ベストアンサー率53% (70/130)
回答No.3

>>1です。 そういえばソフトウェアを紹介しておりませんでした。 私はFlashDevelopと言うオープンソースの テキストエディタを使用しております。 http://flashdevelop.jp/%E3%83%A1%E3%82%A4%E3%83%B3%E3%83%9A%E3%83%BC%E3%82%B8 HTMLやFlash用の言語をはじめとする、WEBサイト作成に 用いる言語のうち9種類の言語を用いて作るのための 入力補助機能がついています。 標準で日本語化できます。 http://flashdevelop.jp/%E6%97%A5%E6%9C%AC%E8%AA%9E%E3%81%A7%E5%88%A9%E7%94%A8%E3%81%99%E3%82%8B%E3%81%AB%E3%81%AF

ikoran
質問者

お礼

ソフトウェアも紹介して頂いたのですね！ ありがとうございます。 早速、インストールしてみました。 今、リファレンスを見て、勉強中です。 頑張って、皆さんに負い付きたいなと思っています。 ご回答ありがとうございました。

その他の回答 (4)

  • aoyama984
  • ベストアンサー率45% (253/561)
回答No.5

http://sns.prtls.jp/about_people_1.html http://sns.fc2.com/ja/public/content/function/ 無料の　SNS　を利用しても同じようなことはできます 会員制の　レビューサイト　というものはできます http://www.openpne.jp/ss/ OpenPNE　を利用しても　コミュニティサイトは作れます http://www.yumemaboroshi.net/cate42/ また　レビューのCGIやPHPをレンタルすることもできます 自分でイチから作るのも一つですが 希望のもの　似たサービスが無いか探してみる あるものは利用して　組み合わせて　サイトを作る という方法もあります 勉強が目的でしょうか サイトを作るのが目的でしょうか サイトなら　なるべく短期間で少ない作業で作る方法も考えてみてください

ikoran
質問者

お礼

既に出来上がったサービスがあるんですね！ 皆さん、一から作っているものだと思っていました。。 勉強目的が一番というのもありますが、人様の真似をするのが一番の勉強方法だと思いますので、そういった意味からも、既にあるサービスを調べてみたいなと思います。 ご紹介ありがとうございました。

回答No.4

PHP,Perl,Ruby,ASP.NET(VB,C#),JSP(Java) 好きな言語で開発すればいい。 >上記で抜けてるのがＰＨＰなどの構築用の言語かな？　最近はＰＨＰなどを使わずにフレーム・ワークとしてSymfonyなどもあるので、その辺もフォローすると良いと思います。 SymfonyはPHPのフレームワーク。だからSymfonyを使うって事はPHPを使っていることになる。

ikoran
質問者

お礼

言語というのは、たくさんあるんですね・・。 一番とっつきやすいものからチャレンジしようかと思います。 ご回答ありがとうございました。

  • gtx456gtx
  • ベストアンサー率18% (194/1035)
回答No.2

>そこで、質問なのですが、技術的に必要なものとしては、 >(1)ＨＴＭＬ（ＣＳＳ含む）、(2)ＤＢ、(3)ＨＴＭＬとＤＢの連携のプログラミング言語という理解で良いでしょうか？ 進歩の早い分野なので常に新技術を逃さずにということが重要と思いますが、上記で抜けてるのがＰＨＰなどの構築用の言語かな？　最近はＰＨＰなどを使わずにフレーム・ワークとしてSymfonyなどもあるので、その辺もフォローすると良いと思います。

ikoran
質問者

お礼

ご回答ありがとうございます。 色々勉強しなければいけなそうですね。。 でも、高みを目指して、地道に勉強してみます。 ご回答ありがとうございました。

  • too_bad
  • ベストアンサー率53% (70/130)
回答No.1

HTML言語の勉強は必須です。 CSSも必須です。 Javascriptも組めないまでも既製品を使うことはできる程度に 勉強なされると良いと思います。 CGIについては、ログインを必要とされなければ、 上記のサイトの例で行くと取り立てて必要ない気がします。 http://www.htmq.com/ まずは上記WEBサイト等で勉強し、実際にWEBサイトを自力で 作ってみることからはじめてはいかがでしょうか？ 参考資料はWEBサイトだけでいけると思います。 書籍は書籍で問題もあり、今後HTML5と言う新しいスタイルが 勧告される見通しです。 今から覚えるのであれば、HTML4.01よりかもHTML5を覚えられたほうが 良いかと思います。 HTML関連としてもう一つ言えば、FLASHを勉強することにより、 より動的なWEBサイト構築が可能となります。 ただFLASHについては必須ではありません。 FLASHを使わなくてもJavascriptでどうにかなってしまう場面も多いです。 まずは、他人の作ったサイトを参考に、なぜこのような記述をしているのか？ などと独学で勉強されてみてはいかがでしょうか？ 以下に基礎を記述します。 <html> <body> Hello World! </body> </html> 上記の5行をメモ帳に貼り付け、名前を保存するときに index.htmlとして、文字コードをUTF-8で保存してみてください。 インターネットのようなアイコンに変われば成功です。 index.htmlを開くと、5行ではなく1行として表示されていると思います。 ここでそれぞれの内容について説明します。 <html>これは、ここからHTML文書ですよと言う案内です。 おまじないみたいなものと思ってください。 <body>これはボディ、つまりここから本文ですよと言う意味です。 </body>これは、<body>の部分に/が付いています。 本文はここで終了ですよと言う意味です。 </html>これは、同じくHTML文書はここで終了ですよと言う意味です。 そして、<body>と</body>の間にある文書が、本文として表示されます。 気付いたと思いますが、サンドイッチ状態になっているのは おわかりいただけましたか？ この5行の分はソースと言うのですが、ソースを記述する際には、 基本的には必ずサンドイッチ状態にさせなければなりません。 そして<>で区切ってある語句をタグと言いますが、 このタグは開始タグはすべて必須になっており、 終了タグはタグによっては不要なものもあります。 開始タグとは<html>や<body>というようなここから○○ですと言うのを表すもので、 終了タグとは</body>や</html>のようなここまで○○ですと言うのを表すものです。 では、少し行数を増やしてみましょう。 <html> <head> <title> テスト </title> </head> <body> Hello World! </body> </html> さきほどと同じように保存して、再度開いてみましょう。 開いたページのタブの部分を見てみましょう。 テストと言う名前になっていませんか？ <head>とは、本文には表示されない裏の設定を行う部分とでも解釈しておきましょう。 そして<title>は、お気に入りに登録するときに表示される名前だったり、 ページのタブ部分に表示される名前だったりします。 以降はHTMLクイックリファレンスを見ながら勉強されると良いかと思われます。 折角ですので、まだ作りかけのサイトですがサンプルにひとつ提供させていただきます。 http://white-snow.digi2.jp/test-site.zip

ikoran
質問者

お礼

too_badさま、詳細なご回答ありがとうございました！ 例をあげて頂いてありがとうございます。 ご指示の通り、試してみたところ、記述して頂いた通りになりました！ サンプルまでご提供頂いて、本当にありがとうございます。 こちらのサイトを理解するまでには程遠いでしょうが、今すごくわくわくしているので、楽しみながら、教えて頂いたHTMLクイックリファレンスのページをみながら、地道に勉強して、サイトをたくさん作ってみます。 ご親切にご回答ありがとうございました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. その他（プログラミング・開発）

関連するQ&A

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

質問する