ホームページ作成 人気記事ランキング(10ページ目)
2024年05月13日 ホームページ作成内でアクセスの多かった記事をご紹介します。
91位CSSのoverflowでボックスにスクロールバーを表示する方法
スクロールバー付きボックスの簡単な作り方を解説。HTMLで作成したボックスにCSSのoverflowプロパティを使ってスクロールバーを追加すれば、表示面積の狭いボックスの中にもたくさんの情報を詰め込むことができます。お知らせ一覧や更新履歴の掲載など「広い面積は使いたくないが、多くの情報を列挙したい」という場合におすすめのレイアウト方法です。
ボックスや枠線の表示・装飾 (HTML,CSS)ガイド記事92位Skitterで迫力ある効果のスライドショーを作る方法
ダイナミックな効果で画像を次々に切り替えていく、とても目を引くスライドショーを作ってみましょう。jQueryで作られた「Skitter」スクリプトを使えば、カッコいい迫力ある効果を伴ったスライドショーが簡単に作れます。
画像の表示・活用 (HTML,CSS,JavaScript)ガイド記事93位スマホ・タブレットでの表示をPC用ブラウザで確認する
モバイル端末でのウェブページの見え方を、実機を使わずにPC上で確認する方法をご紹介。PC用ブラウザには「スマートフォンやタブレット端末で表示した場合の見え方」を擬似表示する機能があります。Chromeのデベロッパーツール、IE・EdgeのF12開発者ツール、Firefoxのレスポンシブデザインビュー機能を使って、PC上でモバイル端末の表示を確認する方法を解説。
ホームページ作成関連情報ガイド記事94位aタグ(a要素)の書き方:HTML5でのリンクを作る基本
HTML5でのaタグ(a要素)の書き方を解説。aタグとは、HTMLソース内で主にリンクを作る際に使うタグのことです。リンク先を指定するhref属性や別タブで開かせるtarget属性などを含む開始タグ<a>から始まり、最後の終了タグ</a>までの全体を「a要素」と呼びます。様々なリンクを作る、HTMLの基本と言っても良いでしょう。CSSでの装飾も含めて、簡単な書き方をざっとご紹介いたします。
ガイド記事95位Not Foundなど エラーページの変更(カスタマイズ)方法
ウェブページが見つからなかった際に表示される「404 Not Found」エラーページなどの内容を、独自のデザイン(内容)にカスタマイズする方法を解説。他にも「403 Forbidden」や「500 Internal Server Error」など、ウェブサーバ側が表示する各種エラーメッセージは、すべて自由に変更できます。
アクセス制限・認証、サイト内検索ガイド記事96位ラベル付きの枠で入力フォームをグループ化
アプリケーションの入力フォームなどでよく使用される「グループボックス」のようなラベル付きの枠を作ってみませんか? これを使って入力フォームを整頓すると、フォームの見やすさの向上が期待できます。
フォームの活用・装飾 (HTML,CSS,JavaScript)ガイド記事97位直リンクを防ぐには?…禁止と言っても無駄
画像ファイルなどへの直リンク(外部サイトからの直接参照)や、特定ページへのディープリンクを防ぎたい場合に、「禁止します」と宣言しても意味がありません。どうしてもリンクを阻止したい場合は、技術的にアクセス制限を施すしかありません。リンクを技術的に防ぐ(リンクされてもForbiddenエラーを表示する)方法をご紹介。
アクセス制限・認証、サイト内検索ガイド記事98位「♪」以外の音符記号を表示させたい!
よく使われる音符記号というと「♪」(八分音符)でしょう。漢字変換などで「おんぷ」と入力して変換すれば簡単に出せます。しかし、ウェブ上では「♪」の他にも、四分音符や十六分音符などの音符も表示できます!
特殊文字・記号の記述 (HTML)ガイド記事99位夜の間だけハロウィン仕様に変化させる
毎日20時~翌4時の夜間だけ、ウェブサイトをハロウィン仕様のデザインに自動的に変化させる仕組みを作ってみましょう。ハロウィンデザインのスタイルシートを作っておき、夜間にだけ適用されるようにします。
装飾・レイアウトの動的変更 (HTML,CSS,JavaScript)ガイド記事100位ホームページ作成に必要な4つの基礎知識
ホームページ作成に役立つ知識はHTML以外にもあります。ホームページ作成ソフトや制作サービスの機能に任せて整ったデザインを手軽に得る方法もありますが、無料の各種ツールを活用して自作することで自由度の高いWebサイトを作る方法もあります。ウェブ製作に役立つ情報として、4種類に分類した26の技術や知識を簡単にご紹介。
ホームページ作成の基本ガイド記事