ホームページ作成 人気記事ランキング(7ページ目)
2024年11月20日 ホームページ作成内でアクセスの多かった記事をご紹介します。
61位PC版とスマートフォン版サイトを自動で切り替える方法
PC用サイトにアクセスしてきたスマートフォン利用者を自動的にスマホ用サイトへ誘導できるように、アクセス者の端末(PC/SP)に応じて閲覧先を自動で切り替える機能の作り方をご紹介。閲覧者のユーザエージェント名(ブラウザや機種名)を判別し、「.htaccess」のmod_rewriteを使ってアクセス先を自動振り分けすることで、スマートフォンユーザだけをリダイレクトする方法を解説。
携帯・スマートフォンサイト作成入門ガイド記事62位CSSのnth-childやnth-of-typeで表の縦(列)を一括装飾
CSSの疑似クラスnth-childやnth-of-typeは、どちらも「何番目の要素を対象にして装飾」というスタイルを作れます。これらを使えば、CSSだけで表を縦方向に一括装飾できます。表の列をグループ化するcolgroup要素を使わなくても、nth-of-typeやnth-childを使えば対象セルの位置を番号で指定できるからです。表を列単位で装飾するCSSの書き方をご紹介。nth-childとnth-of-typeの違いも解説。
テキストの配置・装飾 (HTML,CSS)ガイド記事63位FTPソフトとは?役割と使い方&初心者におすすめな2選
FTPソフトとは、サーバにファイルをアップロードしたり、サーバにあるファイルをダウンロードしたりする際に使うファイル転送用ソフトウェアのことです。作成したウェブページをインターネット上などに公開する目的にも使います。Windows用の無料FTPソフトとしては、FFFTPやWinSCPがおすすめです。FTPソフトの概要と役割、一般的な使い方を簡単にご紹介。
ホームページ作成関連情報ガイド記事64位CSSのborder-radiusで角丸に表示する方法
CSSのborder-radiusプロパティを使って、スタイルシートだけでボックスなどの角を丸くする方法を解説。枠線が引かれていれば四角い枠線の角が丸くなりますし、背景色が塗られていれば四角い塗りつぶし領域の角が丸くなります。画像の四隅を丸くカットすることも可能。角丸の半径は1ピクセル単位で設定でき、四隅の一部だけ(上だけ・下だけ・左だけなど)を角丸にすることもできるため、連結ボタンに見せる装飾も簡単に作れます。
ボックスや枠線の表示・装飾 (HTML,CSS)ガイド記事65位JavaScriptを実行して出力されたHTMLソースを見る方法
JavaScriptが実行された結果として、どのような文字列やHTMLソースが出力されているのかを確認する方法を解説。ブラウザの「ソースを表示」機能では単にJavaScriptのソースコードが見えるだけです。そうではなく、関数が処理された結果としてブラウザに出力されるHTML要素などの値を見たりファイルに保存したりする操作例をご紹介いたします。
ホームページ作成テクニック、小技ガイド記事66位ぴったりくっつけたい!-FORM編
「なぜ隙間ができるんだ!?」「どうしてくっつかないんだ!?」という疑問を解決。フォーム(ボタンや入力フォームなど)と周囲をぴったりくっつける方法を、原因・理由と共にご紹介!
フォームの活用・装飾 (HTML,CSS,JavaScript)ガイド記事67位お気に入り(ブックマーク)登録ボタンを作る方法
お気に入り登録ボタン(ブックマークボタン)の作成方法を解説。IE11までならJavaScriptでブックマーク登録画面を出せます。SafariやChromeなど他のブラウザでは動かないため、代わりにソーシャルブックマークサービス「はてなブックマーク」や「Pocket」にURLを登録するボタンの設置方法も紹介。
ホームページ作成テクニック、小技ガイド記事68位隠しリンクの作り方と見つけ方!SEOなど注意点も
隠しリンクの作り方と見つけ方(探し方)、SEOでのペナルティなど注意点をご紹介。HTMLとCSSを使った「簡単に作れて簡単に見つけられる方法」から、JavaScriptを併用することで「リンク一覧作成機能(アドオンなど)を使っても見つけられない方法」まで、4種類の作り方・見つけ方を解説しています。隠しリンクゲームの作成や攻略などにお役立てください。
リンクの表示・装飾 (HTML,CSS,JavaScript)ガイド記事69位表の1列すべてに背景色を付ける方法
表を作成する際、1行(横)や1列(縦)全体を同じ背景色で塗りたい場合がありますね。セル1つ1つに背景色を指定するのは面倒すぎます。1列まとめて一気に背景色や属性などを指定する方法をご紹介。
HTML・スタイルシート(CSS)の基礎ガイド記事70位ショートカットキーでリンクやボタンを操作可能にする
多くのソフトウェアには便利なショートカットキーが用意されています。慣れると非常に重宝するショートカットキーをホームページ内部にも設けてみましょう。ページ内の各オブジェクトをキーで選択する方法をご紹介。
HTML・スタイルシート(CSS)の基礎ガイド記事