ＷＥＢ制作　デザイン企画バインダー

Q.176

WEB制作でCSS以外(画像の場合)でのフォント指定は何にすればいいでしょうか？ホーム...

WEB制作でCSS以外(画像の場合)でのフォント指定は何にすればいいでしょうか？ホームページ制作で、CSSでのフォント指定はfont-family:"ヒラギノ角ゴProW3"、"HiraginoKakuGothicPro"、"メイリオ"、Meiryo、Osaka、"ＭＳＰゴシック"、"MSPGothic"、sans-serif;の様にしているのですが、文字を含む画像(例えばナビゲーションのボタン等)制作の時は、上記にある書体の内なら何の書体を選択したらよいでしょうか？現在はヒラギノ角ゴProを使用しています。そもそも特殊な書体を使わないなら画像にはしない方がいいとは思うのですが、日本のWEB業界で画像でもよく使用される書体を知りたいです。できればその理由も教えて頂ければうれしいです。わかりにくい書き方ですが宜しくお願いします。

A.176

WEB制作でCSS以外(画像の場合)でのフォント指定は何にすればいいでしょうか？ホームのベストアンサー

一昔前はモリサワの新ゴがよく使われていました。理由は、当時多くの書体が印刷した際に綺麗に見えるような設計であったため、モニタ上では文字がにじんだりと可読性に欠ける場合が多かったのですが、新ゴは字ずらがプレーン、線の太さが限りなく均一、ふところが深い、エッジに余計な飾り（ひげみたいなもの）がない等の理由でモニタ上でも割と読みやすく、かつWEBサイトの先進的な印象にマッチするデザインだったからだと考えられます。グラフィックデザインからウェブデザインに転向してきた人達は紙媒体の名残で、ロダンを愛用している人が結構いますね。あとは無料で商用利用が可能なお試し版がダウンロードできるAXISフォントを利用している人も見かけます。いずれも文字のデザインに無駄な装飾がなく、モニタ上でも小さい文字が読みやすいプレーンなゴシック体が一般的に好まれるようです。現在ではメイリオのようにWEBでの文字組みやモニタ上で表示した際の読みやすさを考慮した書体（UD系書体）が各メーカーから発売されています。あまり普及はしていないようですが、これからはそういった印刷主体ではなくスクリーン表示向けの書体が主流になる、かもしれません。ちなみに画像にするのにMS系ゴシックを使うとデザイナー連中から「ナンセンス」とののしられるｗのでご注意を。

Q.177

web制作で、レイアウト崩れの原因がわからず困っています。divタグで囲んだ...

web制作で、レイアウト崩れの原因がわからず困っています。divタグで囲んだボックスの中にpやulなどのタグを入れる、簡単な構造なのですが、これらのタグをdivタグの直後に入れると、CSSが上手く反映されず、レイアウトが崩れてしまいます。たとえば、bodydivclass="box"p●○/p/div/bodyというページで、CSSにてboxに背景色を指定し、pにmargin-topを指定すると、pでなくdivclass="box"に余白がとられてしまいます。また、その他の例としてここでのpにbackground-colorを指定すると、pがdivボックス内に収まらず、その上に表示されてしまうのです。複数のブラウザで同じ現象が確認されたので、ブラウザごとの問題ではないと思います。divとp（あるいはul）の間にbr/などを挟むと問題は生じないので、制作上はそれほど問題ないかもしれませんが、なぜこういった現象が起こるのか知りたいと思っています。私としては、divもpブロック要素であることが何か関係あるのではないかと睨んでいます。私はweb制作を独学で始めたばかりの初心者で、以前にも数度、このサービスを利用していろいろとご教示頂きましたが、今回また理解できない現象にぶつかってしまったため、投稿しました。何かわかる方はご教示お願い致します。

A.177

web制作で、レイアウト崩れの原因がわからず困っています。divタグで囲んだのベストアンサー

shopping_lowさん＞divタグで囲んだボックスの中にpやulなどのタグを入れる、簡単な構造なのですが、これらのタグをdivタグの直後に入れると、CSSが上手く反映されず、レイアウトが崩れてしまいます。cssのバグによるものか、単にcssやタグの記述にミスがあるのか、これだけでは判断できませんので、問題のページのurl（もしくは同様の状態になるtestページのurl）を提示しませんか。＞問題を確認するために使ったコードを掲載します。テストしてみました。divが下がるのは多分バグです。参考先にあるように、divにborderを指定するか、pへのmargin-topをやめてdivにpadding-topを指定する、positionを利用する、という方法で回避可能です。（個人的にはpaddingが一番簡単かなと思います。paddingで上下方向のバグはなかったはずですし）＞pがdivボックス内に収まらず、その上に表示されてしまうのです。えーと……同じ現象でしょうか？pのほうが長くなると、divの高さは変わらず、下が突き抜ける形になる？（上に飛び出るという場合は分からないです…）pのほうが長くなる、という場合。これはdivのheightを指定しなければ問題なく。pが300pxより少なくてもdivは300pxであってほしいなら、min-height:300px;で対処できると思いますが、どうでしょうか。

Q.178	Web制作に詳しい方にお尋ねしますこの様なHPを作れるようになってみたいのですが、...
Web制作に詳しい方にお尋ねしますこの様なHPを作れるようになってみたいのですが、どの様な言語を勉強すればいいですか？

A.178	Web制作に詳しい方にお尋ねしますこの様なHPを作れるようになってみたいのですが、のベストアンサー
最低でも以下の2つが必要かと思います。1)HTML+CSS-WEBページの基本2)FLASH(Actionscript)-動的ページの定番その他にも制御系でJavascriptを覚えておくといいと思います。

　
　ＷＥＢ制作会社

Q.179

PHPとMySQLで、フォームから入力したデータを、データベース（MySQL）に登録させる...

PHPとMySQLで、フォームから入力したデータを、データベース（MySQL）に登録させる仕組みを、いま勉強してるのですが、あるWeb制作者のサイトのソースを見ていたら、input要素のname属性の中に[や]の記号が含まれていました。※こんな感じです↓form[name]form[mail]form[title]form[body]そこで質問です！(_)①name属性に[や]などの記号は使えるのですか？？②それとも、[や]の記号はもしかして、配列を意味してるのでしょうか？(?_?)HTMLやPHP、MySQLなどに、お詳しい方がおりましたら、ご教授お願いします！(_)

A.179	PHPとMySQLで、フォームから入力したデータを、データベース（MySQL）に登録させるのベストアンサー
ＰＨＰの公式マニュアルが参考になると思います。

Q.180

はじめまして、愛媛県のWEB制作会社で働いているものです。今、賃貸会社様のHPをリ...

はじめまして、愛媛県のWEB制作会社で働いているものです。今、賃貸会社様のHPをリニューアルするために制作しています。県外からのお客さんが賃貸マンションを探す際に重要とする項目を教えてください。詳細：愛媛県外から愛媛に転勤や大学で引越しをしないといけない場合、賃貸会社のHPを探し、ある賃貸会社のHPにたどり着いたとします。その際、「学校で探す」や「沿線で探す」「地図から探す」など検索項目が大体出てくると思います。その項目で必ず必要となる！もしくは、この項目は絶対必要！といった項目があれば何点でも構いません。教えてください。実際の契約者様の目線から見た、見やすく探しやすいHP制作を目指しています。可能であれば、必要とされる項目の流れを記載していただきたいです。たとえば、「路線」→「家賃」→「間取り」→「新築」などです。長文で申し訳ありませんがよろしくお願いいたします。

A.180

はじめまして、愛媛県のWEB制作会社で働いているものです。今、賃貸会社様のHPをリのベストアンサー

契約者様の目線で絶対必要な項目ですか、、、。絶対で無ければたくさんありますが。ようは検索する側は一人暮らしする学生、もしくは新社会人でしょ。転勤の場合は会社がある程度考慮してくれるからそこまで需要は無いと思うけど、お金が無い人達がほとんどだから男性は「地名もしくは大学名」「一人暮らし」「格安」「物件」もしくは「アパート」でまず検索女性はそれに「安全」「セキュリティ」「築年数○○以内」とかを加える。WEBでの検索以上に不動産屋さんの契約成立に効果的なのは、餌釣り物件を必ず入れる事。そのために必要なのは「家賃」「間取り」「外観」「内装」後は、安心度を増すためには周りの利用者の年齢層や学生さんオススメのアパートなら「○○大学の学生も利用しています。」「通勤通学に便利」に加えて、ひとつひとつの物件の地図が提示されてると検索の手間が省けて便利。

　　

トップページ

東京不動産投資｜東京収益物件｜お絵かき掲示板ﾚﾝﾀﾙ｜無料の携帯ホームページ｜無料ウィルス対策｜MSオフィス互換｜動画を無料で見放題｜転職相談｜回春｜出会い｜無料ﾚﾝﾀﾙ｜人気商品｜出会い｜デイサービス｜デイサービス開業｜iPhone修理恵比寿｜iPhone修理｜無料ホームページ｜女の子｜クリック保証｜ホテル予約｜韓国｜無料オンラインストレージ

ＷＥＢ制作 デザイン企画バインダー

ＷＥＢ制作　デザイン企画バインダー