はじめに
HP事例集
MONOLITH (tcd042)
AMORE (tcd028)
LUXE (tcd022)
MAG (tcd036)
SWEETY (tcd029)
開業HP講座
実践編
導入編
計画編
開業支援サービスまとめ
HP作成講座
序章:あなたはウェブデザインが出来る
第一章:自分でウェブサイトを作る意義
第二章:ウェブサイト公開の環境を整える
第三章:ウェブサイトの骨格を作る
第四章:ウェブサイトをデザインする
無料でデザイン
menu
ホーム
お手本HPの記事一覧
無料ホームページ作成講座『初めてWeb入門』
,
第四章:ウェブサイトをデザインする
ヘッダーを作成する
第四章:ウェブサイトをデザインする
ヘッダーを作成する
次は、ヘッダー。つまり、ページ上部です。
ここでは、新しい概念の登場です。気合いを入れていきましょう。
1. デザインをする言語CSS
2. CSSの基本構造
(ア) タグへ対する装飾
(イ) “id”属性と”class”属性
3. ページ全体を装飾する
(ア) 文字のサイズを指定する
(イ) 文字の色を指定する
(ウ) 文字の行間を指定する
4. タイトルを装飾する
(ア) 文字を太字にする
(イ) 文字のフォントを指定する
5. ヘッダーを作成する
(ア) ブロックのサイズを指定する
(イ) ブロックの余白を指定する
(ウ) 背景画像を設定する
6. 2カラムデザインを実装する
(ア) カラムという概念
(イ) 2カラムを指定する
7. メニューをデザインする
(ア) リンクを装飾する
(イ) リストに画像を指定する
8. コンテンツ部分をデザインする
(ア) 今までにやったことを用いて、見出しを装飾する
(イ) 今までにやったことを用いて、コンテンツを装飾する
(ウ) 画像を使わずにセンスある見出しを作る
(エ) 写真をあれこれ装飾する
(オ) 表を装飾する
9. フッターを作成する
10. 最後に、ウェブサイトを公開する
Tweet
Share
+1
Hatena
Pocket
RSS
feedly
Pin it
投稿者:
お手本にしたい!ホームページ制作事例ナビ 管理人
無料ホームページ作成講座『初めてWeb入門』
,
第四章:ウェブサイトをデザインする
文字のフォントを指定する
前の記事
ブロックのサイズを指定する
次の記事
関連記事
小見出しをつける
リンクをする
テストアップロードをしよう
フッターを作成する
代替テキストを表示する
最初のファイルを作る
お手本ナビの無料HPデザイン
キーワードを入力して探す
検索:
タグから探す
facebook連携
MONOLITH
Twitter連携
インテリア
オシャレ
オンラインショップ
グルメ
シンプル
デザイン
トレーナー
バー
フォトギャラリー
ブログ
ヘアサロン
ホテル
モノトーン
リフォーム
レストラン
信頼感
内装
動画
千葉県
埼玉県
家
建築
採用ページ
施工事例
旅行記
東京都
洋風
清潔感
白
福井市
福井県
福岡市
福岡県
緑
美容室
長野県
青
静岡県
飲食店
飲食業
高級感
黒
ランダムピックアップ
プロに任せて本当に安心?ホームページ発注に潜む4つの罠
新しいウィンドウでリンクする
NPO法人(東京都国立市)のホームページ制作事例 …
飲食店の開業準備にあたって見ておきたい開業支援サービスま…
コンセプトページを考えよう
ネット集客の計画を立てよう
検索エンジンからお客様を集める方法を考えよう
デザインをする言語CSS
どんなお客様に何を届けるか決めよう
お問い合わせページを考えよう
カテゴリから探す
ホームページ制作事例
(33)
AMORE (tcd028)
(5)
LUXE (tcd022)
(6)
MAG (tcd036)
(6)
MONOLITH (tcd042)
(15)
SWEETY (tcd029)
(1)
未分類
(2)
無料で使えるフリー素材
(22)
HTML/CSS素材
(3)
イラスト素材
(11)
クレジット表記不要
(16)
サイト内容不問
(2)
フォント素材
(1)
リンク不要
(15)
写真素材
(5)
加工OK
(17)
商用利用可能
(16)
無料(0円)
(21)
画像素材
(10)
音素材
(4)
無料ホームページ作成講座『初めてWeb入門』
(78)
序章:あなたはウェブデザインが出来る
(2)
第一章:自分でウェブサイトを作る意義
(5)
第三章:ウェブサイトの骨格を作る
(28)
第二章:ウェブサイト公開の環境を整える
(12)
第四章:ウェブサイトをデザインする
(30)
開業で失敗しないためのネット活用実践講座
(35)
実践編
(1)
導入編
(9)
計画編
(12)
開業支援サービスまとめ
(15)