ホームページ作成 人気記事ランキング

Microsoft製のホームページ作成ソフト「Microsoft Expression Web 4」が開発終了に伴って無料公開されています。ソース補完機能、入力支援機能、文法チェック機能、複数IEでの表示確認機能などを備えた、統合ホームページ作成ソフトです。この機会に使ってみてはいかがでしょうか。日本語版のインストール方法と各種機能をご紹介いたします。

HTML＋CSSだけで、表示領域の横幅に合わせて画像サイズを変化させる方法を解説。レスポンシブ・ウェブデザインを採用したページや、画面サイズに合わせて自動で画像を(縦横比を維持したまま)拡大縮小させたい場合に活用できます。

HTMLにスタイルシート(CSS)を適用する方法には、class属性を使う方法と、id属性を使う方法があります。この「class」と「id」は明確に役割が異なります。全部にclass属性を使っている場合は問題ありませんが、全部にid属性を使っている場合は問題がある可能性があります。classとidの違いと、使い分け方法をご紹介いたします。

ウェブページ内でスペース(空白文字)を連続表示させる方法を解説。HTML中で半角スペースを連続して打っても、表示される空白は1つ分だけです。しかし「＆nbsp;」などの文字実体参照という特殊な記述方法を使えば、複数の連続した空白も入れられます。しかも、「半角スペースより細い空白」や「半角と全角スペースの中間くらいの空白」などもあります。

ウェブサイト内の特定ページやディレクトリにアクセス制限を施す設定方法として、Basic認証(ベーシック認証／基本認証)の使い方を初心者向けに解説。ユーザー名(ID)とパスワードの入力が必要な会員制ホームページの作り方をご紹介。簡単にログイン機能を付加して秘密のコーナーを作ってみましょう。

スマートフォン利用者を自動的に「スマホ用サイト」へ誘導できるよう、「アクセス者の端末(環境)に応じて閲覧先を自動で切り替える機能」を作ってみましょう。「.htaccess」ファイルを使ってサーバ側でアクセス先を自動振り分けし、スマートフォンユーザだけをリダイレクトする方法を解説。

ウェブ上に表示した画像の上に文字を重ねる方法を解説。HTMLとCSSを使えば、表示位置(座標)を指定することで画像の上に任意の文字を重ねられます。画像を細かく分割したり、tableを駆使したり、文字ごと画像化したりする必要はありません。スタイルシートを使うだけの簡単な方法です。

ウェブ上に「.htaccess」という特殊な設定ファイルを設置すると、アクセス制限・ユーザー認証・リダイレクト(自動転送)・エラーページのカスタマイズなど、様々な特殊設定が実現できます。「.htaccess」の書き方(作り方)と設置方法をご紹介。テキストエディタで簡単に作成できます。

ホームページを別のURLへ移転した際に便利な、「指定したページへ自動的に移動(リダイレクト)させる方法」を解説。すぐに自動転送する方法のほか、全ページに同じ「引っ越し案内」を一括表示させる裏技も紹介。.htaccess・HTML・JavaScriptの3通りでの書き方を掲載。

ページを移動することなくボックス内の表示内容を切り替えられる「タブ」機能の作り方を解説。HTML・CSS・JavaScriptを使って、「タブ」をクリックすると一瞬で内容が変化する機能の作成方法をご紹介致します。狭い領域にたくさんの情報を掲載したい場合などに便利です。