Chapter1-03、Chapter1-04のテンプレートデータについて、特定のサーバーにファイルをアップロードした際、一部の画像が表示されない不具合が見つかりました。 白ベースの爽やかなデザインのテンプレートと、その…
続きを読むchapter4-16の背景の不都合を修正
chapter4-16の背景が長いページになると途切れてしまう不都合が見つかりました。 ピンク色のファンシーなデザインのテンプレートです。 これはスタイルシートの設定漏れです。 以下の場所に収録されている「common.…
続きを読むお問い合わせフォームを作る
よくあるお問い合わせページのようにフォームを設置する方法を紹介します。 通常、お問い合わせフォームを設置するためにはPHPの知識が必要だったり、場合によってはレンタルサーバーとSSLの契約をしたり別にSSLサービス会社の…
続きを読むファビコンを作る
ファビコンとはWebブラウザのウインドウや、ブックマーク（お気に入り）一覧のアイコンに使用される画像です。 さまざまなファビコン Webブラウザでの表示サンプルです。 タブやURLの窓に表示されたりします。（下の画像はク…
続きを読むロゴ画像を作るのにオススメのツール
サイトのロゴを自作するとオリジナリティーがより表現できます！ ここではロゴ画像を作るのにオススメなツールを紹介します。 もっともオススメ！Fireworks Webデザインの制作に特化したソフトなので使いやすいです。写真…
続きを読むアクセス解析を入れる
サイトを作ったらアクセス解析をしたいですよね。 アクセス解析とは 来た人数 どの順番でページを見たのか どれだけの時間ページをみたのか どんなパソコンを使ったのか などが分かります。 Google アナリティクスを使うと…
続きを読む自分のお店の店名をGoogle マップに表示するためにはGoogleプレイスに登録！
Webデザイン・テンプレート集ではGoogle マップの地図でアクセスページに地図を表示する方法を紹介しています。 大きな地図で見る 住所の吹き出しはでますが、事業所名はでませんね。 つぎの地図のように事業所名を表示出来…
続きを読む書籍の行番号表示と合わせるための設定
Webデザイン・テンプレート集では編集する箇所の指定を「≫■テキスト（緑字部分）を変更（39行目付近）」と行番号で指定をしています。 この行の情報はテキストエディタの設定によっては、ずれがでます。 行番号のずれが出ている…
続きを読むデザインがページによって少しずれている？と感じたら！
内容が少ないページの場合、長いページと比べてデザインがすこしずれて見えます。 これはスクロールバーの表示が出たり消えたりしている影響を受けているのです。 ブラウザの普通の挙動なのですが、気になる方は次の方法でずれがなくな…
続きを読むメールアドレス公開によるスパムを抑える方法
メールアドレスをプレーンな状態でサイトに掲載していると、スパムが来る！とメールアドレスを画像化したりしているサイトを見たことはありませんか？ スパムメールの仕組みとしてはアドレスを収集するWeb上のロボットが、メールアド…
続きを読む収録デザイン一覧
クリックで画像が拡大します。
Chapter 1
写真をたくさん使うWebサイト
Chapter 2
文字情報を豊富に載せるWebサイト
Chapter 3
写真を大きく見せるWebサイト
Chapter 4
更新情報を充実させるWebサイト
