最近のHP制作トレンドとスマホ対応のポイント
- 最近のHP制作トレンドはデザインテンプレートを活用することが主流です。フレームやテーブルの使用は古いとされています。
- スマホ対応を考える際は、レスポンシブデザインやモバイルファーストの考え方を取り入れることが重要です。
- 無料サーバーではなく、有料の専用サーバーを利用することで安定性やセキュリティ面も向上します。
- ベストアンサー
最近のHPについて
ハンドメイド品の宣伝用HPを作成しようと思っています。 過去に制作した作品画像を紹介したり、次回の出店予定を報告するような簡単な内容のものを考えています。 昔（2005～2010年頃）に趣味のHPを作っていて、それを基盤に新しく作りなおそう…としたのですが、最近（2015年現在）のHPに比べると古臭い気がします。 そこで質問ですが、 ・最近の主流の作りはどのようなものが多いのでしょうか？ ・また、スマホが主流になってきているのでスマホでも表示できるようにしたいのですがその際気をつける点はありますか？ 昔つくっていたHPは、 ・メモ帳にhtmlを書いて、フレーム分割、スクロールバーの修飾、テーブルや<center>で位置を指定など。 ・スタイルシートで文字の色などの共通ページの基本設定。 ・FTPでアップロード、無料サーバーは忍者やfc2。 というような感じでした。 しかし、今はフレーム・テーブルを使用するのは古いそうで…。 無難に最初はデザインテンプレートをお借りして、そこから勉強していこうかな…とも思っています。 基本的な質問ばかりですみませんが、よろしくお願いいたします。 （蛇足ですが、ブログなどhp以外の方法は考えていません）
- fmmuf08
- お礼率40% (2/5)
- CSS
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
スマホ対応を考えるならシングルページで作ったほうがいいでしょうね。 http://ascii.jp/elem/000/000/921/921580/ テンプレートもありますので、ここから練習するといいでしょう。 http://websae.net/html5-templates-20140519/
その他の回答 (1)
Bootstrapというデザインテンプレートセットを利用するのがいいと思います。 いいところは ・無料です。 ・デザインが最近の流行のパターン。 ・世界中で利用されているので安心。 ・専門的な知識なく、PC・スマホ両対応のホームページを作成できる。 導入は下記が参考になると思います。 Webデザイン初心者でもできる、Bootstrapの使い方超入門 http://www.atmarkit.co.jp/ait/articles/1403/19/news034.html
お礼
回答ありがとうございます。 参考にさせていただきます！
関連するQ&A
- ＨＰのテーブルについて。
こんにちわ。 最近ＨＰを作り始めました。すっかりはまってしまっています。 もっとカッコイイＨＰにしたいのですが、 フクザツな(？)テーブルの作り方がわかりません。 基本的な作り方は大体わかるのですが、もっとオシャレでカッコイイ テーブルを作りたいと思っています。 素敵なテーブルの作り方や、作り方のわかるHPをご存知の方、 是非教えて下さい☆ 非常にわかりにくい文章ですが伝わるでしょうか…？
- ベストアンサー
- HTML
- HPのテーブル組みについて。（初心者です）
HPの基本的なことについての質問です。 HPの構造って、細かなテーブル組みをしていますよね。 あれだけ細かなテーブル組みをする必要は何でしょうか？ 一度、業者に会社のHP作成を頼んだことがあるのですが、かなり細かなテーブル組みをしていました。 別に、あんなに複雑なテーブル組みをしなくても、ビルダーなどのソフトだと大まかなフレームだけ決めておけばよいのではと思うのです。 質問は、細かくテーブル組みをするのはどうしてでしょうかということです。 あまり知識がないので、こんな疑問を感じるのだとは思います。初心者でも分かるように教えていただければうれしく思います。
- 締切済み
- ホームページ作成ソフト
- DreamweaverでDivでHPを作る方法
今までDreamweaverでテーブルを使ってHPを制作していましたが、最近テーブルではなく、divを使って作る方法が主流になっているとのことで、どうやって作ったらいいのか教えて欲しいです。 検索で調べて見ましたが、中々分かりやすいものがないので、どなたか分かりやすいサイトなどございましたらご紹介くださいませ。 また、Divタグを挿入してみましたが、デザイン画面ではテーブルを使ったときのような表示にならずに、「class "a1" id "q" の内容がここに入ります」と表示されました。 Divを使ってテーブルで制作するように「デザイン」を見ながら、ビジュアルで確認しながら作っていけるのでしょうか？
- 締切済み
- その他([技術者向] コンピューター)
- 無料ソフトでもサイドメニューの固定は可能？
簡単なホームページをつくろうと思って無料ソフトを探しています。 フレームではなく、ライブラリーを使ってサイドバーを固定したページにしたいのですが、 無料ソフトでも可能ですか？ その場合、おすすめはありますか？ むかーし、勉強した記憶をたどって、あとは本でも読んでやろうとおもってます。 基本中の基本のhtmlやtableはわかるのですが、 あと、当時はフレームが主流だったので、実はライブラリーでのサイドバーの 固定はやったことないのですが、なんとかやってみるつもりです。
- ベストアンサー
- ホームページ作成ソフト
- ＦＦＦＴＰが使えない…
こんにちわ。 最近自分でＨＰを立ち上げてみようと思い、無料ＨＰレンタルサーバー（忍者ＴＯＯＬＳ：http://www.shinobi.jp/）を借りてＨＰを作っている最中なのですが、ＦＦＦＴＰの設定が上手くいきません。私の設定がおかしいと思うので私がいつも設定している方法を書きます。 【普通の接続の場合】 ・ホストの設定名→自分のＨＰのタイトル ・ホスト名→忍者ＴＯＯＬＳのＦＴＰサーバアドレス(ホスト名・接続先のサーバー名) ・ユーザー名→忍者ＴＯＯＬＳのＦＴＰユーザ名（ユーザーＩＤ） ・パスワード/パスフレーズ→忍者ＴＯＯＬＳのＦＴＰアクセスパスワード ＊ちなみにホスト名とユーザー名は名前が一緒です。 【クイック接続】 ・ホスト名（アドレス）またはＵＲＬ→忍者ＴＯＯＬＳのＦＴＰアクセス方法 ・ユーザー名→忍者ＴＯＯＬＳのＦＴＰユーザ名（ユーザーＩＤ） ・パスワード/パスフレーズ→忍者ＴＯＯＬＳのＦＴＰアクセスパスワード ＊ＰＡＳＶモードはＯＮになってます。 また、ユーザー名とパスワードは普通に接続するときと同じにしています。 何度やってみてもやっぱり駄目で、下に「ホスト～（ここにはホスト名（アドレス）またはＵＲＬが出てきます。）がみつかりません」と出てきてしまいます。 回答よろしくお願いします。
- 締切済み
- レンタルサーバ・ASP
- FFFTPでアップロードできない。
私は忍者ツールでHPを作っています。 でも、最近FTPでアップロードしようとすると 「ログインできません。」と出てしまいます。 FTPのサイトで調べたところ、サーバー落ち以外 考えられないのですが、どうやらサーバー落ちしていないみたいです。 どうすればいいでしょうか？？ 本当に困っています。 どなたか助けてください。 ふみコミュで聞いたのですが解決しませんでした。 此処で解決しなかったら２chへ行ってみようと思っています。こわいけど。
- ベストアンサー
- その他(ソフトウェア)
- フレームのHTMLタグ
最近NINJA TOOLSのレンタルサーバー（？）で、HPを作ったのですが、フレームの作り方が分かりません。 しかも、下記のページで作ったフレームは上手く表示できません。 →http://fmaker.s181.xrea.com/index.html フレーム用のHTMLタグって、あるのかどうか分かんないんですけど…。 もしあるんでしたら、教えてください。 分かりにくい質問でごめんなさい。 回答、お願いします。
- ベストアンサー
- ブログ
- 外付けHDDの交換
外付けHDDを使っています。 最近「カッコン、カッコン」と異音が発生するので、交換しようと思っているのですが、基本的に壊れた内蔵のHDDを交換すれば作動するものなのでしょうか？ 昔、ウインドウズに何GB以上は認識しないなんてことがあったような気がしますが、大容量品を買っても認識しないってことはありえますか？ 外付けHDDのパソコンと接続している基盤自体が認識できないのではないかと思っています。 また、最近はシリアルATA？みたいなケーブルが主流みたいですが、その外付けHDDの内部と基盤をつなぐケーブルは昔のパラレル？なので互換性がないと思うのですが、その場合は変換ケーブルなどが必要なのでしょうか？
- ベストアンサー
- その他(PCパーツ・周辺機器)
- HPビルダーの転送先設定について教えて下さい。
. 40代男性です。つい最近になってパソコンやスマホにはまり出しました。 まだ要領が全く分かっていません… 自分のHPを持ちたいと思い、ホームページビルダー16を購入し、作成いたしました。 本来、作成前に公開先プロバイダーの設定をしなければならないのですが、それをせずに作り始めてしまい、今、どうしてよいかわからず四苦八苦しております。 私の利用しているプロバイダーは、ケーブルテレビの「ZAQ」なのですが、HPビルダー16のプロバイダー選択には無いので、「その他」を選択して ・ FTPサーバー名 ・ FTPアカウント名 ・ FTPパスワード を入力したのですが、その後の ・ 転送先フォルダ ・ 転送設定名 の箇所に何を記入すればよいのかわかりません。 ZAQに問い合わせしているのですが、 「現在混み合っており、暫くお待ちください。折り返しご連絡させていただきます。」 と言う対応を最後に、いまだ返答がありません…・ この箇所は何を記入すればよいのでしょうか? お分かりになる方、教えて頂けないでしょうか? 宜しくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
お礼
回答ありがとうざいます。 シングルページ…最近のものはゴテゴテせず見やすくていいですね。 ありがとうございます。