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

HTMLの解説書などを読むと、「pタグ」・「strongタグ」ではなく「p要素」・「strong要素」と記載されていることがあります。「タグ」と「要素」の違いは何でしょうか？ この機会に用語を正しく理解してみませんか？

「××はこちら！」や「ここをクリック！」というようなリンクを作ってしまっていませんか？ このようなリンクは、アクセスUPチャンスを逃している点と、ユーザビリティ上よくない点で、とても残念な書き方です。

HTMLソースやCSS(スタイルシート)ソースを編集する最初のステップとして、お使いの環境に合わせたソース編集方法をご紹介。ホームページ・ビルダーなどのホームページ作成ソフトでHTMLやCSSソースを編集したり、メモ帳などのテキストエディタで各種ソースを編集したり、CMSツール上でソースを編集したりする方法を解説。ソースを編集できない場合の対策も。

約4千種類ものアイコン(絵文字)を収録したWebフォント「Font Awesome 5」を自サイトで簡単に使う方法を解説。アイコンを文字として表示できるため、CSS(スタイルシート)で簡単に色やサイズを指定可能。アイコンを回転させたり重ね合わせたりする方法も紹介。無料版でも1300種類以上のアイコンWebフォントが使えます。

Microsoft製のホームページ作成ソフト「Microsoft Expression Web 4」が開発終了に伴って無料公開されています。HTMLやCSSだけでなくJavaScriptやPHPも含めたソース補完機能、入力支援機能、文法チェック機能などを備えた、統合ホームページ作成フリーソフトです。この機会に使ってみてはいかがでしょうか。Windows10でも動作し、HTML5で記述することもできます。日本語版のインストール方法と各種機能をご紹介いたします。

IE8・IE9・IE10・IE11といった古いバージョンのIEを複数同時に起動させる方法を解説。Microsoftが無償配布している仮想マシンイメージを使えば、仮想環境上で複数バージョンのIEやEdgeを起動して表示確認ができます。最新版のIEやEdgeがインストールされている環境でも古いIEを同時に併用できますし、LinuxやMac上でもIEやEdgeを起動して表示確認ができます。

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

レスポンシブWebデザインを使って2カラム(2段組)レイアウトを作成する方法を、簡単なテンプレートとしても使えるHTML＋CSSソースの例と共に解説。スマートフォンなど幅の狭い画面では1カラム(段組なし)で表示し、PCなど幅の広い画面ではマルチカラムで表示するような「画面幅に適したレイアウトで表示できるWebサイト」も、HTML＋CSSだけで簡単に作れます。

CSS(スタイルシート)とは何なのかをわかりやすく解説。CSSとHTMLの関係は？ CSSソースの書き方は？ CSSファイルの読み込み方は？ CSS3やCSS4とは？ レスポンシブWebデザインとは？ CSSの基本的な構造は？ といった基本的な疑問を解消して、セレクタやプロパティなどのCSS用語を簡単に解説。代表的なブラウザのCSSサポート状況の調べ方も紹介。

アプリケーションの入力フォームなどでよく使用される「グループボックス」のようなラベル付きの枠を作ってみませんか？ これを使って入力フォームを整頓すると、フォームの見やすさの向上が期待できます。