• ベストアンサー
  • 困ってます

初心者がホームページを作成

1つのサイトを作成して、PC、スマホ、タブレットとそれぞれのブラウザの大きさに合わせて、表示できるサイトを作成したいのです。 そして、独自ドメインを取得し、レンタルサーバーにアップする予定です。 しかし、私はホームページを作成したことがない初心者です。(フォトショップ、イラレは慣れています) 「レスポンシブ」のテンプレートをダウンロードしましたが、その後どのようにして、作成したらいいか分かりませんでした。 グーグル等、簡単にホームページが出来るとありますが、それはグーグルのサーバーに保存しないといけないという、ことなのでしょうか? ホームページ作成の条件は、 ・1つのサイトで、PCやスマホに対応できる方法 ・独自ドメインを取得し、レンタルサーバーにアップできる方法。 (途中で、同じドメインでサーバーを変えることができるように) ホームページは、個人の業務用として、ごくごく簡単なつくりのものでいいです。 なにか、テンプレートがあって初心者でも簡単に作成できる方法は、ないでしょうか? ホームページ作成ソフトは、持っていません。 出来れば、無料で出来るか、ブラウザで作成出来ることは可能なのでしょうか? ご存知の方、よろしくお願いいたします。

共感・応援の気持ちを伝えよう!

  • 回答数4
  • 閲覧数289
  • ありがとう数0

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

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

ガラケーに関しては使用する『HTML言語』が異なりますので、 完全には同じ表示には成りません。 以前は『ユーザエージェント』で切り替える方法が使われてました。 現在は『スタイルシート』で『可変グリットレイアウト』として 作成する事で単独のページがPCとスマフォに対応出来る様に成ってます。 スタイルシートの内容は単なるコードの羅列ですので、テキスト編集アプリで可能。 HTMLコードのエックスポート機能はイラレ、Photoshopにも有ります。 作成データのアップは『WebDAV形式』に対応しているホストならPCにマウントして コピーするだけで済みます。 >ブラウザで作成出来ることは可能 プログをホームページにしている人もいます。

共感・感謝の気持ちを伝えよう!

関連するQ&A

  • ホームページ作成

    ちょっとしたビジネスを始めるにあたり レンタルサーバーを借り、ドメインも取得しました。 ホームページを作ろうと思うのですが 全く知識がないのでテンプレートを編集してアップしようと 試みたのですが画像を1つ入れ替えただけで正常に表示してくれません。 あきらめてとりあえずせめて工事中であることと業務内容のわかる1枚の画像を アップさせようとKompoZerでやってみましたがうまくいきませんでした。 本格的なサイト構築は自分では無理そうなので どこかに依頼しようか検討中です。 すでに名刺にURLを入れてしまったので 画像を1枚を簡単にアップする方法をご教授いただけますでしょうか。 ちなみに mac ppc os10.4.11です。 CyberducとKompoZerを使ってみました。 サーバーはXサーバーです。 なにとぞよろしくお願い致します。

    • ベストアンサー
    • Mac
  • ホームページ作成 スマホとPCを名時サイトで表示

    ホームページを作成するのですが・・・。 1つのサイトを作成したら、スマホ、パソコン、タブレットなど、それぞれ画面の大きさが違っていても、あわせて表示することができることを、以前書店で知りました。 その名称があったのですが、忘れてしまいました。何だったのでしょうか? カタカナで、10文字以内くらいだったような気がします。 その名称で検索し、テンプレートを使用して、ホームページを作成したいです。 どうしても、名称が思い出せません。 よろしくお願いいたします。 作成したら、レンタルサーバーにアップする予定です。 もしよければ、おすすめのテンプレートがあればお願いします。

  • ホームページ初心者です。

    知り合いに頼まれてホームページを作成します。 今までホームページといえばfc2のレンタルサーバーで1度だけ作成したことがあるくらいなんですが、知り合いがぷららの申込をしてくれたそうなんです。 まだまだホームページの勉強は始めたばかりの私にとって、どちらのサーバーがどのようにいいのかがわかりません。詳しい方のアドバイスをぜひよろしくお願いします。 ちなみに、今からぷららを解約してfc2でホームページを作成するというのはやはりやめた方がいいのでしょうか?

その他の回答 (3)

  • 回答No.5
  • T-iks
  • ベストアンサー率0% (0/1)

独自ドメインを使い、ブラウザで作成出来ることは可能なら、WordPress(CMS)が良いと思います。 (WordPress有料テンプレート) http://www.wp-w3c.com/ (WordPress無料テンプレート) http://www.k2-s.com/ (WordPressレンタルサーバー) http://www.server-choice.org/

参考URL:
http://www.server-choice.org/

共感・感謝の気持ちを伝えよう!

  • 回答No.3

ブラウザ上から簡単に作成できるレスポンシブデザインと言うことなので。 ショッピングサイトではないことを前提とします。 ドメインを取得して、どこかのレンタルサーバーを借りてWordPressをインストール。 FC2はダメですよ。WordPress3.5.1が利用可能か確認すること。 固定ページ機能で各ページを作れば、簡単なものであれば、ブラウザから作成できます。 WordPressの標準テンプレートtwenty eleven 、 twennty twelveはレスポンシブ対応です。 携帯対応のプラグインも使えます。 WordPressはかなり何でもできるので、複雑なこと(デザイン変更とかphpの編集とか)をやろうとすれば決して簡単ではありませんが。

共感・感謝の気持ちを伝えよう!

  • 回答No.1

レスポンシブもメディアクェリも初心者にいきなりは無理です。  意外と思われるでしょうが、(フォトショップ、イラレは慣れています)を危惧しているのです。  ワープロ、DTP(Desktop publishing( http://ja.wikipedia.org/wiki/DTP ))と、HTMLは表面上はまったく同じように見えますが、目的がまったく異なります。  ワープロやDTPは、どのように印刷するか!どのように表現するかが最大の目的です。一方のHTMLは、 ・文書をその文書を構成する要素(Element)に分解し、それをタグを使ってマークアップしていくものなのです。  <h1>ここは見出しだよ</h1><p>ここから新しい段落です。</p><p>ここからまた別の<p></p>で、<strong>この部分はとっても重要な部分です</strong>・・・  と、単純なテキストです。 ★ですから、メモ帳のようなテキストエディタひとつで書けるのです。 ★一方、ワープロやDTPで出力されたものを見せられてもコンピューターにはどこが見出しで、どこが本文かは判らないでしょう。  こうしておけば、今後何十年・何百年経っても、また他のコンピューターで理解できますが、ワードやイラストレーターで作成されたものは、そのソフトがないと利用できなくなります。 ・・・・・ ・・・・・  その上で、それをどのように利用するか--パソコンのディスプレイに表示するかは、ブラウザのようなソフトで、<h1></h1>で囲まれた部分は大きな太字で、<p></p>で囲まれた部分は新しく行を起こして、<strong></strong>で囲まれた部分も太字で・・と、(自前ののスタイルシートで)処理していくのです。  もちろん、スクリーンリーダーで読ませれば<h1></h1>は太い男声で読んでくれるでしょう。<p></p>の前後では、少し間をおいて読まれるでしょう。  以上から想像できるように、まったく何もしなければ!!!!  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 「PC、スマホ、タブレットとそれぞれのブラウザの大きさに合わせて、表示できる」  物なのです。PC、スマホどころかスクリーンリーダー手もプリンターでも・・ ^^^^^^^^^^^^^  ただ、そのようなHTMLとブラウザの関係ですから、DTPで作成されるそれと比較するとHTMLだけのプレゼンテーションは、とても貧弱です。  その結果、様々なテクニックが工夫されました。 ★下記の一節は読んで置いてください。短いです。  ⇒14.1 スタイルシートの概説( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )  メディアクエリやレスポンスデザインを使わなくても、HTMLやスタイルシートの知識があれば、様々な端末に対応したページは作成できるのです。よく紹介させていただくのですが  ⇒ナビゲーションリストを様々にデザインしてみよう。( http://www.ichiya.com/WebService/Howto/sample/HTML/nav/navigation1.html )  は、多分テキストエディタだけで書かれていますが、ブラウザの[表示]メニューから[スタイルシート]に進み、様々なスタイルシートを選ぶとデザインはまったく変わりますが、そのいずれもスマホの狭い画面でもPCの大きな画面でも利用できますね。ウィンドウの幅を変えてみましょう。また印刷プレビューでは印刷時のデザインもわかります。スタイルシートを使用しないにすると検索エンジンがどのように読んでいるかも判ります。  そして、このページはメディアクエリもレスポンシブデザインも使われていません。  まず、HTMLとは何かを学んでみましょう。 ⇒はじめてのWebドキュメントづくり( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ )  メモ帳だけで一通りこなしてみましょう。  そしたら、 ⇒1と2の間辺りからはじめるCSS講座( http://www6.plala.or.jp/go_west/beginner/css/ )  でスタイルシートをかじって見ます。  多分、優れたテキストエディタがほしくなるでしょう。フリーで色々あります。  その後で、【その後でなければなりません】、Webオーサリングツール( http://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83%BC%E3%82%B5%E3%83%AA%E3%83%B3%E3%82%B0%E3%83%84%E3%83%BC%E3%83%AB )を探してみましょう。  ↑このページにも、HTML用に使用できるテキストエディタ=HTMLエディタ( http://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83%BC%E3%82%B5%E3%83%AA%E3%83%B3%E3%82%B0%E3%83%84%E3%83%BC%E3%83%AB#HTML.E3.82.A8.E3.83.87.E3.82.A3.E3.82.BF )の紹介があります。

共感・感謝の気持ちを伝えよう!

関連するQ&A

  • ホームページ作成と管理 サーバーはどうしたら?

    ホームページの作成依頼を受けました。 今後依頼が増えるようなら個人事業としてやっていこうと考えています。 そこでいくつか質問があります。 1)サーバーを抱える気がありませんので、レンタルサーバーにする予定です。その場合は、顧客の数に応じて独自ドメインを取得していくわけですが、一つのレンタルサーバー契約の容量の中で、ドメインはいくつ取得してもかまわないですよね? 2)後々はクラウドへと以降していこうと考えていますが、レンタルサーバーのサービスでドメインを取得している場合、サーバーを引越しすると、URLやドメインも変更しなくてはならないのでしょうか? ホームページを作ろうというのに、素人まるだしの質問で恐縮ですが、なにとぞよろしくお願いします。

  • 初心者でもレスポンシブ対応のサイトが作れるソフト

    初心者でもレスポンシブ対応のサイトが作れるソフトを教えてください。 以前はホームページビルダーの古いバージョンでレンタルサーバーにhtmlを作ってサイトを運営していました。 スマホ対応にと去年wordpressに変えたのですがサーバが重いので、wordpressを使わないでレスポンシブにしたいです。 「SIRIUS」 「ホームページビルダー」「QHM HAIK」 「BiND」などあるようですが、おすすめを教えてください。

  • 独自ドメインでホームページを作成する

    ホームページ作成超初心者です。 お名前.comにて独自ドメインを獲得しました。 次にgoogle appsにて、独自ドメインを利用したホームページを作成したいのですが、 CNAMEの設定等が難しくて分りません 。参考になるホームページ等がありましたら、教えて頂きたいと思います。 お名前.comのレンタルサーバーは有料なので、出来れば、google appsにてホームページを 開設していきたいと思います。 rei-amuro.comというドメインを取得しているのですが、 googleサイトで作成したホームページのURLは https://sites.google.com/a/rei-amuro.com/index-html/ となってしまうのですが、これを、 http://www.rei-amuro.com と表記したいと思っています。 宜しく御願いいたします。

  • ビルダーで作成したホームページのCSSの変更の件

    ホームページビルダー16を使い、nikukyu-punchという無料テンプレートを配布しているサイトからテンプレートをダウンロートし、自分のホームページを作成し、サーバーをレンタルし、ドメインも取得して、今年の1月2日にサーバーに転送しホームページをアップロードしました。また、グーグルのアナリティクスでアクセス数を確認できるように設定した直後からアクセス数が1日に平均で約20人くらい来てくれるようになりました。ところが、今月初旬(3月3日)に、テンプレートの壁紙?と呼ぶのでしょうか、バッググランドの色を変え、再度サーバーに転送しました。ところが、その翌日から、全くアクセス数がなくなり、現在(3月21日)でもずっとゼロの状態が続いています。1月2日にアップしてから約2か月間順調にアクセス数が伸びていたので、全くなくなって不思議に思っています。原因は上記のことくらいしか考え付きません。CSSスタイルシートを変更したことによるものなのでしょうか?教えていただきたく存じます。

    • 締切済み
    • SEO
  • ホームページ作成について。

    ホームページ作成を試みようと思うのですが、 その際、利用するサイトで厚かましいようですが こちらの希望に沿った物があればと思い質問させて頂きました。 ・独自ドメインが取得可能で料金が月々1000円前後で可能な所。 ・広告バナーがないもの。 ・ヘッダー・フッダー・サイドナビがテンプレート化していて、それらのデザインも自由に編集・デザイン出来るとうれしいです。 厚かましい質問なの重々承知なのですが、どうか、お願いします。

  • ホームページを開設したのですが。。。

    レンタルサーバで独自ドメインの個人会社のホームページを開設しました。 「○○○.jp」を先に取得し、トップページを作成し良好です。 「www.○○○.jp」も取得したので、このwwwのアドレスを入力した際に、 ○○○.jpで作成したトップページを同じように表示したいのですが、どのようにすればよいでしょうか。 サーバのFAQを見たのですがうまく探せず、詳しい方どうぞよろしくお願いします。

  • 独自ドメインでホームページを作成

    独自ドメインでホームページを作成 独自ドメインでHP作成で、独自ドメインと固定IPを繋ぐ(登録する)ことが必要のようですが、 レンタルサーバの場合もこの登録が必要なのでしょうか? またインターネット接続しているプロバイダから割り当てられたホームページスペースというのは Webサーバーというものは存在しないのでしょうか?

  • (初心者です)既に作成してあるホームページの修正をまかされたのですが…(困ってます)

    既に作成してあるホームページの修正(誤字を消すとか、文章をちょこちょこっといじる程度)を、事情があって、知人より、まかされたのですが、そもそも、何をすれば良いのかわからず、大変困っています。 mac osⅹを使っていますので、ターミナルにつないで、サーバーに接続したり(接続しかできませんでした)、ホームページ作成ソフトをダウンロードしてみたりしたのですが、既にあるページをどういじれば良いのかわかりません。 イメージでは、サーバーに既にアップしてある、ファイル等を、まず、ダウンロードして、それをちょこっと、修正して、書き換え→アップロード、というような感じなのかな?と思っているのですが、既にサーバーにあるファイルを、どう取り込めば(修正すれば)良いのかが分かりません。(私が作成していないので、元のデータは私のパソコンには入っていません) 質問になっているのかわかりませんが、どなたか教えていただけると有り難いです。大変困っています。何卒宜しく御願い致します。

  • 初心者がホームページで、CSSを造りたいです

    今まで、ホームページ作成ソフト ホームページビルダーの、どこでも配置モードで、 素人なりに、ホームページを作成してました。 HTMLは、少しわかります。 時代の流れから、HTMLでは、幼稚な感じがしてしまい。 CSSの、ホームページを造りたいのですが、 素人の自分には、仕組みがさっぱりわからず困ってます。 CSSテンプレートのようなサイトから、素材をもってきても、 編集する方法がよくわかりません。 CSSが、簡単に使えるような方法があれば助かります。 よろしく御願いいたします。

  • 今、ホームページを作成を完了し、次にレンタルサーバーを探してます、条件

    今、ホームページを作成を完了し、次にレンタルサーバーを探してます、条件としては、★無料 ★広告なし★独自ドメインです、検索してみたのですが、なかなか良い所が見つかりませんでした。国内のサーバーで良いところは無いもんでしょうか?