閉じる
閉じる
閉じる
  1. 新世代Web制作テクニック総特集 スマートフォン ソーシャルメディア …
  2. 本格ビジネスサイトを作りながら学ぶWordPressの教科書
  3. スマートフォンで副収入を稼ぐ本 毎日5分で毎月12万円を稼ぐ!魅惑の副…
  4. パソコン教室で受講料70万円で得た知識
  5. アフィリエイトの達人が教える! 月収別成功体験
  6. ポイントメール受信で稼ぐ わくわくメール
  7. メール受信でお金を稼ぐ GetMoney!
  8. チューニングDIYハンドブック Vol.2
  9. WordPress 3.x デザイン&カスタマイズ スタイル…
  10. Webサイト制作 最新トレンドの傾向と対策 HTML5・スマートフォン…
閉じる

TAKUMI1202.COM

HTML/XHTML & スタイルシート レッスンブック

HTML/XHTML & スタイルシート レッスンブック

 

テキストエディタでWebページ作成のレッスンブックです。

 

Chapter1 ページを作ってみる

  • ホームページを設計する
  • Webページの土台を作る
  • Webページにタイトルを付ける
  • 見出しを表示する
  • 文章を表示する
  • コピーライトを表示する

 

Chapter2 文字のデザイン

  • 文字の大きさを変える
  • フォントの種類を変える
  • すべての文字の色を変変える
  • 一部分の文字を変える
  • 文字を強調する
  • 文字の斜体を解除する
  • 文章中心のコンテンツページを作る
  • 改行をコントロールする
  • 行の間隔を広くする

 

Chapter3 リンクを作る

  • ページとページをリンクで結ぶ
  • リスト形式でメニューを作る
  • メール送信用のリンクを作る
  • リンクの色を変える
  • カーソルを重ねたときのリンクの色を指定する
  • 一部分のリンクの色を変える
  • メニューを横に並べて表示する
  • リンク部分の下線を消す
  • トップページに戻るリンクを用意する

 

Chapter4 背景と罫線のデザイン

  • コンテンツを罫線で囲む
  • 背景に色を付ける
  • メニューバーを作成するヘッダーバーを作成する
  • 見出しにマークを付ける
  • 見出しに下線を表示する

 

Chapter5 画像のデザイン

  • 画像作りに必要なものを用意する
  • Webページに画像を表示する
  • タイトル画像を作成する
  • 背景に画像を表示する
  • 行頭にマークを表示する
  • 文章の中に画像をレイアウトする
  • 一部の画像のレイアウトを変変更する

 

Chapter6 横幅と配置のアレンジ

  • コンテンツの横幅を指定する
  • 文字や画像を中央揃えで表示する
  • 段落などを画面の中央に配置する
  • コンテンツの間隔を調整する

 

Chapter7 テーブルとフォームのアレンジ

  • テーブルを作成する
  • 文字と罫線の間隔を指定する
  • テーブルの大きさを指定する
  • 文字の位置揃えを指定する
  • テーブルの背景色を指定する
  • 罫線のデザインを指定する
  • 罫線をつなげて表示する
  • コメント送信フォームを作成する
  • フォームのデザインをアレンジする

 

Chapter8 ページを公開する

  • Webページの公開に必要なものを用意する
  • Webページのデータをサーバーに置く

 

Chapter9 パワーアップアレンジ

  • ページの左側にメニューを表示する
  • デザイン設定を共有する

 

関連記事

  1. Photoshopデザインメソッド

    Photoshopデザインメソッド

  2. Facebook Perfect GuideBook

    Facebook Perfect GuideBook

  3. 作って覚えるPHP+MySQL アプリケーション

    作って覚えるPHP+MySQL アプリケーション ブログ、ショッ…

  4. WordPressスーパーカスタマイズ 3.2対応

    WordPressスーパーカスタマイズ 3.2対応

  5. 設計者のためのPhotoshop & GIMP活用術

    設計者のためのPhotoshop & GIMP活用術

  6. 本格派のPhotoshop プロのテクニックを紐解く

    本格派のPhotoshop プロのテクニックを紐解く

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

ページ上部へ戻る