ホームページ作成 人気記事ランキング(10ページ目)
2024年04月24日 ホームページ作成内でアクセスの多かった記事をご紹介します。
91位フォームのボタンにアイコンや装飾を加える
入力フォームなどに配置する「ボタン」の表面には、ただ文字を表示するしかないと思っていませんか? それ以外にも、任意のアイコンを表示させたり、色や書体を指定して装飾した文字列を表示させることができます。
フォームの活用・装飾 (HTML,CSS,JavaScript)ガイド記事92位ホームページの作り方:初心者でも簡単!作成方法4選
ホームページの作り方を4通り紹介し、それぞれのメリットとデメリットを分かりやすく解説します。ウェブサイトを作成するなら、簡単で費用をかけずに(できれば無料で)作りたいですよね。初心者の方でも比較的簡単な作成方法を選んだので、スキルや目的に合わせて作り方を選んでみて下さい。
ホームページ作成の基本ガイド記事93位tableレイアウトをCSSだけでレスポンシブ化する方法
table要素で作られたテーブルレイアウトなウェブページを、CSSだけでレスポンシブ化する簡単な方法を解説。表のセルを作るtd要素に対してdisplayプロパティを使えば、HTMLソース上では表組みのまま、各セルを分離して再配置できます。画面サイズに応じて表の列数を2列や3列などに自動変化させる方法を、サンプルページと共にご紹介。
ガイド記事94位Chart.jsで折れ線・円・棒グラフを簡単に表示する方法
HTMLのcanvas要素上にグラフを描画してくれるスクリプト「Chart.js」の簡単な使い方を紹介。円グラフ・棒グラフ・折れ線グラフなど様々なグラフを、アニメーション効果付きでWebページ上に表示できます。画像ファイルとして作成するわけではないので、JavaScriptソース内の記述を書き換えるだけで、グラフの値も色も大きさも容易に修正できます。
ガイド記事95位FTPソフトとは?役割と使い方&初心者におすすめな2選
FTPソフトとは、サーバにファイルをアップロードしたり、サーバにあるファイルをダウンロードしたりする際に使うファイル転送用ソフトウェアのことです。作成したウェブページをインターネット上などに公開する目的にも使います。Windows用の無料FTPソフトとしては、FFFTPやWinSCPがおすすめです。FTPソフトの概要と役割、一般的な使い方を簡単にご紹介。
ホームページ作成関連情報ガイド記事96位ぴったりくっつけたい!-FORM編
「なぜ隙間ができるんだ!?」「どうしてくっつかないんだ!?」という疑問を解決。フォーム(ボタンや入力フォームなど)と周囲をぴったりくっつける方法を、原因・理由と共にご紹介!
フォームの活用・装飾 (HTML,CSS,JavaScript)ガイド記事97位横幅を100%にした際、親ボックスからはみ出すのを防ぐ
画像やボックスを横幅いっぱいに広げるためにCSSで横幅(widthプロパティの値)を100%にすると、なぜか親ボックスの領域からはみ出ることがあります。CSSで幅や長さの指定を100%にした際などに遭遇する「微妙にはみ出してしまう」現象について、box-sizingプロパティを使って解決する方法をご紹介いたします。意図しない変なはみ出しを簡単に解消できます。
ボックスや枠線の表示・装飾 (HTML,CSS)ガイド記事98位小さな画像をCSSソースに直接(Base64で)埋め込む方法
Base64というエンコード方法を使って、画像そのものをCSSソース中に埋め込む方法を解説。ウェブ上に小さな画像を多数掲載する際、画像ファイル1つ1つを読み込むよう記述していると、サーバへのリクエスト回数も多くなるため余計な時間がかかります。小さな画像ファイルをCSSソース中に埋め込むことで余計な通信を減らし、読み込み待ち時間を軽減する方法をご紹介。
ホームページの高速化ガイド記事99位HTML内に別ファイルの中身を合成できるSSIの使い方
SSI(Server Side Includes)という仕組みを使うと、ウェブサーバ側でHTMLソース内に別ファイルの中身を合成(挿入)できます。ウェブサイト内には、ヘッダ部分・サイドバー部分・フッタ部分など全ページ共通のパーツが存在することが多いでしょう。そのような共通部分を別ファイルに独立させておき、SSIで動的に合成すれば、共通部分の管理や更新作業が楽になります。
CGI・SSI活用入門ガイド記事100位リンク文字の直後にアイコンを加える
リンク文字の直後に、リンク先のファイル種類を示したアイコンを付加してみましょう。毎回画像ファイルを指定しなくても、スタイルシートを使えば楽にアイコンを付加できます。
リンクの表示・装飾 (HTML,CSS,JavaScript)ガイド記事