初心者向けにこういうサイトを作るための必要技術をご紹介

このQ&Aのポイント
  • 初心者でも作れるWebサイトを紹介します。使用する技術としては、WordPressを利用することがオススメです。また、html5やcss3は必須ではありませんが、少しのJavaScriptを使うこともあります。
  • bhb.co.jpはブログ形式のWebサイトです。初心者でも利用できるWordPressが適しているでしょう。また、html5やcss3の知識も必須ではありませんが、JavaScriptの基礎を学んでおくと便利です。
  • 初心者向けにこういったWebサイトを作るためのポイントをご紹介します。WordPressを使えば、初心者でも簡単にサイトを作成できます。また、htmlやcssの知識も必要最低限で大丈夫ですが、JavaScriptの基礎知識があるとより自由な表現が可能です。
回答を見る
  • ベストアンサー

こういうサイトを作るのに必要な技術

初心者もいいとこなんですが一応Webデザインの仕事をしている者です。 まず、このサイトを見てください。 bhb.co.jp 最近お客さんにこういうサイトを作りたいと言われたんですが、どうやったら作れるんでしょうか? [自分の予想] ◎記事がブログみたいな形式になっているのでWordPressってやつを使う ◎html5やcss3などは使わなくても大丈夫 ◎ちょっとしたjsは使う 自分はhtmlとcssくらいしかできなくて、最近ちょっとjsのソースを取ってきて貼付けるとかjqueryでなんかしてみようかな~とか思っている程度のレベルです。 bhb.co.jp こういったサイトを作った経験がある方、ぜひわかりやすくご教示願います!

noname#183210
noname#183210

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

  • ベストアンサー
noname#197548
noname#197548
回答No.2

http:// を付け忘れてるだけですよね。 http://bhb.co.jp/ 見てみましたが、 WordPress を使って HTML CSS JavaScript PHP で実現できると思ってますが、 やったことないので 実際どうなんでしょうね。

その他の回答 (1)

  • e_16
  • ベストアンサー率19% (847/4388)
回答No.1

見れないけど? ほんとに仕事してるの? ちゃんと見てもらいたいんだったらURLを示しましょう ソース見れば一発やん それが理解できないのかな?

関連するQ&A

  • 自由にデザインされたブログ仕様のサイト

    はじめまして。 自由にデザインされたブログ仕様のサイトをよく見るのですが、 どうやって制作されているんでしょうか? 内容としては ・デザインは自由に設定 ・ブログの形式+普通のサイトのような雰囲気 ・fc2などでレンタルしたものではなく、アドレスも独自のもの というタイプのものです。 (例えば http://coliss.com/ など。 普通にメニューもあるけれども記事部分はブログ形式…のようなイメージです。 欲を言えば、ぱっと見は普通のhtml+cssで組まれたサイトのように見え、記事の部分はブログ形式…のような形になればいいなと思っています。) 自分でも色々調べてみたところ、wordpressというものを知り、こういうのを使っているのかな?と思ったのですが、wordpress以外でも方法はあるんでしょうか? 他にphpという言葉もよく出てきたのですが、「phpを使っているとサイトのアドレスの最後が.phpで終わる」という記事を見たのでphpではない?とハテナとなってしまいました。 (ブログ仕様のサイトでも最後がphpで終わるサイトはあまり見たことが無いので。) (今まであまり意識していなかったことなので知識があまりなく、自分なりに調べてはみたのですが、言葉の表現等おかしなところがありましたらすみません;) こういう方法もある、などわかる方がいましたら、いろいろアドバイス頂けましたら幸いです!

    • ベストアンサー
    • CSS
  • ブログサイトの見分け方(MovableTypeやWordPressなど)

    最近、見た目ではブログサイトの様な感じじゃないのに、MovableTypeやWordPressなどを使って、制作しているサイトがあると聞いたのですが、これらのサイトの見分け方ってあるんでしょうか? 普通にHTML&CSSで制作したサイトではなく、MovableTypeやWordPressなどで制作したサイトは、ソースを見るとわかるものなのですか? 「ソースのこの部分にこんな記述があれば、WordPressを使ってます」みたいな見分け方がある場合は、教えて頂ければ助かります。 よろしくお願い致します。

  • 「~.css?数字」というファイル名のご解説を!

    こんばんは。 現在CSSを学んでいるものです。下記のサイトのソースをご覧下さい。 http://lagoscript.org/jquery/flickable/demo 「screen.css?1252422308」や「print.css?1250502448」、また、「jquery-1.4.2.min.js?1273939646」や「view_source.js?1257599809」の様なファイル名が見受けられます。 参考のためにサンプルをコピーして動かして、それを少しずつ変えていこうと考えていたのですが、「screen.css」、「print.css」や「jquery-1.4.2.min.js」などファイル名には「?」は付けられません。そのせいかファイル名がどうしても付けられないせいか分かりませんが、ローカルにコピーしても動きません。 これがどう検索しても分かりませんでした。サイト主様にコメントを書こうとも考えましたが、コメント欄を見ると最近はご覧頂けていないようでした。ですので、こちらで質問させて頂きました。 みなさま、これはどの様なことなのかご説明、よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • wordpressにjavascriptを挿入する方法について

    はじめまして!wordpressにjavascriptをコードを挿入し作動させる方法が理解できず、 教えていただきたく投稿致しました。 私の知りたいこと ----------------------------------------------------------------------------- こちらのテーマに、 http://templates.arcsin.se/simple-organization-wordpress-theme/ こちらのdemo6を埋め込みたいのです。 http://www.ihwy.com/Labs/demos/current/jquery-listmenu-plugin.aspx mission statement とnexteventの下/記事の上にツッこみたいわけです。 ※不明である場合は投稿記事の中でも知りたいです ----------------------------------------------------------------------------- そのjsのソースコードはこちら http://www.ihwy.com/Labs/jquery-listmenu-plugin.aspx 尚、下のほうにある、DownloadVersion 1.1にソースがあります。 ひらきますと・・・・長いので割愛。。。 要はjavascriptの基礎がわかっていないためですが、、 急いでwebサイトを構築しているためこのようにさせていただきました。 「js」という名前のカスタムフィールドにJavaScriptを記述することで・・・ cssにpathを設定・・・・ header.phpにjsを宣言・・・・ このへんがキーかと思いますが、 うむむ。。よくわかりません。。 なにとぞ、「私の知りたい事」に対する 御回答を宜しくお願いします。

  • wordpressのブログでセンスあるものを教えてください。

    wordpressでブログ始めようと思いいろいろなテーマを試しています。 そこで、参考になるようなクールなブログサイトをご存知でしたら教えてください。 なるべくwordpressのものでお願いします。 ちなみに、クールなテーマ10選とかのまとめサイトなどは自分でもだいたい見てるので結構です。 それよりも、テーマのCSSを少しいじるなど工夫されていてより魅力的なデザインにしているサイトが知りたいです。 私の好きなデザインのイメージのキーワードとしては シンプル、大人っぽい、クール、センスある写真がメイン、白系 などです。 また、ソースコードや、コマンド操作を載せるときなどに利用するブロッククオートのデザインが良いものも探しています。 いろいろあげましたが、センスあるブログならOKです。 よろしくお願いします。

  • ブログ形式ではない静的なhtmlページから成るサイトにコメント欄やトラックバック欄をつけたいのですが。

    htmlとcssが少しわかる程度の初心者です。現在運営しているサイトのコンンテツの一部に、コメント欄やトラックバック欄をつくりたいのですが、これを手っ取り早くやるにはどうすればいいのでしょうか。 自分なりに調べてみたところ、本来ブログを書くためのツールであるwordpressで、似たような機能が果たせなくも無いということだったので、早速php、 MySQL、 Apacheがパッケージになったものと、wordpressをインストールして、いろいろいじってみました。 wordpressで書いた記事のソースをみて、<link rel=stylesheet 略>を参考にデフォルトで読み込むスタイルシートをいじって、ブログ形式ではなくサイトっぽくなるようにwidthを広くしてみたり、サイドバーをとっぱらったりしてアレンジしてみたのですが、他の記事へのリンクの貼られ方などの部分で、どうしてもブログのようになってしまいます。 仕方がないので、適当に書いた記事のソースを表示して記事のコメント欄につかわれているphpファイルのディレクトリを参照して、 comments-post.php などを、コメントの送信に関係していると思われるphpファイルを今までのサイトのディレクトリにコピーしてwordpressに頼らずに実現させようとしたのですが、うまくいきません。 まとめ 1.phpなどのプログラミンウ言語についての知識がほとんどない人が、静的なhtmlページにトラックバック欄やコメント欄を手っ取り早くつけるにはどうすればよいのでしょうか。wordpressのコメントフォームやトラックバックに使用されているphpファイルをコピーし、それの一部をエディタで書き換えることによって、wordpressに頼らずに、ブログ形式ではない静的なhtmlページ上でコメント欄とトラックバック欄や拍手ボタンをまく動かす術はないでしょうか。 2.あわせて質問なのですが、wordpressでコンテンツをつくった場合は、コンテンツはhtml形式にならないのでしょうか。SEOの観点からコンテンツはhtmlにしておきたいのですが。wordpressで書いたコンテンツのソースはどこ変更できるのでしょうか。meta descriptionなどを含むヘッダーをコンテンツごとに適宜変更したいのです。初心者ですいません。 環境 OSはWin Vista で エディタは秀丸をつかっています。 どなたか助けていただけないでしょうか。

    • ベストアンサー
    • PHP
  • WordPressでjQuery-UIの使い方

    WordPressでjQuery-UIの使い方を教えてください。 現在、WordPressで作ったサイトにフローティングメニューを取り入れたいと思っています。 フローティングメニューを入れるにあたり、jQuery-UIを読み込まなければならないのですが ちゃんと読み込まれていないようです。 WordPressではなくテストでサイトを作り、読み込ませるとちゃんと動作するので、 WordPress特有の問題かと思います。 WordPressでjQuery-UIを読み込ませる方法を教えてください。 下記に参考にしたサイトと、ソースを記述しました。 -------WordPressのヘッダ内の記述と参考にしたサイト------- <?php wp_deregister_script('jquery.ui.core.min'); wp_enqueue_script('jquery.ui.core', get_bloginfo('template_url') . '/js/jquery.ui.core.js'); ?> wp_deregister_scriptでWordPressのjquery.uiを見に行かないようにして、 wp_enqueue_scriptでダウンロードしてきたUIを見に行くようにしてあります。 参考にしたサイト(jQuery-UI) http://d.hatena.ne.jp/deeeki/20090907/wp_enqueue_jquery_ui フローティングメニューについて参考にしたサイト http://www.skuare.net/test/jScrollFollow.html

    • ベストアンサー
    • PHP
  • WordPressによるWEBサイト作り

    WordPressによるブログを作ったことは何度か あるんですが、WordPressを使って 一般的な飲食店のサイトなんかのホームページを 作るにはどのような流れになるのでしょうか。 デザインテンプレートをダウンロードしても ブログ向けのテンプレートなのでカレンダー機能やら 記事を書いたり返信したり、ブログ的なパーツだらけですし、 一からテンプレートを作成していくのであれば、 CMSを使ってホームページを作る意味が あまりない気がします。 WordPressを使ってホームページを作るには どうのような流れになるのでしょうか?

  • CMS導入について

    現在ウェブデザイナーとして仕事をしており、(x)html、cssでコーディングを行っているのですが、 今後のことを考え、xoopsやwordpress、MTなどの導入を考えております。 ブログデザインだけではなく、サイトデザインにも使いやすいものはどれかと調べているのですが、 ポータルサイトにはxoops、ブログデザインにはMTやwordpressというようなことしか拾えず、 ご経験者の方がおられましたらサイトデザイン中心に、ブログデザインにも応用できるものがありましたら是非教えて下さい。 よろしくお願いします。

  • WordPress「最近のエントリー」をHTMLに貼り付けたい

    WordPress(バージョン 2.7.1)で作成したブログの「最近のエントリー」5件ほどを、同じサーバー上にある他のHTMLページに貼り付けたいのですが、やり方がわからず困っています。 表示形式としては「記事タイトル(記事へのリンク付き)」を表示させたいです。 一般的なHTML+CSSでサイトを制作し、その中の一コンテンツとしてブログを設置しているのですが、ブログページへ行かなくても最近の投稿が分かるようにしたいのです。 もしプラグインや方法をご存知の方がいらっしゃいましたら、是非ご教授下さい。 宜しくお願い致します。

専門家に質問してみよう