Web制作の基本:StudyNetについて

Web制作の基本|StudyNetでは、
WEBデザインとコーダー(マークアップエンジニア)の双方の視点からWeb制作の基礎を学びます。

Web制作における実務に役立つサイト管理の方法から、
サイト最適化(SEO対策)による正しいマークアップ方法、CSSスキルを身につけてより自由なデザイン技術を学ぶための技術解説しています。

Web制作の基本:StudyNet 最新情報

SERPsとは

SERPsとは、Search Engine Results Pagesの略で、検索結果の事を指します。
SERPsには、2種類あります。

» SERPsとはに関する詳細はこちら

3大検索エンジンシェア率

WEBサイトへ訪れる人は、検索エンジンからの結果で訪問するユーザーが8割と言われています。
検索エンジンでの結果では、ユーザーは2、3ページまでしか見ないとも言われています。

» 3大検索エンジンシェア率に関する詳細はこちら

@ルール

@ルールとは、CSSを出力する際、メディアを特定して出力するためのものです。

» @ルールに関する詳細はこちら

@charsetルール

XHTMLファイルに文字コードセットがあるのように、CSSファイルにも文字コードセットがあります。

» @charsetルールに関する詳細はこちら

@importルール

この方法は、スタイルシートの中から外部スタイルシートを読み込ませる方法です。
@importの方法で、各メディア環境に配慮したスタイルシートの設定を行います。

» @importルールに関する詳細はこちら

@mediaルール

CSSを各メディア毎に振り分ける方法です。
印刷を出力する際やテレビ、携帯電話など様々なメディアがあり、ユーザーはパソコンからサイトにアクセスするとは限りません。

» @mediaルールに関する詳細はこちら

リストでマークアップした横メニュー

CSSのみでデザインする方法です。
フッターナビゲーションにも使えますし、
背景画像を使用したデザイン性に優れたナビゲーションでの作成も可能です。
リストでマークアップした横メニュー

テーブルをCSSでデザイン

CSSを使って、テーブルタグを制御します。
テーブルは表組みを作成するときに役立つタグです。

以前はレイアウトの要素が高かったのですが、
CSSレイアウトになってから、現在では表やデータを示すものとして使われることが多くなっています。

» テーブルをCSSで制御に関する詳細はこちら

css Zen Garden:CSS デザインの美

XHTMLファイルを変更せずに、
CSSだけでデザインを変更する試みをしているサイト。
»css Zen Garden:CSS デザインの美 に関する詳細はこちら

:: EMOTIONS by Mike :: freelance portfolio

美しいグラフィックが光るサイト。

サイトの構成がXHTMLとCSS共にシンプルで、
見習いたいサイトの一つ。
»:: EMOTIONS by Mike :: freelance portfolio に関する詳細はこちら

『WEBサイト制作者に役立つメルマガ』発行!