WEBデザインHTML+CSSと原稿へのマークアップをどっちを先にすべきか
解らなくなってしまいました。
今から個人のページを作ろうとする場合、WEBデザインなど、どんな
デザインにするかはまだ決めていないとして、とりあえず、伝えたい、
原稿をテキスト入力して、構造化(マークアップ)、整理するって感じで
デザインはあとからどうにでもなるんでしょうか?
先に、最終デザインばっかりを考えて、手がでない状態になりがちです。
最終デザイン(2段カラムレイアウトやそのカラムのボーダ色など)を先に
HTML+CSSで書くべきか、それとも原稿が先でその原稿に対しての基本的な
マークアップが先が教えてください。
先にデザイン枠だけ作って、ここにはコンテンツAをいーれよっ!
で、そのコンテンツ(原稿)は後から、マークアップ・・・・
っていう逆の流れって実務上おかしいんですかね?
説明が下手ですいません。
よろしくお願い致します。
No.1ベストアンサー
- 回答日時:
状況によりどちらも正解、ではないでしょうか?
デザイン先行ならば、デザインだけ作り、後からテキストを入れてマークアップでいいでしょう。
マークアップしたタグに対するスタイルは既に出来上がっているのですから、マークアップすれば即デザインが反映される、という訳です。
もうテキスト(原稿)は出来ているけれど、デザインが決まっていない場合、先にマークアップだけしてしまい、デザインをしながらスタイルを適用していく方法でもいいでしょうし。
ただ、原稿が先行だと、メニュー部分を原稿の前に入れるのか後に入れるのか等でも可能になるデザインが変わるので、その辺は臨機応変さが必要でしょう。
個人的には、大まかなデザイン(既に完成形にしてしまってもいい)を先に作ってしまい、テキストを入れてマークアップしてデザインを反映させ、後は細部を煮詰めていく…というのがいいのでは、と思っています。
これならば、テキストの前にメニューを持ってくるのか後に持ってくるのか等も先に決められます。
またPHPが使えるならば、という条件はありますが、どうしてもデザインが決まらない!という場合は、マークアップした原稿部分だけを入れたPHPファイルを作ってしまい、ヘッダー、メニュー、フッター等は別ファイル化しておいて読み込んでもいいですね。
(ヘッダーのみデザイン変更したいとか、メニューを後から増やしたいとか、そんな場合にもファイルひとつを変更すれば全てのページが即書き換わりますし)
プロが教える教本では、先に大まかなデザインを決めたうえで(この時点でメニューを横並びにしてヘッダーの真下に入れよう、とか決まっている訳です)、テキストにマークアップをし、各部のスタイルを指定していく、という方法を採っています。
グダグダの訳の解らないデザインが、徐々にスタイル適用で形に出来上がっていく様は、初めて見ると結構感動します(笑)。
ご回答ありがとうございます!
やはり、どっちも正解って感じですね。
デザインを先にやってしまって、そこに入れるべき原稿を後から入力、
マークアップも普通にやっている。ってことを聞いて、自分が
おかしいのではないんだなぁ~っと安心しました。
ほんとWEB製作の世界は奥が深いです。最近では、結局WEB製作って
WEBデザイン(画像加工)じゃない?って思うんですよね。
なんか、イラレ、フォトショ使えないんじゃカンプすら
おこせないですよね。。。コーディングのみできるってのじゃ
WEB製作の世界は難しいですね~<(_ _)>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS webデザイン、HTML、CSSに詳しい方、これのHTML、CSSのコードを詳しく教えてほしいですm 1 2023/03/22 14:52
- Web・クリエイティブ 独学でwebデザイナーを目指すには 2 2022/09/17 16:27
- HTML・CSS お金をあまりかけずにプログラミングを勉強する方法を教えてください。 こんにちは。 Webデザイン系の 3 2022/08/05 03:22
- HTML・CSS WEBサイトの構築。表示データとWEBデザインを分離する考え方を専門用語・業界用語では何と言うか? 8 2022/09/27 09:16
- その他(プログラミング・Web制作) webデザインです。 プログラミンでの質問なのですが 手動でpc画面を下にスクロールするとスクロール 1 2022/10/10 22:01
- Web・クリエイティブ 未経験からのWebデザインとプログラマーについて。 4 2022/10/12 00:00
- Web・クリエイティブ 面接の練習用原稿なんですが、言ってることおかしくないですよね? 5 2023/01/19 20:56
- Web・クリエイティブ 今本当に悩んでいます。将来グラフィックデザイナーを目指し専門学校に通ってるのですが、正直グラフィック 1 2022/09/10 17:58
- 個人事業主・自営業・フリーランス こんな仕事の仲介をした場合、どれだけマージンを取れるでしょうか? 3 2022/10/10 13:48
- HTML・CSS Chrome のキャッシュについて 3 2022/05/26 07:50
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
篆刻の、持ち手のデザインをウ...
-
昔買った同じぬいぐるみをさが...
-
今のDIORショッパーのデザイン...
-
Excel デザインモードが起動し...
-
タトゥーについて。 質問を見て...
-
オリジナルデザイン、何に使っ...
-
Tシャツを作れるサイト
-
ロイヤルコペンハーゲン イヤ...
-
工学デザインとは文系?理系?
-
服のデザイナー
-
デザインセンスが全く無くても...
-
金属やプラスチックなど、固い...
-
この柄の名前を教えてください
-
この肘のタトゥーはなんていう...
-
こーゆーTシャツの縫い目が見え...
-
ハンドメイド商品を販売する時...
-
未成年の入れ墨
-
この文字体を探しています
-
刺青にある彫り師の名前
-
右クリックで画像を保存しよう...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
今のDIORショッパーのデザイン...
-
Excel デザインモードが起動し...
-
クラスTシャツのデザイン作成に...
-
デザインの専門学校に通う学生...
-
オリジナルデザイン、何に使っ...
-
最近こういう、雑誌の文字を切...
-
相談です
-
通園バッグにしようと思うので...
-
篆刻の、持ち手のデザインをウ...
-
この柄の名前を教えてください
-
ハンドメイドを始めようと思っ...
-
欧米人と日本人のデザインセン...
-
この肘のタトゥーはなんていう...
-
言葉の意味が解りません。
-
タトゥーの図柄が載っているサ...
-
肘にタトゥーを入れたいんです...
-
犬↔︎猫、赤↔︎緑などの対になっ...
-
今、ハンドメイドブームで刺繍...
-
工学デザインとは文系?理系?
-
ショップカードのデザイン料に...
おすすめ情報