HTML

CSS

【知識】CSSの隣接・直下・間接セレクタの使い方教えて

CSSセレクタとは、HTMLの何の要素にCSSのスタイルを適用するのかを指定する時に用いられる識別子です。ここでは「隣接セレクタ」「直下セレクタ」「間接セレクタ」について説明します。
WordPressのプラグイン

【有用】HTMLサイトマップを自動生成するプラグイン

HTMLサイトマップは、Webサイト内にある全ページへのリンクを集めたページで、サイト全体の地図の事をいいます。自分のWebサイトを対象にした、リンク集といえるかもしれません。
Webの知識

【知識】様々なコードのコメントアウト(HTML、CSS、JS、PHP他)

不要なコードを整理するとき、再度使うかも知れないコードを「削除」するのではなくいったん「コメントアウト」しておけば、将来すぐに再利用できるので便利です。様々なコメントアウトの方法を紹介します。
CSS

【基本】CSS(カスケーディングスタイルシート)って何?

CSS(シーエスエス)とは、「カスケーディングスタイルシート」と呼ばれるもので、Webサイトのレイアウトやデザインなど「見た目」を操作・制御するための言語のことです。
Webの知識

【知識】ブラウザって何?どういう仕組みになっているの?

パソコンやスマホを使ってWebサイトを見るときに使うソフトウェアの事を、ブラウザと言います。ブラウズとは閲覧するという意味で、ブラウザの種類にはGoogle Chrome、Safari、Edge、Firefox、Internet Explorerなどがあります。
WordPressの知識

【疑問】あれ?WordPressサイトにはHTMLファイルがないよ?

WordPressサイトは動的にページを生成するため、HTMLファイルがありません。閲覧者のリクエストに応じて、データベースの材料をテンプレートで組み立てて、ページを表示します。
WordPressのカスタマイズ

【選択】簡単カスタマイズをするか、ソースの編集までやるか

WordPressのカスタマイズの道は大きく2通りあります。「テーマの機能を使ったカスタマイズ」か「ソースコードを編集するカスタマイズ」です。あるいはそれらの併用です。初級者にとっては、まずはテーマの機能を使ったカスタマイズがメインになるでしょう。
WordPressの知識

【基本】WordPressのメリットって何?

現在、世界中で構築されているサイトの3割以上がWordPressを使用したサイトだと言われています。WordPressの特徴は、動的サイトを作成できる、デザインが豊富にある、様々な機能を簡単に追加できる、などです。
Webの知識

【有用】Webアイコンフォントを使う方法

Webフォントを使うことで、パソコンにインストールされていないフォントが指定されていても、文字を表示させることができるのです。Webアイコンフォントとは、アイコンを表現するためのWebフォントです。
HTML

【基本】基本的なHTMLタグ

HTMLの文書は、タグと呼ばれる要素で構成されています。しかし、タグを全部覚える必要はありません。基本的なタグを覚えておけば、あとは辞書をひいたりインターネット上の情報を見ればよいのです。
CSS

【基本】CSSの例文

CSSはWebサイトの見た目を整えデザインするための言語です。「セレクタ」「プロパティ」「値」から成り立っています。セレクタには、class属性とid属性を使ってラベルを付けることができます。
Webの知識

【基本】CMSって何のこと?これまでのWebサイトと何が違うの?

CMSとはコンテンツ管理システム(Contents Management System)のことで、Webサイトをブラウザ上で管理できるシステムです。代表例では、WordPressやMovable Typeなどがあります。
HTML

【基本】HTMLって何?

HTMLは、Webサイトの構造を作るための言語です。Webサイトを構成する要素に役割を与える「目印」のようなものです。Webサイトを構成する要素を「開始タグ」と「終了タグ」で囲むようにしますが、一部「終了タグ」が要らない場合もあります。
WordPressの知識

【基本】WordPressの条件分岐って何?

条件分岐とは、ある条件によって分岐するかどうかを決めるプログラムでの命令です。WordPressの条件分岐では、PHPというスクリプト言語を使い、HTMLの中に記述します。
PHP

【知識】PHPって何?

PHPは、サーバーサイドで動作するプログラミング言語で、動的にページを生成することができます。プログラミング言語にはコンパイル言語とスクリプト言語がありますが、PHPは記述されたソースコードを一行ずつ機械語に翻訳しながら実行するスクリプト言語です。
HTML

【知識】HTML4、XHTML1.0、HTML5、これらはどう違うの?

HTML4・XHTML・HTML5の歴史を見ると、HTML4時点ではWebサイトの構築に必要な文法が揃った状態、XHTMLはXMLをベースにしてより厳格な文法が求められる状態、HTML5は無駄をなくし、よりシンプルにより明確に書けるようになった状態、と言えるでしょう。
Webデザイン

【知識】レスポンシブWeb(ウェブ)デザインって何?

レスポンシブWebデザインとは、ひとつのHTMLで、様々なデバイスのブラウザに対してレイアウトや見せ方の対応をするデザインのことです。技術的には、CSS3のメディアクエリという機能で、ブラウザ幅に応じてスタイルを切り替えることで実現します。

[当サイトには、WordPressやWebに関する記事が172件あります]