1つのサイトを作成して、PC、スマホ、タブレットとそれぞれのブラウザの大きさに合わせて、表示できるサイトを作成したいのです。
そして、独自ドメインを取得し、レンタルサーバーにアップする予定です。
しかし、私はホームページを作成したことがない初心者です。(フォトショップ、イラレは慣れています)
「レスポンシブ」のテンプレートをダウンロードしましたが、その後どのようにして、作成したらいいか分かりませんでした。
グーグル等、簡単にホームページが出来るとありますが、それはグーグルのサーバーに保存しないといけないという、ことなのでしょうか?
ホームページ作成の条件は、
・1つのサイトで、PCやスマホに対応できる方法
・独自ドメインを取得し、レンタルサーバーにアップできる方法。
(途中で、同じドメインでサーバーを変えることができるように)
ホームページは、個人の業務用として、ごくごく簡単なつくりのものでいいです。
なにか、テンプレートがあって初心者でも簡単に作成できる方法は、ないでしょうか?
ホームページ作成ソフトは、持っていません。
出来れば、無料で出来るか、ブラウザで作成出来ることは可能なのでしょうか?
ご存知の方、よろしくお願いいたします。
No.2ベストアンサー
- 回答日時:
ガラケーに関しては使用する『HTML言語』が異なりますので、
完全には同じ表示には成りません。
以前は『ユーザエージェント』で切り替える方法が使われてました。
現在は『スタイルシート』で『可変グリットレイアウト』として
作成する事で単独のページがPCとスマフォに対応出来る様に成ってます。
スタイルシートの内容は単なるコードの羅列ですので、テキスト編集アプリで可能。
HTMLコードのエックスポート機能はイラレ、Photoshopにも有ります。
作成データのアップは『WebDAV形式』に対応しているホストならPCにマウントして
コピーするだけで済みます。
>ブラウザで作成出来ることは可能
プログをホームページにしている人もいます。
No.5
- 回答日時:
独自ドメインを使い、ブラウザで作成出来ることは可能なら、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-html4 … )
メディアクエリやレスポンスデザインを使わなくても、HTMLやスタイルシートの知識があれば、様々な端末に対応したページは作成できるのです。よく紹介させていただくのですが
⇒ナビゲーションリストを様々にデザインしてみよう。( http://www.ichiya.com/WebService/Howto/sample/HT … )
は、多分テキストエディタだけで書かれていますが、ブラウザの[表示]メニューから[スタイルシート]に進み、様々なスタイルシートを選ぶとデザインはまったく変わりますが、そのいずれもスマホの狭い画面でも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% … )を探してみましょう。
↑このページにも、HTML用に使用できるテキストエディタ=HTMLエディタ( http://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83% … )の紹介があります。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- CGI サイト訪問者の情報を取得したい 1 2023/02/21 11:03
- ホームページ作成・プログラミング 友人のホームページを引き継ぐには 2 2023/06/13 15:23
- WordPress(ワードプレス) 初心者なので、分かりやすく教えていただけると幸いです。 数年前にホームページをとある会社で作ってもら 6 2023/05/12 14:30
- SEO ホームページを作る際の質問です 1 2023/06/07 18:50
- サーバー (童顔♀です)webサイト納品後,記事更新をこちらでする場合どうやりますか....? 3 2023/08/09 04:44
- HTML・CSS ホームページをちょっと加工する程度の無料または古くて安く購入できる作成ソフトを教えてください 5 2022/12/16 12:17
- サーバー Laravelをレンタルサーバーにインストールするにはどうすればいいですか? 2 2022/06/29 10:17
- ASP・SaaS イントラネットを構築したい 2 2022/04/24 11:08
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ホームページ作成
-
ホームページの画面文字を濃く...
-
既存画像(gif または png)の背...
-
FC2ホームページの変更に仕方
-
ホームページビルダーを複数の...
-
ホームページ制作で教えてくだ...
-
web制作(HP作成について教えて...
-
横にリンク先を3つ並べたいのです
-
入社1年半目です。自習でシェア...
-
jQueryで画面サイズによってス...
-
ホームページビルダー22でリン...
-
CSSと無料掲示板を組み込んだサ...
-
ネットに上げる画像について
-
今さらですがHPを作成するに当...
-
XREA使用で作成したHTMLファイ...
-
HTMLリンク飛びがうまくいかない
-
ホームページビルダー19文字化け
-
HTMLで、ホームページが作れる...
-
ページの内容コピペ 範囲が広い...
-
ホームページビルダー15で作っ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
クリックだけで記載URLに飛べる...
-
アイビスペイント、原稿作成に...
-
ホームページに動く矢印を入れ...
-
無料ホームページの作成(同窓会)
-
HP作成について
-
HP作成専門業者によるWordpress...
-
お試しの疑似ホームページ作成...
-
ホームページのメルアド変更
-
カート付きホームページを作り...
-
ホームページ作成方法
-
hp作るのにはどれくらいの時間...
-
HP作成って業者に頼むといくら...
-
素人のホームページ作成
-
goo簡単ホームページで使え...
-
スピードガイドネットの使い方
-
ヤフーの画面に戻したい
-
pagead2.googlesyndication.com
-
ホームページを作った場合製作...
-
忍者アドマックスのプランを確...
-
あるHPだけが急に見られなくなった
おすすめ情報