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

にしむら ふみひろ

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

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

ガイドからのお知らせ

  • ホームページ作成に関する様々なテクニックを分かりやすく解説。
  • 楽しみながらホームページを作成するためのお手伝いを致します。

活動実績

執筆ガイド記事本数405
執筆書籍数5

ガイドからの挨拶

こんにちは。「ホームページ作成」ガイドサイトを担当する西村文宏です。

ホームページを作るための様々なテクニックを、初心者の方にも分かりやすく、楽しく実践して頂けるよう、詳しく解説しています。
HTML・スタイルシート(CSS)・JavaScriptなどの「ホームページを作るための基礎的な技術」はもちろん、各種ライブラリやフレームワークを使った便利で楽な作成方法などもご紹介致します。

どのテクニックも、できるだけ「理解しやすく」かつ「実践しやすい形」になるよう、記述例や表示サンプルをたくさん用意するよう気をつけています。
その分、1記事のページ数が多くなることもありますが、ぜひ最後まで目を通してみて下さい。
どんな方々にも「分かりやすい」記事、楽しみながらホームページを作成して頂けるような解説記事を目指しています。

ホームページは、最初に一度作成したらそれで終わり……というわけではありませんね。
できるだけ多くの人々に継続して閲覧してもらえるよう、「運営」していくことも必要です。
ここでは、ホームページの作成方法だけに限らず、アクセス向上などの運営テクニック、便利なサービスの活用方法など、「ホームページの作成・運営・活用」に関する様々なお役立ち情報もご紹介しています。

「ホームページ作成」ガイドサイトでは、2001年の開設以来、様々な情報を毎月数本のペースで掲載しています。
私のガイドが、あなたのホームページ作成のお役に立つことを願っています。
ぜひ、ご活用頂ければ幸いです。

ガイドの新着記事

  • CSSで斜線を引く方法:表の空セルなど任意のHTML要素に

    CSSで斜線を引く方法:表の空セルなど任意のHTML要素に

    CSSで斜線を引く方法を解説。CSSのlinear-gradientを駆使すると、画像を使わずにCSSだけで1本の斜線を引くことができます。右上がりや左上がりの斜め45度はもちろん、自由な角度、望みの太さで斜線が引けます。CSS3では空(カラ)の要素だけを対象にして装飾できますから、それと組み合わせて「テーブル内の空っぽのセルにだけ斜線(対角線)を引く」という装飾も簡単に作れます。短いCSSソースで任意のHTMLに斜線を引く方法をご紹介!

    掲載日:2018年05月02日ホームページ作成
  • CSSのnth-childで偶数/奇数行などn番目を装飾する方法

    CSSのnth-childで偶数/奇数行などn番目を装飾する方法

    リストやテーブル(表組み)など多数の項目が連続する要素は、1行おきに装飾を分けると見やすくなります。CSSのnth-child疑似クラスを使えば、偶数行(=2の倍数番目)だけの装飾、奇数行(=2の倍数+1番目)だけの装飾などを簡単に指定できます。表なら「n番目の列」のように列単位で色分けするのも簡単です。そのほか、先頭だけ、先頭から5つだけ、3個おき(=3の倍数)、最後から2番目だけ、最後だけ……など柔軟に指定できて便利です。

    掲載日:2018年04月25日ホームページ作成

ガイドの新着まとめ

  • サムネイルから画像拡大!Lightbox系おすすめスクリプト4選

    サムネイルから画像拡大!Lightbox系おすすめスクリプト4選

    おすすめLightbox系スクリプトの設置方法や使い方を解説した記事をまとめました。サムネイルやリンクをクリックすることで、その場にモーダルボックスなどを開いて画像を拡大表示できるLightbox系スクリプトについて、おすすめポイントを紹介。
    掲載日:2018年02月09日
  • ウェブ上の入力フォームを使いやすく便利にする10の小技

    ウェブ上の入力フォームを使いやすく便利にする10の小技

    ウェブページ上で利用者に何らかの入力を求める場合、ちょっとした工夫を加えることで、より使いやすく、分かりやすく、便利なデザイン・UIの入力フォームを提供することができます。テキストエリアなど各種入力欄を表示する際に便利な、おすすめ作成テクニックを10種まとめました!
    掲載日:2018年02月08日

公認ガイドブログ

  • 1月1日になった瞬間にウェブサイトを正月デザインに変えるには

    とうとう2014年も最後の週になりました。今日が仕事納めな方々も多いのでしょうか。 1月1日になったら自動的にウェブサイトを「お正月デザイン」に切り替えたいと考えているウェブ製作担当者さんもいらっしゃるで...

    更新日:2014年12月29日
  • ガイドブログOPEN?

    あ、いつの間にか、ブログのデザインがAll About用デザインになっていました。たしか、昨日あたりに正式OPENしたんでしたっけね? ネタができれば何か投下していきたいと思います。(^_^;) 個人サイトにもブログが...

    更新日:2014年12月09日