ホームページ作成講習に役立つ

ホームページ作成の講習に役立つ便利なサイトやツールを紹介します。

レスポンシブデザインの動作チェックに役立ちます。

■Resizer
GoogleのResizerを利用すれば、PC、タブレット、スマートフォンの3つの画面で、Webページの見え方をシミュレーションすることができます。画面サイズに合わせて最適化できる、レスポンシブデザインの動作チェックに役立ちます。

文章の作成に役立ちます。

Webサイトで求められる文章表現とコピーライティングの方法を学習できます。
■Web文章入門(1)  ■Web文章入門(2)

SEO対策に役立ちます。

SEO(検索エンジン最適化)の基本を学習できます。
■検索エンジン最適化  ■SEO
アクセス解析の基本を学習できます。
■Googleアナリティクス ■Googleサーチコンソール

色の学習に役立ちます。

■原色大辞典  ■色見本と配色サイト

色の学習

ページ一杯に、原色見本とカラーネームが表示され、カラーとカラーコードを一目で探すことができます。「和色大辞典」や「配色大辞典」カテゴリも用意されています。

■Webカラー作成
クリックするだけで、Style、JavaScript、HTMLタグ、Excel VBAなどで利用できるタグを作ることができます。

Webデザインの学習に役立ちます。

■伝わるデザイン  
読みやすく見やすいページを作る方法を分かりやすく解説しています。

■Webデザインの見本帳  
Webデザインを考えるとき、参考になるサイトが事例として紹介されています。

■配色の基本
メインカラー、アクセントカラー、サブカラーの役割を分かりやすく解説しています。

タグ作成の講習に役立ちます。

HTMLやCSSのタグの意味や役割を理解することができます。
■HTMLタグボード  ■HTMLタグ辞典  ■ホームページの素材  ■HTMLタグ一覧

CSSの講習に役立ちます。

■WEB工房きくちゃん
CSS(スタイルシート)を利用するメリットやテクニックを詳しく学習することができます。

■CSSレイアウト実践
SEOを意識したCSSデザインを主としたCSS(スタイルシート)を作る方法を学習することができます。

XHTMLの初級講習に役立ちます。

XHTML+CSSの初級講習を行うときに役立つ情報が整理されています。

■XHTML初心者向け講座  ■XHTML入門  ■XHTMLの基礎知識

XHTMLの中級講習に役立ちます。

XHTML+CSSの中級講習を行うときに役立つ情報が整理されています。

■XHTML 基礎講座  ■XHTML+CSSでホームページ作成

ビジネスで通用するWebサイトを作成するときに役立ちます。

■ビジネス用のWebサイトを作成
専門知識やデザインセンスがなくても、ビジネスで通用するSEO対策済みの本格的なWebサイトを、ブラウザー上だけで作ることができます。公開も更新も簡単です。