HTMLでタグを使う際の注意点

タグを追加してHTML文書を編集 した場合は、 HTMLファイルをWeb ブラウザーで開いて動作を確認しま しょう。追加した変更が思うように表示されていない場合は、次の点を チェックします。 タグの入力方法 タグは半角英数字で入力しなけれ ば認識されません。

全角スペースの有無 タグ内に全角スペースが入力され ていると 、正しく表示されない場合 があります。 終了タグの記述 多くのタグでは、終了タグが省略 されると動作しません。

font要素は、文字のサイズや色などを指定する際に利用する要素です。文字のサイズを指定するには、目的のテキス卜をと< /font> タグで囲み、「サイズの値」に 1から 7の数値を入力します。

なお、要素に属性を記述する際には、 のように 、要素と属性の間を半角スペースでつなぎ、属性の値を”( ダブルクォーテーション)で囲みます。font要素のsize 属性で、 1から 7の整数で文字のサイズを指定することができます。

HTMLバージョンのHTML5.0 では、テキス卜の装飾はcss で設定することが前提となるため、 font 要 素は廃止されます。 将来的なことを考えるとcss に置き換えておいたほうがよいでしょう。

更新とメンテナンスへの負担を考える

WEBサイトを開設する以前に外部サイトなどを利用してブログなどの掲載を行っていた場合、すべてを開設するWEBサイトのコンテンツとして埋め込めるのではなく、外部リンクなどを貼ることによって、アクセスしてくるユーザーたちを外部のブログページにリンクさせる方法も1つです。

トップページなどのメニューの一覧などに、分かりやすい形でユーザーたちをナビゲートすることがポイントとなってきます。

皆さんがWEBサイトを更新・メンテナンスしやすいWEBサイトの構成を考えることが、WEBサイトのデザインを考えるなかでも重要な要素となってくるでしょう。

店舗経営を試みながら同時にWEBサイトを運営していく手間は、皆さんにとって大きな負担になるかもしれません。WEBサイトの運営には、更新やメンテナンスのし易さも重要なキーとなるはずです。

上部ナビゲーション型のレイアウト

ページの上部は、一般的にはページ内でもっとも目立つ場所であり、ナビゲーションを明確に認識してもらうには適した場所といえる。

また、ナビゲーションはページを移動するためのツールであると同時に、サイト内での現在地を示す役割を担うことも多い。ページ上部に配置されたナビゲーションは、ページタイトルの位置とも近く、サイトの情造を示しやすい。

ホームページで、は、一般的に縦方向はスクロールして見ることが前提となっている。一方、横方向にはスクロールしなくても見ることができるようにしておく必要がある。

そのためページの横幅は限られていて、またホームページ上の文字は一般的に横書きなので、あまり多くのリンクを配置することは難しい。したがってサイトの構造としては、6つ程度の大分類で構成されるサイトに適したレイアウトだといえる。

サイト運営に関するタブー

お店のホームページ制作でお気を付けいただきたいことの1つに「文章表現」「写真の使い方」があります。「文章表現」に関しましては、政治や宗教上の思想を強く感じる表現やライバル店に対する批判コメントなどは、サイトを運営の管理者として配慮する必要があるでしょう。実際には法令違反に値するような文章でなくても、お客様やサイト訪問者たちが皆さんのお店のホームページ上のコンテンツ内容を目にした際に、気分を害したり、場合によってはキズつけてしまう内容や偏見ともとも取りかねない表現は控えるようにいたしましょう。近年ではLGBT関連に対するNGワードなどにも配慮が必要です。「写真の使い方」に関しましては、肖像権などの問題に関して、実際にご来店頂いたお客様の顔写真などを許可なくホームページ上のコンテンツに使用してしまってはいけません。実際に、店内の風景をホームページ上で紹介したいということであれば、モザイクやぼかしなどの画像処理を行うことで写真に写っている個人のお客さまが特定されないようなエフェクト処理を行うことが必要です。ご来店されているお客様の写真をホームページ上で使用したいということであれば、きちんとその旨を伝えおし写真掲載に対する許可などを取ることで解決するケースもあります。近年、個人情報管理に関するお店側の対応としては、厳しいルールなどが設けられておりますのでグレーゾーンに当たるような行為は NG であると考えておくべきです。

ハイブリッド

あいまいな組織体系の一つとして挙げられる「ハイブリッド」について考えてみましょう。組織体系を強力にするのはどうすればよいか考えたときを、ユーザーが簡単に理解できるシンプルなメンタルモデルを提示できるかどうかにかかってきます。特定のユーザー向けの情報や、トピック別に組織化された情報はユーザーが簡単に理解できます。そして、かなり小さくて純粋な組織体系が、完全性やユーザビリティを犠牲にすることなく、膨大な量のコンテンツに適用が可能です。ところが、複数の体系を混在させようとした時には、必ずといってよいほど混乱が生じ、ソリューションを見積もることができなくなってしまいます。例えば、特定ユーザー向け、トピック別、メタファベース、タスク指向の、アルファベット順の組織体系が含まれているような場合を想像してみてください。すべてが混在しているため、メンタルモデルを形成することができなくなっています。メンタルモデルができていれば探しているオプションをすぐに見つけられるのに、混在している場合は各メニュー項目を一通り眺めておかなければ見つけられないケースがよくあります。もちろん、ハイブリッド型の組織体系に対する警告にも例外はあります。その場所はどこかというと、ナビゲーションの表層です。多くのWebサイトは、メインページ上とグローバルナビゲーション内でトピックとタスクとをうまく組み合わせています。これは組織構造もそのユーザーも、コンテンツの発見とキータスクの遂行とを優先順位の1番上にあると認識しているという現実を反映しています。これに含まれているのは優先順位の高いタスクだけなので、ソリューションを拡張可能にする必要はありません。膨大な量のコンテンツとタスクを組織化する際にそうした体系が用いられるときにだけ問題が発生します。言い換えると、浅いハイブリッド型の組織体系はよいのですが、深いハイブリッド型の組織体系は良くありません。ところが残念なことに、深いハイブリッド型の組織体系はかなり頻繁に見受けられます。これはメインページに使用する体系を1つに絞り込むのが困難な場合に採用されることが多いからかもしれません。したがって複数の体系のエレメントを押し込もうとした結果、混乱を招くような内容になってしまうことが多くあります。このような場合、複数の体系を1ページで提供する際に、各体系の整合性を維持するように心がけて設計するとよいでしょう。同一ページ上でも体系ごとに提示されていれば、ユーザーのメンタルモデルをサポートする機能は失われません。

解像度の単位

ホームページに画像を載せようと思ったとき、「px」や「dpi」などの聞いたことのない単位を見かけたことがあるかもしれません。画像のサイズを変えようと思っても、いざ画像を開いたら「500px」と表示されていると、知識がなければ当然困ってしまいます。まず「px」はピクセルと呼ばれる単位になります。画素とも呼ばれることもあり、デジタル表示をする上での最小の単位に該当します。これはあくまでデジタルで表される単位なので、「1ピクセルは何センチに該当するのか」という言い換えをすることができません。とは言え、実際に印刷をするとなるとサイズを理解しなければいけませんし、ピクセルとセンチを互換する方法が必要になります。ここで使われるのが、解像度という単位です。「解像度が高い」といった使われ方で聞いたことがあるかもしれません。この解像度は「dpi」という単位で表されます。具体的には、1インチ(25.4mm)の中に、どれだけの画素であるピクセル(ドット)が密集しているかということを示しています。1インチの中にピクセルが少ないということは、当然ドットが大きくなります。ドットが大きいということはそれだけ画像が粗くなるということで、これは「解像度が低い」という状態になります。逆に1インチの中に多くのピクセルがあれば、画像は細かくなり「解像度が高い」という状態になるでしょう。そのため、「このサイズの紙に解像度◯◯dpiで印刷したいという場合、何個のピクセルが必要になるのか」という逆算をすることができます。具体的には72dpiの解像度が欲しいというときには283px、150dpiの場合には591px、350dpiの場合には1378pxが必要になると言われていますので、指針にしておけば問題ありません。

個人店の開業とネットショップ開設

皆さんがご自宅で開業をしたいと考え始めると、どうしても気になってしまうのが個人のウWebサイト開設ではないでしょうか。パソコン1つで開業できるネットショップは、大変魅力的なビジネススタイルでもありますが、何から何までを個人で行わなくてはなりませんので不安を抱える方々も多いようです。最近では個人のホームページなどを制作しなくても、身近なネットショップサービスなどを活用することによって気軽に開業する方々の姿も増えてきているようです。気軽に利用できるネットショップサービスとは言いましても、実際には条件によって販売手数料などが発生することになりますので、各サービス内容をきちんと確認した上で利用していただくのが何よりです。また実際にネットショップを個人的に構えたとしても、集客などに悩みを抱える人々が多いようです。 Twitter や Instagram などのソーシャルメディアをうまく活用しながら、何よりも出来る限り数多くのお客様の目に皆さんの開設されるネットショップの存在が拡散されることが集客を行う上でのポイントとなってくるでしょう。

SNSを集客につなげよう

皆さんの運営されるホームページへの集客方法の一つに 、SNS を活用した集客方法があるそうです。世界中の人々が利用している Facebook、 LINE、 Twitter、 Instagram などのSNSから、皆さんが運営されるホームページへの勧誘情報を配信し、それらの情報配信に興味を持っていただいたお客様をホームページへと誘導する集客方法であるようです。実際に皆さん自身も Facebook や LINE、 Twitter、 Instagram などを利用するにあたって、それぞれのSNSを経由して、各企業サイトや個人事業主の方々が運営するホームページに、なんとなく勧誘されるようにリンクしたことなどはありませんか。人々の興味を刺激しつつそれぞれの人々が興味のある事柄へ、うまく誘導することをも Web 上での集客術とされているようです。多くの人々が、アカウントを開設している Facebook 、LINE、 Twitter、 Instagram であれば世界中のSNSユーザーの目に留まることにもなりますし、大勢の人々に皆さんのホームページの存在をお伝えするチャンスにも恵まれることにつながるのです。

まちがったサイトとは?

正しいサテライトサイトは、「月」のようなイメージでしたが、まちがったサテライトサイトは、前述通り人工衛星のようなイメージです。
役割を終えた人工衛星は、宇宙のゴミとなるわけですが、まちがったサテライトサイトは、初めから宇宙のゴミならぬ、インターネットのゴミとして生まれていると言っていいかもしれません。
アフィリエイ卜や情報商材にハマっている人に多く見られるのが、無料のブログサービスを使って、たくさんのブログを公開する手法です。
一つひとつのブログに、ていねいに書き込むことが難しいので、効率を重視するあまりスプログやワードサラダといったスパム行為に手を染めてしまい、結果的に検索サイトからペナルティを受けてしまったり、心ないコンテンツなのでユーザーを集められす成果が出なかったりするのです。
アフィリエイ卜や情報商材そのものの良し悪しは別として、儲けるためのWebサイトの作り方が良くないのです。

※ スプログやワードサラダのような人工衛星からのアクセスは、メインサイトの評価を下げる可能性があります。

いらないデータを削除します

いらなくなったデータなどを削除できる機能があります。削除機能というものです。URLパラメーターに従ってデータを削除します。dalete.phpを作成しましょう。データを削除するSQLはDELETEとなります。URLパラメーターは数字であるかを判断します。prepareメソッドとexecuteメソッドでSQLを実行します。これを詳細画面からリンクを張る作業をします。そうしてmemo.phpを変更します。

作成をCreate、表示をRead、変更をUpdate、削除をDeleteとなります。これらの頭文字をとってCRUDシステムと呼びます。これはデータベースを利用したシステムの基本となります。管理したいデータに沿ってCRUDシステムを構築しましょう。こういったことを使ってデータベースを便利に活用していきましょう。PHPとMySQLについての基本ができるようになったら、やはり次はその知識を応用してみましょう。少し実用的なプログラムの開発にチャンレジしてみるといいかと思います。

Twitter風のひとりごと掲示板を作成をしてみましょう。まずデータベースを設計します。プログラミンを始める前には、どのようなシステムを作るのか、そのためにはどのようなデータベースが必要なのかを考えるところから初めます。やはりパソコンの向かっていきなりPHPを作るというのはハードルが高すぎまう。何から手をつけたらよいかわからない、というのは当たり前。効率の良いプログラムを作るには、何が必要なのでしょうか。ひとこと掲示板を作るにあたって、どのような機能が必要か、どんなプログラミングが必要か考えてみることが必要かを考えましょう。