西村 文宏

ホームページ作成 ガイド 西村 文宏

にしむら ふみひろ

Web作成が楽しくなるお手伝い。分かりやすい解説を探求するWeb職人

初心者向けの「わかりやすさ」を重視した解説に定評があるウェブ系テクニカルライター。ウェブの黎明期に趣味で始めた個人サイト製作からその「楽しさ」に魅了され、作成方法に関する様々な情報を発信。企業や団体のウェブサイト製作・解説書籍の執筆なども行っている。

ガイド記事一覧

  • .htaccessファイルの書き方と設定・設置方法

    .htaccessファイルの書き方と設定・設置方法

    .htaccessファイルの作成方法や設定の書き方を簡単に解説。設定が影響するディレクトリの範囲や、サーバにアップロードする際の注意点、Internal Server Errorが出る場合の対処方法も紹介。Webサイトに「.htaccess」という特殊なファイル名の設定ファイルを置くと、アクセス制限・認証・リダイレクト・デフォルトファイル名の変更など様々な設定ができます。

    掲載日:2019年06月19日ホームページ作成
  • スマホ対応サイトの作り方と6つの注意点

    スマホ対応サイトの作り方と6つの注意点

    ホームページをスマホ対応にする方法として、サイト制作前に確認しておきたいポイントや、スマホ用ブラウザの仕様による注意点などを簡単に解説。スマホサイトに特殊な作り方は必要なく、HTML+CSSはPCサイトとほぼ同じ書き方で作成できます。画面の小さなスマートフォンに適したデザインで、モバイル対応Webサイトを作ってみて下さい。

    掲載日:2019年06月19日ホームページ作成
  • ウインドウ幅に合わせて画像サイズを変化させる方法

    ウインドウ幅に合わせて画像サイズを変化させる方法

    HTML+CSSだけで画像サイズを画面サイズに自動で合わせる方法を解説。レスポンシブWebデザイン採用サイトや、デバイスの画面幅に合わせて(縦横比率を維持したまま)画像を拡大縮小させたい場合の簡単な書き方を説明。img要素で表示した1枚の画像サイズを自動調整させる方法や、srcset属性や@mediaの記述で解像度別に画像を切り替える方法も紹介。

    掲載日:2019年06月17日ホームページ作成
  • HTMLでセルや行全体をクリック可能なリンクにする方法

    HTMLでセルや行全体をクリック可能なリンクにする方法

    HTML+CSSで「1行全体」をクリック可能なリンクにしたり、テーブルの枠線内で「1つのセル全体」を余白も含めてクリック可能なリンクにしたりする方法を解説。HTMLのa要素で作るリンクを、CSSでブロック化した上で空白量を調整する簡単な記述で作れます。文字(リンクテキスト)だけでなく余白も含めた広い範囲をクリック可能にする、押しやすいリンクの作り方をご紹介。

    掲載日:2019年06月11日ホームページ作成
  • JavaScriptを実行して出力されたHTMLソースを見る方法

    JavaScriptを実行して出力されたHTMLソースを見る方法

    JavaScriptが実行された結果として、どのような文字列やHTMLソースが出力されているのかを確認する方法を解説。ブラウザの「ソースを表示」機能では単にJavaScriptのソースコードが見えるだけです。そうではなく、関数が処理された結果としてブラウザに出力されるHTML要素などの値を見たりファイルに保存したりする操作例をご紹介いたします。

    掲載日:2019年06月10日ホームページ作成
  • Bootstrap4で見やすいボタンを簡単に作る方法

    Bootstrap4で見やすいボタンを簡単に作る方法

    Bootstrap4を使ってボタン型リンクを作る方法を解説。横並びでも中央寄せでも配置は自由自在。ボタン間隔の調整も簡単。HTMLのa要素で作るテキストリンクに指定のclass名を加えるだけで、見やすい色やサイズのボタンを表示できるBootstrapの使い方をご紹介。入力フォームとの連結ボタンや、ページ移動ボタン、ドロップダウンメニュー付きボタンなど様々にデザインできます。

    掲載日:2019年06月10日ホームページ作成
  • CSSのfloatとclearで簡単に段組レイアウトを作る方法

    CSSのfloatとclearで簡単に段組レイアウトを作る方法

    HTML+CSSで段組レイアウトを作る簡単な方法を解説。各段をdiv要素などのボックスで作るだけのシンプルなHTMLに、CSSのfloatとclearプロパティを適用するだけで段組レイアウトが作れます。HTMLとCSSをどう書けば段組になるのかの基本から、2段組や3段組の作り方、回り込み解除の便利な書き方(clearfix)まで、図とサンプルソースを使って説明しています。

    掲載日:2019年06月10日ホームページ作成
  • 選択式入力フォームの作り方!チェックボックス/ラジオボタン…

    選択式入力フォームの作り方!チェックボックス/ラジオボタン…

    HTMLで作成できる入力フォームで複数の選択肢を見せる方法には、チェックボックス・ラジオボタン・プルダウンメニュー(リストボックス)などのUIがあります。複数の値から1項目だけを選ばせる入力フォームとして使う場合の特徴を比較して、UIとしての選択例とHTMLの書き方を解説。使いやすくて分かりやすい入力フォームの作り方をご紹介いたします。

    掲載日:2019年06月10日ホームページ作成
  • HTML・スタイルシートのソースを編集する方法

    HTML・スタイルシートのソースを編集する方法

    HTMLソースやCSS(スタイルシート)ソースを編集する最初のステップとして、お使いの環境に合わせたソース編集方法をご紹介。ホームページ・ビルダーなどのホームページ作成ソフトでHTMLやCSSソースを編集したり、メモ帳などのテキストエディタで各種ソースを編集したり、CMSツール上でソースを編集したりする方法を解説。ソースを編集できない場合の対策も。

    掲載日:2019年06月07日ホームページ作成
  • 1枚の背景画像をブラウザの画面全体に広げる方法

    1枚の背景画像をブラウザの画面全体に広げる方法

    HTMLの背景に画像を全画面で表示させる方法を解説。ブラウザのウインドウサイズに関係なく、1枚の背景画像が縦横比を維持して必ず画面全体を覆うように表示できます。CSSのbackground関連プロパティを書くだけの簡単な方法で、フルスクリーンでの縦横中央配置ができます。画面サイズに応じて適切な解像度の画像に切り替えて読み込ませる記述方法も紹介。

    掲載日:2019年06月07日ホームページ作成
1 2 3 20 38