ホームページ作成 人気記事ランキング(9ページ目)

12段のグリッドシステムで段組を簡単に作成できるBootstrap4を使って、PCだけでなくスマートフォンなどのモバイル端末にも対応したレスポンシブな段組レイアウトを作る方法を解説。Bootstrap4には、複雑に組み合わせて入れ子にもできるグリッドがあるため、table(テーブル)を駆使しなくてもPC・モバイル両対応の段組(グリッドレイアウト)が簡単に作成できて便利です。

HTML＋CSSだけでアコーディオンメニューを作る方法を解説。スクリプトは一切不要。アコーディオンメニューは、質問をクリックすると回答がスライド表示されたり、題名をクリックすると対応コンテンツが表示されたりするUIによく使われます。jQueryなどを活用してJavaScriptを書く必要があると思いがちですが、ラジオボタンやチェックボックスを活用するという意外なテクニックを使うことで、CSSだけで作成できます。

指定の日まで、あと何日あるのかをカウントダウン表示する方法をご紹介。新年までカウントダウンして、年が明けたらお祝いメッセージを表示するなど、様々に活用できます。

ページの背景やセルの背景がアニメーション可能だということをご存じでしたか？今回は、背景をアニメーションさせる方法をご紹介致します。実現方法はとっても簡単です。ぜひ、お試し下さい。

フォームを作成する際に、フォームの大きさの指定方法が曖昧で困った経験はありませんか？フォームの入力欄のサイズを、ぴったり望み通りの大きさで表示する方法をご紹介致しましょう。

ウェブページが見つからなかった際に表示される「404 Not Found」エラーページなどの内容を、独自のデザイン(内容)にカスタマイズする方法を解説。他にも「403 Forbidden」や「500 Internal Server Error」など、ウェブサーバ側が表示する各種エラーメッセージは、すべて自由に変更できます。

多くのソフトウェアには便利なショートカットキーが用意されています。慣れると非常に重宝するショートカットキーをホームページ内部にも設けてみましょう。ページ内の各オブジェクトをキーで選択する方法をご紹介。

各ページの最終更新日を表示しておくと、いつ更新された情報なのかが分かって便利ですね。しかし、手動で書き換えるのは面倒です。そこで、ページの最終更新日を、JavaScriptを使って自動で更新させてみましょう！

表を構成するセルの枠線だけが立体的に見えるのではなく、表のセル1つ1つそのものが立体的に見える表を作ってみましょう。なかなか見栄えのよい表ができあがります。

作ったホームページを公開するには、掲載スペースを用意しましょう。ウェブサーバとドメインを準備して自サイトを公開する手順を解説します。サーバには、無料サーバもあれば有料サーバもあります。有料でも格安で利用できるサーバが多々あります。ドメインには、サブドメインを無料で利用する方法もあれば、自分で所有できる独自ドメインを取得する方法もあります。