• 締切済み

HTMLコーディングのわかりやすい例え。

web制作業を営んでおるものです。 超初心者のお客様からHTMLコーディングとは何ぞやという質問を受けるのですが、何かわかりやすい例えはありますでしょうか? 当方はPHOTOSHOP・FIREWORKSでデザインされたサンプルをお客様のご要望にそってアレンジし、0からコーディングするのですが、 よくあるテンプレートサービスとの違いがわからないというお問合せを頂きます。 完全なオリジナルではなく、予めグラフィックソフトで作ったデザインを見て頂きご要望に沿ってカスタマイズしていくセミオーダー的なものです。 アレンジ事例等を掲載しても、お客様はサンプルが存在する時点でテンプレートと判断してしまうようです。 コーディングはしていない状態なので柔軟性が圧倒的に違うことを訴求したいのですが・・・・。ちなみに価格も非常に安いです。自分で言うのもなんなのですがクオリティーも結構高い方だと思います。 口頭で説明しないで図解等で表現したいのですが初心者にもわかりやすい例えが浮かびません。 【当方のテンプレートサービスの定義】 HTMLコーディング済みで画像やテキストを変えるサービス ご教授お願い申し上げます。

みんなの回答

  • tanuki4u
  • ベストアンサー率33% (2764/8360)
回答No.1

日本人の体はだいたい同じ大きさです。 立って半畳、寝て一畳。 畳で何枚にするかで、六畳間とか四畳半とか簡単に住宅を設計できます。 なので、廊下とか階段も三尺弱の幅になっています。 日本人の大きさがだいたい同じ大きさなら問題ない。けど最近は日本人も大きいですし、老後対策に手すりをつけると階段が狭くってしょうがない。 そこで、でてきたのがメートル幅の階段。これは楽です。 ホームページで言うと、だれもが同じ間取りでOKですよと言うのであれば、テンプレートで問題ない。 けど、みんながそれぞれ自分の気持のいい間取りのページにするには、テンプレートだと狭く感じたり、広すぎて間延びした感じがしたり。 だから、スクラッチでコーディングする。 まぁ実際ソースを見ると、テンプレートは「使わないソースも隠されているので、重くってしょうがない」って感じなんですが。

関連するQ&A

  • デザイナーとHTMLコーディング担当の関係

    こんにちわ。カテ違いかもしれませんがこちらの方がWEBに精通していらっしゃる方が多く見てくれているだろうと思ったのでこちらに質問します。 当方小さなデザイン事務所のグラフィックデザイナーで、たまにWEBデザインもやっています。今度、新しいお客さまからホームページのお仕事をいただき、そのデザインを私ではなく先輩デザイナーが担当することになりました。コーディングは私しかできないので、私がやります。 しかし、彼はネットサーフィンをするくらいでWEBデザイナーではありません。HTMLの仕組みやユーザーインターフェイスなど、ほとんど理解していません。上がってきたデザインと「ここはFLASHで動かしてほしい」「ここはマウスを当てると色が変わるように」などの指示を聞いていると無理が出てきてしまって、複雑なテーブルを組むかCSSレイヤーを使いまくるかしないと彼の要求を叶えることはできず、重たいサイトになってしまいます。(FLASHで作ればいいのでしょうが、今回は予算の関係上ナシとなっております) こんな時、どちらがイニチアチブというか主導権を持って仕事を進めていくいほうが好ましいのでしょうか?先輩なのでなかなかダメ出しのしにくい状況ですが、WEBデザインは紙媒体と違うところを理解した上でデザインしてほしいのですが…。 アドバイスお願いします!!

    • ベストアンサー
    • HTML
  • HTMLテンプレートをDLできるおすすめサイト

    ウェブデザインテンプレートについて初心者です。 デザインテンプレートは無料ですよね?テンプレートを提供しているサイトはありますが、それらのテンプレートのソースを自分のサイトに使用し、加工したりしても良いのでしょうか?著作権などが心配です・・・。 また、HTMLテンプレートを無料で提供しているおすすめサイトがあれば是非教えてください!

  • HTML・CSSなどのコーディングチェックについて

    現在制作した、またはしているサイトのコーディングのチェックなんですが、不安が拭いきれません。 サイト制作初心者で申し訳ないのですが、お詳しい方々、是非コーディングチェックの方法についてアドバイスをください。 サイトはレスポンシブwebデザインで制作しました。 チェックした方法は・・・ (1)全HTMLと全CSSのコードを下記のW3Cのチェックサイトでチェック ttp://validator.w3.org/ ttp://jigsaw.w3.org/css-validator/ これは一切問題なくクリアできました。 (2)ie7~9、Chrome、Angel、Dolphin、Safariでのブラウザチェック 上記のブラウザではさしたるズレも差異もなくクリアできました。 厳密にはごくごくわずかなのはありましたが、デザイン上も表記上もそうとう詳細な比較チェックをしないと気が付かない程度の、気にするほどでもない微々たるものでしたのでクリアとしました。 (3)PC、タブレット(Nexus7及びiPad)、スマホ(Android及びiPhone)の各端末チェック これも同じく問題ありませんでした。 (4)SEO的にマイナス要素になる可能性がありそうなタグの使用チェック その界隈で超有名なSEO関連ブログを複数(海外SEO情報ブログ様やパシのSEOブログ様やその他複数)拝見させて頂き、それに記載のあるタグ類を指標とし、Google様のパンダ・ペンギンアップデート後にマイナス要素になる可能性がありそうなタグや無意味になってしまったタグ類を、片っ端からピックアップしてそれらが使用されていないかチェックしました。 それ以外にもあきらかにブラックな方法やちょっとでも怪しいタグは全部。 これらも一切使用しておらず、とりあえず最低限の問題はありませんでした。 以上、計4つのチェックは行いました。 とりあえずみてくれの体裁は整ったのですが、ものすごく!すっごく不安です! 上記以外に、何かチェックした方が良い項目や方法などありますでしょうか? ここはやはり、プロにコーディングチェックの依頼をしたりするべきなのでしょうか? 是非、ご教授ください。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • HTML編集・CSS編集ソフト

    お勧めのHTML編集・CSS編集ソフトを教えてください。 現在、HeTeMuLu Creatorを愛用していますが、こういう手打ち感覚のもので、他にいいものがないかなあと思っています。 HTMLは自分のレベル的には中級だと思いますが、CSSは、「CSSでデザインする」と言う面においては初心者レベルです。 要望としては、 ・idとかclassがごっちゃになるので、それをうまくまとめながらデザインできる。 ・marginとか何回聞いても忘れてしまうので、それを視覚的に見ながらデザインしたい。 ・プレビュー機能が欲しい。 ・手打ち感覚で、タグ候補が出る。 ・Kompozerは試してみましたが、使い方が判らず挫折しました…。 何かいいものがあれば教えてください!

  • フォームからHTML更新

    CGI初心者です。 今度自分の運営するHPで、情報コーナーを作ろうと思っています。 情報を持つ人が入力専用フォームからデータを入力し、それをあるページの一部にiframeとかで新着数件分を表示させたいと思っています。 HTMLでの入力フォームの作成くらいはできるのですが、そのフォームを送信して、iframeに表示するHTMLを作成するにはどうしたらいいかわかりません。漠然とCGIを使えばできるんだろうなという程度の知識です。 このようなのは何かサンプルコードのようなものがあるのでしょうか? もしくは何かおすすめの参考書などはありませんか? ちなみにコーディングの知識は、perl・C・JavaScriptなどの簡単なコードを読むことができる程度です。 よろしくお願いいたします。

    • ベストアンサー
    • CGI
  • HTML ソースの美しさってそんなに重要?

    今派遣で入って、IT系企業のWEB制作の手伝いをしているんですが、一緒に入って一緒にHTMLをいじっている人がやたらソースが奇麗な事にこだわっているんです。 プログラマの中で働いていたから、ソースの奇麗さには拘ると…。 でもその人の言うソースの奇麗さは、私のいじったHTMLが一行でも余計な改行が入っていたり、 図の様なdivの対応が判るHTMLになっていないと駄目で。    <div id="all">       <div id="medium">           <div id="small">           </div>       </div>    </div> 例えば全部左詰めの様なソースは美しくないし、そんなソースを書く人はウェブデザイナー失格だそうで、ヒステリックにこちらによく切れてくるんです。 大きなサイトを作る時は気をつけないといけないと思うのですが、数ページ程度、HTML4.01のサイトでも、改行が入っていればお客さんに恥ずかしいから!と怒ってくるんです。(お客さんはそんなにソースばっかり見てないと思うんですが…)でもそんなにソースの並びを気にするわりに、デザイナなのに肝心のデザインの方は法則が結構めちゃくちゃで、クオリティが高いとは言えません。 上記に書いた様な奇麗なソースに心がける事は気をつけてやっていますが、一箇所でもやっていないと機嫌が悪くなられるので、そんなに神経質にならないといけないのかと思います。 プログラマの方はそんなにそこまで神経質にソースの並びを気にされるものでしょうか。 私も今までプログラマばかりの会社で3社程働き、その内一つは上場企業で、数千万単位のデザインとコーディングもやってき、PHPもたまには一から書いてきたのですが、そんなに神経質の事を言われた事はありません。 こういう人にはどう言えばいいのでしょうか。 ちなみに正社員の人はそこまソースを美しく、ソースを美しくと言ってきません。

    • 締切済み
    • CSS
  • ASPでCSVをHTMLに吐き出したい

    お世話になります。 ●やりたいこと 用意されているCSVをサーバーの指定場所にアップロードするだけでHTMLで表として表示されるようにしたい。 (そのHTMLは、データをテーブルなどに入れたい。デザイン性も必要) サーバーがWindowsであるため、Perlなどは使えなかった。 Windows+IISで標準で使えるASP等で対応したい。 データは「,」区切りである。 ●教えていただきたいこと そのようなサンプルのあるサイト等を教えていただきたいです。 個人的には http://www.yasch.com/asp/sample.html の「テキストファイルの読み込みについて」が近いかな?という気がしましたが 読み込んで上で、「,」区切りを認識し分別し吐き出し(変数などをはめ込む必要あり?) デザイン面もいじれれば最高だな、と考えてます。 Perlですと http://cgiroom.nu/list/database/index.html の「検索専用データベース」が一番好ましいのですが 上記にも書きましたとおり、Perlが使用できないので動きませんでした。 ASPに関してはまったくの初心者ですがこれを機に勉強したいと思っております。 以上です。よろしくお願い致します。

  • HTMLとCSSのお勧めの本を教えてください

    ネットに上がっているHPのXHTMLやCSSを見ながらや XHTML・CSSの説明やサンプルなどのブログやHPを読みながら 基本独学でコーディングをしています。 レイアウトがうまくいかず、教えてgooにも沢山お世話になりました(^^;) しかし基本がよく分かっていないので 教えてgooの時もHTMLがおかしいやCSSの使い方が間違ってる等 ご指摘をよく頂きます。 やはり押さえる所は押さえないと…と思い HTMLとCSSの仕様書のようなものを探しています。 ※沢山読む時間がないのでCSSから読もうかと思います(>_<;) 仕事でうまくいかないのもCSSの部分が多いので… 自分で探したら、下記のような書籍はどうかなと思いました。 http://www.amazon.co.jp/Web標準XHTML-CSSデザイン-クリエイターが身につけておくべき新・100の法則。-加藤-善規/dp/4844324241/ref=cm_cr_pr_product_top 何かお勧めなものがあれば、よければ教えてください。

    • ベストアンサー
    • CSS
  • HTMLメールについて教えて下さい!

    36歳・女性・ グラフィックデザイナーをしております。 この度、 会社が引っ越す事になりました。 そこで ご挨拶代わりに 取引先などの方々宛の HTML(?)メールを 送る事となり 担当を任されたのですが... 実は、Webデザインは全くの素人でして(社内の人も...).. やっと現在 HTMLやDreamweaverのオンライン講習で 勉強中な身の上の私には さっぱり!制作方法が分かりません! 検索したり、 本を探したり...と してみたのですが... どうも「これだ!」なものが見当たりませんでした。 簡潔なものであれば Macのメール・テンプレートを 使用すれば良いのですが.... こちらに添付しましたイメージの ちょっとメルマガみたいな デザインを目指しております。 OKWaveの皆様で どなたか制作方法・もしくは 参考書など...をご存知の方 いらっしゃいませんでしょうか? 制作方法や 送信の際に気をつける事... 等々・何でも結構でございます。 因に Illustrator・Photoshopは 問題無く使用可能です。 簡単過ぎる問題で誠に恐縮です... 何卒・Web初心者に アドバイスをお願い致します!

  • サービス業・クリエイト業に対する価値観

    サービス業・クリエイト業に対する皆様の考え方や価値観をお聞きしてみたく、投稿させていただきます。 以下のような2種のデザイン会社があるとき、皆様はどちらを選ばれますか? 答えに加え、簡単な理由を添えていただけるとうれしいです。 A店。こちらの要望を初めに伝えて後はお任せすると、すばらしいクオリティのデザインをあげてくれるということで評判の高い会社。 B店。そこそこのクオリティのデザインが数種あらかじめ用意されていて、要望は出せないがその中より自由に選ぶことができる。 おおまかな例えになっていますが、ご一考のほど、よろしくお願いいたします。

専門家に質問してみよう