ホームページ作りを始めたばかりの初心者です。
ホームページ作りはホームページビルダークラシックで、白紙から作っています。htmlで作っていて、そのhtmlも基本しか分かっていません。
PCサイト用のページとスマホサイト用のページを作ったのですが、PCから閲覧したときはPC用のページが、スマホから閲覧したときはスマホ用のページが表示されるようにするには、どうすればいいのでしょうか?
初心者でもできるでしょうか?初心者でも可能であるならば、出来るだけ簡単にかみ砕いて教えていただけると、大変助かります。方法を検索しても分かりませんでした。
No.2ベストアンサー
- 回答日時:
最近のホームページは、レスポンシブ・デザインって技術を使って作られています。
ブラウザ画面の解像度に応じて、自動的に画面のレイアウトを変化させるようにしているのです。
たとえば、画面が小さいときは、縦に並べるとか、画像は省略するなどをしているのです。
マスターすべき必須技術としては、さしあたり、Bootstrap、jQuery、JavaScriptです。
なので、htmlのみしか知らないのでは、対応できないでしょう。
これらを覚えるために色々と参考書を購入して勉強しましょう。
ちなみに、紙芝居的なホームページではなく、「ブログやりたい」とか「アンケートページを作りたい」「会員管理できるようにしたい」など動的なページ、ユーザ管理が必要となれば、データベース処理も必要ですし、セキュリティ管理は必須となります。
ですので、上記に加えて、PHPあるいは、C#とかJavaとかSQLとかの言語や、AJAX、クロスサイトスクリプト攻撃への防止技術も盛り込まないといけなかったりします。
ですので、初心者が自力でやるのは無理でしょうね。
最近は、WordpressなどのCMSが流行しています。
初心者は、こういうソフトを使うしかないと思います。
No.3
- 回答日時:
ここで回答するには無理が有る。
1から10まで無理。・PC専用、スマホ専用の2個作る方法。
クエリの有った端末(機種やOS)を知り、相互に振り分ける
・ブラウザの幅で自動的にCSSを振り分ける方法
今の主流はこちらの方法(レスポンシブデザイン)。
メディア情報をクエリし、対応させるCSSを自動で使い分ける。htmlは同じ物を使い、cssによって、pc・スマホの「デザインのみ変更」で対応させる。
超超簡単に言うと、横幅を「親要素に対する%」で指定する。
ホームページビルダーでも、ビルダー自体にレスポンシブデザイン対応する機能が有るから、それで対応する。
No.1
- 回答日時:
方法は
1、レスポンシブデザインにする
2、PC用スマホ用それぞれ作ってユーザーごとに振り分ける
この二つ。
>初心者でもできるでしょうか?
努力すれば初心者だってできる。
大概のことは勉強すれば初心者だってできる。
わからない言葉が出てきたら逐一自分で調べて覚えてを繰り返すしかない。
今できる人も知ってる人もみんな最初は初心者で、そこから頑張って勉強してできるようになってるんだから、そのプロセスをスキップしようなんて思わないこと。
>初心者でも可能であるならば、出来るだけ簡単にかみ砕いて教えていただけると
1についてはこんなところじゃ全然文字数が足りないから、解説しているサイトを紹介する。
https://syncer.jp/how-to-create-responsive-web-d …
次に2は、「.htaccess」を弄れることが大前提。
「.htaccess」のRewriteモジュール(mod_rewrite)を使って、ユーザエージェントを取得して特定の条件に合致している場合にだけ、指定したページへリダイレクトさせればいい。
スマホからのアクセスならスマホ用のサイトへ、PCからのアクセスならPC用のサイトへ。
これを読んで意味がわからないなら、諦めた方がいい。
下手にやると取り返しのつかないことになるから。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
-
許せない心理テスト
私は「あなたの目の前にケーキがあります。ろうそくは何本刺さっていますか」と言われ「12本」と答えたら…
-
フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
あなたが普段思っている「これまだ誰も言ってなかったけど共感されるだろうな」というあるあるを教えてください
-
映画のエンドロール観る派?観ない派?
映画が終わった後、すぐに席を立って帰る方もちらほら見かけます。皆さんはエンドロールの最後まで観ていきますか?
-
海外旅行から帰ってきたら、まず何を食べる?
帰国して1番食べたくなるもの、食べたくなるだろうなと思うもの、皆さんはありますか?
-
天使と悪魔選手権
悪魔がこんなささやきをしていたら、天使のあなたはなんと言って止めますか?
-
ホームページビルダーのスマホ同期の解除
ホームページ作成・プログラミング
-
PC用ホームページを携帯用に変換は大変な作業?
ホームページ作成・プログラミング
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ガラケーサイトの一般的な画面...
-
ホームページの作り方
-
ブラウザ毎の振り分け
-
wordなどのファイルを開くタグ
-
ホームページ、iPadやiPhoneで...
-
HPビルダーのフレームページ...
-
HTMLからフォルダを開きたい
-
Excelで、社外秘(閲覧のみ)と...
-
社内で利用するWebサイトを立ち...
-
HTMLページが勝手にダウンロー...
-
iPadの標準ブラウザでローカルH...
-
htmlの中にexcelが埋め込むには...
-
java_run.batがダウンロードで...
-
htmlファイルの表示が真っ白
-
一つのリンクに複数のURLを指定
-
Webサイトから、txtファイルを...
-
SSIでインクルードしたファイル...
-
<a href=…></a>で表示されない。
-
googleドライブで、PDFファイル...
-
Excelファイルをダウンロ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ホームページ、iPadやiPhoneで...
-
画面は固定と可変のどちらがい...
-
ホームページを作っているので...
-
ホームページ制作、SPサイトの...
-
スマホでPCサイト見たらスマホ...
-
携帯HPナノ ナノという文字につ...
-
WEBデザイナーのフォトショ中級本
-
この容量はテキストサイトとし...
-
ソリッドレイアウトとリキッド...
-
レスポンシブがよくわからない
-
デザインとコーディングは同一...
-
デザイナーの方にWEBデザインを...
-
検索順位に詳しい方
-
ブラウザ毎の振り分け
-
カラム落ちの何が悪いのか
-
PC用サイトをスマホに最適化す...
-
携帯電話(ガラケー)でのデザ...
-
Androidスマホで表示されるサイ...
-
携帯とスマホの両方で見栄えの...
-
ページ内のリンクが外れてしま...
おすすめ情報