Webシステム構築(デザイン(その他))

Webシステム構築 - デザイン(その他)

.htaccess で www なしトップページURLに統一する設定 - 2011.01.09

同じページを表示するのにアドレスが違う場合があります。
http://www.xxxxxxxxxxxxx.com
http://xxxxxxxxxxxxx.com

どちらかに統一したほうがSEO的にも効果が高いように思いますので、
設定方法のご紹介。

// .htaccessに記述して利用
// www を含むアドレスにアクセスした場合は無しアドレスにリダイレクト
Options +FollowSymLinks
RewriteEngine on
RewriteCond %{HTTP_HOST} ^(www\.1oku-life\.net)(:80)? [NC]
RewriteRule ^(.*) http://1oku-life.com/$1 [R=301,L]

Dreamweaverの機能拡張 zen codingでタグ打ち簡略化 - 2011.01.01

ホームページを作成するときにタグを直接打って作成していく機会も多いと思います。
自分で入力していくと時間がかかるし面倒なのですが、細かいところはやはり直接タグ打ちで作成していく方法が一番やりやすいのではないかと思います。

そのタグ打ちを少しでも簡単にできないかということで探してみたところやはりありました。

zen coding 導入後の Dreamweaver で以下のようなことができます。

// zen config の使い方
a を入力後 Ctl + ,[カンマ]で展開
<a href=""></a> になります

// zen config の使い方
div を入力後 Ctl + ,[カンマ]で展開
<div></div> になります

クラスを指定したりなど詳細な使い方もあるようですが、私は単純にタグ自体の入力補助用として使用しています。※入力を簡略化するのと同時に入力ミスを減らす効果もあります。

Dreamweaver用 zen codingダウンロード

ダウンロードしたファイルをダブルクリックでインストールが完了します。

■参考サイト
zen codingは超便利！Dreamweaverで使ってみました。
Zen-Codingでできるあんなことこんなこと

.htaccess で index.htmlなしトップページURLに統一する設定 - 2010.12.12

同じページを表示するのにアドレスが違う場合があります。
http://xxxxxxxxxxxxx/
http://xxxxxxxxxxxxx/index.html

どちらかに統一したほうがSEO的にも効果が高いように思いますので、
設定方法のご紹介。

// .htaccessに記述して利用
// index.html を含むアドレスにアクセスした場合は無しアドレスにリダイレクト
Options +FollowSymLinks
RewriteEngine on
RewriteCond %{THE_REQUEST} ^.*/index.html
RewriteRule ^(.*)index.html$ http://xxxxxxxxxxxx/$1 [R=301,L]

Web管理画面を固定IPのみ閲覧可能にする - 2010.12.10

簡単で確実な管理画面のセキュリティー対策は固定IP制御です。
環境が固定IPであれば.htaccessの設置のみでほかの人は見れなくなります。

低価格固定IPならインターリンクがお勧めです。

フレッツを契約している人は上記プロバイダーに申し込みを行い、
CTUに接続設定を行うだけで固定IPを使うことができるようになります。

注意事項
・CTUでの接続設定優先順位は一番上にしてください。

// .htaccessに記述して管理画面用ディレクトリへアップ
deny from all
allow from 許可したいIP

Gmail apps独自ドメインをエックスサーバーで設定する方法 - 2010.12.09

■手順1
エックスサーバー管理画面にて対象のドメインのDNSレコード設定を行います。

// 以下の内容を追加
mx aspmx.l.google.com 10
cname mail ghs.google.com
txt @ v=spf1 include:aspmx.googlemail.com ~all
mx alt1.aspmx.l.google.com 20
mx alt2.aspmx.l.google.com 30
mx aspmx2.googlemail.com 40
mx aspmx3.googlemail.com 50
mx aspmx4.googlemail.com 60
mx aspmx5.googlemail.com 70

注意事項
・内容は小文字で入力するようにしてください。
・内容の最後にドットをつけないでください。「aspmx5.googlemail.com.」 ← NG
・既存のMXレコードは削除してください。

エックスサーバー公式サイト解説
http://www.xserver.ne.jp/man_domain_dns_setting_google_apps.php

■手順2
Google apps の申し込みを行います。下記Google Appsページの右上の「開始方法」ボタンからお申し込みができます。

Google Apps
http://www.google.com/apps/intl/ja/group/index.html

■手順3
GoogleAppsで「ドメイン所有権の確認」で正常に確認が行えば作業完了です。
※メールクライアントでメールを使えるようにするには設定を行う必要があります。

■補足説明
Google appsの独自ドメイン用の管理画面ログインページは
http://www.google.com/a/独自ドメイン/
になります。

こちらでアカウントの追加、メール等の有効化設定が行えます。
設定完了後は個別メールの管理画面から直接ログインし、Webメールを使用することができます。

簡単に画像スライドのFlashを作成する方法 - 2010.12.07

Pro用のFlash作成ソフトを使えばスライドは簡単に作成できますが、
ソフトが高い、使い方がわからないという方も多いと思います。

フリーで簡単にスライドショーを作成できるソフトのご紹介。

Suzuka
http://www.cty-net.ne.jp/~uzgensho/

企業向けのホームページでよくつかわれているスライドFlashはこのソフトでも十分作成可能です。

Baiduを弾きつつ検索エンジンにサイトマップファイルと通知 - 2010.11.19

User-agent: *
Allow: /
User-Agent: baiduspider
Disallow: /
User-Agent: Baiduspider+
Disallow: /
User-Agent: BaiduImagespider
Disallow: /
User-Agent: dotbot
Disallow: /
Sitemap: http://1oku-life.com/sitemap.xml

上記内容を robot.txt に記述し、サイトのルートディレクトリに設置で完了です。

tableを使用した1pxで任意のカラーラインを引く方法 - 2010.11.15

最近ではcssで行うことが多いですがtableでのライン設定をご紹介。

<table width="200" cellpadding="0" cellspacing="1" bgcolor="#333333">
    <tr>
      <td bgcolor="#FFFFFF">&nbsp;</td>
    </tr>
</table>

セル内間隔(cellspacing)を1に、table、tdに背景色を設定するだけです。
セル内間隔の余白サイズ分tableの背景が表示されるのでラインのように使用することができます。

imgタグでの回り込み解除方法 - 2010.11.14

// 画像の右寄せ
<img src="sample.gif" align="right">

上記のように回り込み設定を行った場合、解除については下記のようになります。

// 画像の回り込み解除
<br clear="right">

leftの回り込みの場合はleftでrightの回り込みの場合はrightで解除します。

無料テンプレート配布サイト - 2010.11.13

無料素材・WEBデザイン　フリー素材屋Hoshino
http://www.s-hoshino.com/

デザイン参考サイト - 2010.11.12

いけてるサイトドットコム
http://www.ikesai.com/

モバイルサイトデザイン集のモバイルデザインアーカイブ
http://mobiledesignarchive.jp/

携帯サイトなどでよく使用されるレイアウト用罫線 - 2010.11.11

│ ┃ ┨ ┥ ┤ ┫ ┣ ┠ ┝ ├ ┌ ┏ └ ┗ ┗ ┻ ━ ┛ ┏ ┳ ━ ┓ └ ┴ 
─┘ ┌ ┬ ─ ┐ ┼ ╋ ┿ ╂ ┐ ┓ ┘ ┛ ─ ━ ┻ ┷ ┸ ┴ ┳ ┯ ┰ ┬

使いたいって時になかなか見つからないので覚書

そのほかの記事

Webシステムを作る人は下記のサービスの作成/運営を行っています

携帯無料レンタルサーバー

携帯サイト制作テンプレートエンジンを備えた携帯専用の無料レンタルサーバー

>>サイトを表示

携帯無料レンタルランキング

携帯サイトテンプレートを使用した携帯専用の無料レンタルランキング

>>サイトを表示

携帯無料レンタル空メール

独自ドメイン空メールの利用も可能携帯専用無料レンタル空メール

>>サイトを表示

ドメイン年齢チェック

ドメイン年齢チェックサービス SEOやサービスの運営期間等の調査に利用可能

>>サイトを表示

ホームページ制作代行

低価格・高品質なデザインによるホームページ作成代行

>>サイトを表示

EC-CUBEカスタマイズ

ホームページ機能別改善パッケージ EC-CUBEカスタマイズから、SEOまで幅広く掲載中

>>サイトを表示

Webシステムを作る人では一緒に何か作りたいという方を募集しています

デザインなら得意だがホームページを作るのはちょっと…
アイデアはあるが形にできない…
外注に頼む費用がもったいない…
定期的に時間にゆとりがあり、空いた時間を使って何かしてみたい方…

上記のような方は相談の上一緒に協力できたらと思います。
利益が出るサイトの場合は経費・売り上げともに折半でお願いします。（笑）

Webシステム構築

サーバー構築

運用サイト一覧

↑安い・軽い・便利！↑
Webシステムを作る人は
エックスサーバーで運営
しています

費用で決めるならここ
月額￥105円？！

Webシステムを作る人 MENU

○○な人シリーズ

ホームページ制作のMegaPx　フリー素材屋Hoshino　無料WEB素材DX