横浜 ホームページ制作
「格好良いホームページを持ちたい！」「そろそろリニューアルをしたい！」「集客用の別サイトを持ちたい」など、WEBサイトを作る目的は人により様々ですね。
横浜のホームページ制作会社アイエムシーでは、お客様の様々な目的に応じて、最適な「機能」と「デザイン」を形にします！
アイエムシーの制作実績
 湘南ワイン様 |
 株式会社大島測量事務所様 |
 港南台オレンジ歯科様 |
 大樹建設株式会社様 |
 有限会社みのる測量設計様 |
 おおはら整体様 |
 JapanSportsRevolution様 |
 タイタンズ様 |
 株式会社REC様 |
 呉屋和春様 |
 覇王堂様 |
 日本商品委託者保護基金様 |
 富塚修事務所様 |
 三洋堂様 |
 Ruvivle様 |
 ブライアン・トレーシー様 |
質問
あなたのホームページの目的は何ですか？
さて、いきなり「ホームページの目的」といわれても、ピンと来ないと思います
しかし、これはとても重要なポイントです。何故なら目的によってホームページの内容が変わってくるからです。目的は一つでなくいくつかを兼ねる事もあります。あなたに取って「コレだ！」と感じる目的は見つかりますか？もし以下の目的に心当たりが有れば私どもがきっとお役に立てると思います。
サイト制作の流れ
制作に当たってのご相談からページの納品まで、ホームページ制作に関する作業の流れをご紹介します。
ご不明な点は、どうぞお気軽にお問い合わせ下さい。
私達の５つのお約束
- 難しいIT専門用語は使いません。
カタカナ用語やIT専門用語を使わず、簡単な言葉で親切な対応を心がけます！ - 成果の上がるピッタリのご提案をします。
無駄を省き、ピンポイントで効果の上がるご提案をします！ - ホームページを作った後も、しっかりサポートします。
「生きたホームページ」を一緒に育てます！ - 明朗会計です。
支払い条件もご相談に乗ります！ - 価値あるホームページを作ります。
常に最新の情報を集め、最適なタイミングでご提案します！
キャンペーン実施中！
横浜 制作スタッフコメント
HTMLの話：pre 【横浜 ホームページ制作 嶋田】
HTML文書では、改行やタブ、半角スペースを入れても、実際のホームページの表示には反映されません。HTML文書の中でタブやスペースを使って文章の形を整えても、ウェブで見てみるとまったく意味が無い、ということがあります。
preタグは、囲った部分の文章をそのまま表示するタグです。
改行、スペース、タブなどを、すべて書かれたとおりに表示し、行がボックス要素の端に届いても自動改行をしません。
このタグは、一見非常に便利に見えますが、ページの端で自動改行をしないので、場合によって横スクロールしてしまうことがあります。また、preタグの中の文字はすべてそのまま表示されるので、中でタグが使えません。
本来、HTMLのソースやプログラムコードを表示するためのタグですので、プログラマーの方たちの相談や交流などに使われているようです。
普通のホームページ制作にはほとんど使うことはありません。
preタグは、囲った部分の文章をそのまま表示するタグです。
改行、スペース、タブなどを、すべて書かれたとおりに表示し、行がボックス要素の端に届いても自動改行をしません。
このタグは、一見非常に便利に見えますが、ページの端で自動改行をしないので、場合によって横スクロールしてしまうことがあります。また、preタグの中の文字はすべてそのまま表示されるので、中でタグが使えません。
本来、HTMLのソースやプログラムコードを表示するためのタグですので、プログラマーの方たちの相談や交流などに使われているようです。
普通のホームページ制作にはほとんど使うことはありません。
WEBセーフカラー 【横浜 ホームページ制作 佐藤】
最近ではあまり、使わなくなってきましたが、ホームページを制作している中で、問題となるのパソコンの機種によって色彩の表現が違う事です。
そこで、WindowsでもMacでも確実に同じ色ぐらいで表現をしたい時には、WEBセーフカラーが必要です。
216色が共通する色ですが、フルカラーと呼ばれる１６７０万色に比べると、どうしても細かいグラデーションなどは苦手。
ここぞという時には、WEBセーフカラーを使う感じは、テニスの第二サーブといった感じですね。
そこで、WindowsでもMacでも確実に同じ色ぐらいで表現をしたい時には、WEBセーフカラーが必要です。
216色が共通する色ですが、フルカラーと呼ばれる１６７０万色に比べると、どうしても細かいグラデーションなどは苦手。
ここぞという時には、WEBセーフカラーを使う感じは、テニスの第二サーブといった感じですね。
HTMLの話：blockquote 【横浜 ホームページ制作 嶋田】
今回のタグも、よく使う方、まったく使わない方がはっきり分かれるのではないでしょうか。
blockquoteは、block（ブロック）で、quote（引用する）タグです。他のサイトや文献、ブログ等から文章を引用するときに、このタグで囲って、その範囲が引用であることを明示するために使います。
ブロック要素ではなく、インライン要素（1行の中で使う場合）の引用は、qタグを使います。
スタイル指定をしない場合、blockquoteは左右に空間のあるボックスを作ります。
なので、手軽に左右の余白を取りたい場合にblockquoteを使うケースがありますが、これは本来の用法ではないので、余白はスタイルシートで指定するようにしましょう。
blockquoteは、block（ブロック）で、quote（引用する）タグです。他のサイトや文献、ブログ等から文章を引用するときに、このタグで囲って、その範囲が引用であることを明示するために使います。
ブロック要素ではなく、インライン要素（1行の中で使う場合）の引用は、qタグを使います。
スタイル指定をしない場合、blockquoteは左右に空間のあるボックスを作ります。
なので、手軽に左右の余白を取りたい場合にblockquoteを使うケースがありますが、これは本来の用法ではないので、余白はスタイルシートで指定するようにしましょう。
色々とイロを使ってはイケマセン！ 【横浜 ホームページ制作 佐藤】
ホームページ制作する上で、必須の画像レタッチソフトには、画像に変化効果を加えるフィルターなど各種のレタッチ機能があります。
いじっていると、段々ハマッテしまい気がついたら延々と、各種フィルターを適用しつづけたりｗ
色については、注意が必要で、ポイントだけに気を配り、細部にわたって作りこんでいると、全体のバランスが崩れてしまう「木を見て森を見ず」という状態になりがちです。
全体のバランスをみて、あえて色を押させて使うのがオシャレというモノですね。
いじっていると、段々ハマッテしまい気がついたら延々と、各種フィルターを適用しつづけたりｗ
色については、注意が必要で、ポイントだけに気を配り、細部にわたって作りこんでいると、全体のバランスが崩れてしまう「木を見て森を見ず」という状態になりがちです。
全体のバランスをみて、あえて色を押させて使うのがオシャレというモノですね。
HTMLの話：dl、dt、dd 【横浜 ホームページ制作 嶋田】
前回に引き続き、リストを作るタグです。dlタグは「定義リスト」と呼ばれるものを作ります。
olやulと違うところは、リストの項目に対して説明（定義）が付いているということです。
実際のHTMLは
<dl>
<dt>リスト項目1</dt>
<dd>リスト項目1の定義</dd>
<dt>リスト項目2</dt>
</dd>リスト項目2の定義</dd>
・
・
</dl>
となります。
表示は
- リスト項目1
- リスト項目1の定義
- リスト項目2
- リスト項目2の定義
のようになります。
このホームページにもある用語集など、単語と説明を並べて掲載するときによく使います。
慣れないうちは使い勝手が悪く感じますが、使ってみるとなかなか便利なタグです。
宅ファイル便は便利です 【横浜 ホームページ制作 佐藤】
メールでデータをやり取りをするには、データが大きすぎる場合があります。
文字のデータはいくら送っても大丈夫ですが、画像データやPDFファイルだとそうも行きません。
メールで無理やり送ろうとするのは、マナー違反・・・
そんな時便利なのが、宅ファイル便というサービスです。
送りたいデータを、大きなサイズが苦手なメールサーバではなく、大きなファイルでも大丈夫なサーバに送ります。そして、データを送りたい相手には、データそのものではなくて、データをここからダウンロードして下さいという案内が送られる仕組み。
直接メールでデータを送るわけでは無いから、大丈夫です。
登録するだけで無料で使えるので、お奨めです！
文字のデータはいくら送っても大丈夫ですが、画像データやPDFファイルだとそうも行きません。
メールで無理やり送ろうとするのは、マナー違反・・・
そんな時便利なのが、宅ファイル便というサービスです。
送りたいデータを、大きなサイズが苦手なメールサーバではなく、大きなファイルでも大丈夫なサーバに送ります。そして、データを送りたい相手には、データそのものではなくて、データをここからダウンロードして下さいという案内が送られる仕組み。
直接メールでデータを送るわけでは無いから、大丈夫です。
登録するだけで無料で使えるので、お奨めです！
HTMLの話：ol、ul、li 【横浜 ホームページ制作 嶋田】
olとulはそれぞれリストを作るためのタグ、liはリスト項目を作るタグです。使い方としては
<ol>
<li>リスト項目1</li>
<li>リスト項目2</li>
・
・
</ol>
もしくは
<ul>
<li>リスト項目1</li>
<li>リスト項目2</li>
・
・
</ul>
となります。olは番号など、通し番号付きのリスト、ulは順番無しのリストです。olの方で順番を表す記号を何にするか（アラビア数字、ローマ数字、アルファベットなど）は、スタイルシートを使って指定できます。
ブラウザでの表示のみを考えるなら、divやbrを使っても変わりませんし、特にulの方は通し番号が付く訳でもなく、ただ羅列するだけなので、それほど使う必要性の無いタグかも知れません。自分は割とよく使いますが。
このタグは、スタイル指定をしない状態だと、ブラウザによって余白の取り方にかなり差が出るので注意が必要です。
<ol>
<li>リスト項目1</li>
<li>リスト項目2</li>
・
・
</ol>
もしくは
<ul>
<li>リスト項目1</li>
<li>リスト項目2</li>
・
・
</ul>
となります。olは番号など、通し番号付きのリスト、ulは順番無しのリストです。olの方で順番を表す記号を何にするか（アラビア数字、ローマ数字、アルファベットなど）は、スタイルシートを使って指定できます。
ブラウザでの表示のみを考えるなら、divやbrを使っても変わりませんし、特にulの方は通し番号が付く訳でもなく、ただ羅列するだけなので、それほど使う必要性の無いタグかも知れません。自分は割とよく使いますが。
このタグは、スタイル指定をしない状態だと、ブラウザによって余白の取り方にかなり差が出るので注意が必要です。
北京オリンピックも終わり 【横浜 ホームページ制作 佐藤】
大騒ぎだった北京オリンピックも終わりですね。
この大会で、中国は一時的に景気が向上するでしょう。
ホームページ制作の海外アウトソースとして営業のメールが
中国からのものが増えています。
今後もこの動きは加速するでしょうね。
制作する人的パワーでは、全く適わないでしょう。
やはり独自性を出せるホームページ制作業が今後必要とされてゆくと感じています。
ホームページ制作会社のオリンピックはこれからです。
この大会で、中国は一時的に景気が向上するでしょう。
ホームページ制作の海外アウトソースとして営業のメールが
中国からのものが増えています。
今後もこの動きは加速するでしょうね。
制作する人的パワーでは、全く適わないでしょう。
やはり独自性を出せるホームページ制作業が今後必要とされてゆくと感じています。
ホームページ制作会社のオリンピックはこれからです。
HTMLの話：img 【横浜 ホームページ制作 嶋田】
現在、ホームページをデザインする際に画像は欠かせません。imgタグは画像を表示するためのタグです。指定した場所の画像を読み込みます。
ただし、画像を表示しない環境でも意味が通じるようにするために、画像の代わりになる言葉を指定しておくことが必須とされています。タグの中で「alt="代わりになる言葉"」と書き込んで指定します。このalt属性は、検索エンジン対策の上でも重要です。
また、表示する画像の大きさを指定できます。使う画像に合わせて指定しましょう。
ただし、画像を表示しない環境でも意味が通じるようにするために、画像の代わりになる言葉を指定しておくことが必須とされています。タグの中で「alt="代わりになる言葉"」と書き込んで指定します。このalt属性は、検索エンジン対策の上でも重要です。
また、表示する画像の大きさを指定できます。使う画像に合わせて指定しましょう。
星野ジャパン惜しかった！ 【横浜 ホームページ制作 佐藤】
銅メダルを逃してしまいましたね。
近年の日本の野球のレベルの高さと、
あの星野監督が、プロ選手で挑んだのだから、
勝てそうだと思っていましたが、勝負の世界は分かりません。
近年の日本の野球のレベルの高さと、
あの星野監督が、プロ選手で挑んだのだから、
勝てそうだと思っていましたが、勝負の世界は分かりません。
