コンテンツ紹介

webサイト（ホームページ）作成基礎

お試しサイトを作りつつ、webサイト作成の準備と作業の流れ・予備知識を説明しています。一通りやってみればとりあえずwebサイト（ホームページ）作成ってこんな感じ、というのがわかるかも。

こんなコンテンツがあります

• 必要なソフト
• PCの中にサイト置き場を作る
• まず簡単にトップページを作ってみる
• 画像を表示する・改行する・他のページにリンクする
• レンタルサーバ選び
• ファイルを転送(アップロード）する

HTML・CSS基礎

「web標準」に基づいたwebサイト作成のためのValidなHTMLとCSSの基礎知識を説明しています。

こんなコンテンツがあります

• HTML - タグって何？
• HTMLにも種類がある？（DOCTYPE/DTD）
• HTMLの基本構造
• 仕様に沿ったHTMLを書こう

• CSSって何？
• @規則とセレクタ
• CSSバグ - ブラウザによるスタイルの解釈の差異
• CSSハック - ブラウザによって適用させるCSSを振り分ける
• CSS - 独自拡張と先行実装
• CSS書き方TIPS

• HTML・CSSリファレンス

ステップアップ ＆ 小技

一歩進んだwebサイトへ。閲覧者にやさしいwebページ考察やfavicon・検索窓の設置・検索エンジン対策（SEO・検索避け）などの小技紹介。

こんなコンテンツがあります

• faviconを設定する
• .htaccessで自作エラーページ
• 404エラーページにURL候補を表示する
• サイト内検索フォームの設置

• ユーザビリティとアクセシビリティ
• 「target="_blank"」の是非
• フレームレスなwebページ

• 検索エンジン最適化
• 検索避け

ダウンロード

CDPテンプレート、オリジナルテンプレート、CGIテンプレート、画像素材などの配布やCSSデザインTIPSの公開をしています。

資料

DOCTYPEスイッチやwebセーフカラー・フォントファミリー一覧表などの資料とブラウザ「Firefox」に関するメモです。

サイト概要

10pressは初心者～中級者向けにwebサイト（ホームページ）作成講座・テンプレート・素材配布、web制作に関する備忘録などを公開しているサイトです。

サイト名

10press

URL

http://10prs.com/　テキストリンク :

管理人名

Niichi

バナー

200*40

81*31

32*32

古いバナー（持ち帰り用）や詳細な情報、連絡先（メールフォーム）についてはinfoをご覧ください。