デジハリデザインスクールシリーズ『Webデザイン HTMLDreamweaver』

[表紙]デジハリデザインスクールシリーズ『Webデザイン HTML&Dreamweaver』

紙版発売

B5判/544ページ/DVD1枚

定価4,620円(本体4,200円+税10%)

ISBN 978-4-7741-3419-2

ただいま弊社在庫はございません。

→学校・法人一括購入ご検討の皆様へ

書籍の概要

この本の概要

マルチメディアスクール「デジタルハリウッド」のスクールで使用されているテキストをそのまま書籍化したシリーズ「デジハリシリーズ」のHTMLとDreamweaverの書籍です。本書は,架空のカフェのWebサイトを順番に作成しながら,Webの基本(HTMLなど)とアプリケーション(Dreamweaver)の使い方を学習していく解説書です。実際のデザイン成果物を作成しながら,その手順を詳しく解説します。

デジタルハリウッドの監修のもと,初心者から読めるレベルになっており,この書籍を一冊読めば,WebとDreamweaverの基礎を習得できる内容になっています(現場で「基本は使えるというレベル」)。CS3対応。

こんな方におすすめ

  • Webサイト作成する工程を基礎からきっちりと学びたい人

著者の一言

本書は,Webサイトの制作を初めて行う方を対象に,実制作の手順に沿って工程を進めながら,「HTML」と「CSS」の基礎から,「Dreamweaver」の基本的な操作,Webサイト制作のテクニックまでを学んでいただけるように執筆したものです。

デジタルハリウッドの教室でも数多くの受講生へ指導を行っている講師と,制作の現場で活躍しているプロのクリエイターを中心に,「プロを目指す」ために理解しておかなければならない技術や知識を絞り込み,できるだけ平易な記述で執筆を行っております。

本書での学習を通じて,架空のカフェのWebサイトを制作しながら,デザインの現場で役立つ技術や知識を習得いただくのはもちろんのこと,Webサイトを制作する楽しさを体感していただければ幸いです。

この書籍に関連する記事があります!

デジハリならではのデザイン講座
みなさん,いかがお過ごしでしょうか。新年度や新学期がはじまったことにより,新しい生活を始めたかたも多いと思います。新生活が始まったことにより,語学や資格など,新しいことにチャレンジしようとしている方も多いかと思います。

目次

  • 知っておきたい基礎知識

Chapter1 HTMLの基本を理解しよう

  • 簡単なHTMLを作る
  • HTMLの基本部分を入力する

Chapter2 テキスト部分をマークアップしよう

  • Webに公開する情報を入力する
  • 見出しをつける
  • 重要な情報を強調する
  • 作成者情報をつける
  • 文章に段落をつける
  • コメントを挿入する
  • その他のテキスト要素の理解
  • 箇条書きリストを作成する
  • 定義型リストを作成する
  • 番号リストを作成する

Chapter3 画像・区切り線の挿入とリンクを設定しよう

  • 画像を挿入する練習
  • 画像を挿入する
  • 区切り線を挿入する
  • リンクを設定する

Chapter4 お問い合わせフォームを作成しよう

  • CONTACTページのファイルを準備する
  • お問い合わせフォームのテーブルを作成する
  • フォームの部品を挿入する
  • コメントを挿入する

Chapter5 フレームを作成しよう

  • インラインフレームを挿入する
  • フレームを作成する

Chapter6 CSSの基本を理解しよう

  • CSSの基本を理解する
  • 外部スタイルシートを読み込む

Chapter7 CSSでテキストのスタイルを設定しよう

  • テキストの表現に関するスタイルを設定する
  • リストに関するスタイルを設定する

Chapter8 CSSでレイアウトのスタイルを設定しよう

  • 幅と高さを設定する
  • マージンとパディング
  • 枠線を設定する
  • 表示方法を設定する
  • Chapter9 CSSで背景のスタイルを設定しよう

    • 背景に色や画像を設定する

    Chapter10 CSSでWebページ全体のスタイルを設定しよう

    • 要素の回りこみと解除
    • 要素を配置する

    Chapter11 テーブルに関するスタイルを理解しよう

    • テーブルに関するスタイルを理解する

    Chapter12 レイアウト調整とクロスブラウザについて理解しよう

    • レイアウトを調整する
    • CSSハックでブラウザ間のバグを回避する
    • 独自拡張機能を使う

    Chapter13 Dreamweaverの基本操作を理解しよう

    • Dreamweaverのインターフェース
    • サイトの定義
    • Dreamweaverの環境設定

    Chapter14 DreamweaverでHTMLの要素を挿入しよう

    • CONTACTページの準備
    • div要素を使ってグループ化する
    • 見出しをつける
    • 重要な情報を強調する
    • リストを作る
    • 文章に段落をつける
    • テキストにリンクをつける
    • 画像を挿入する
    • メディアを挿入する
    • フォームの要素を確認する
    • 特殊文字を挿入する
    • IFRAMEとフレーム

    Chapter15 DreamweaverでCSSを設定しよう

    • コンテンツ全体を囲うボックスのマージンを調整する
    • 見出しにスタイルを設定する
    • お問い合わせフォームを作成する
    • リード文を作成する
    • Recommended
    • パンくずリストを作成する

    Chapter16 >Dreamweaverでイメージマップを作成しよう

    • ACCESSページを作成する
    • 地図にイメージマップをつける
    • カフェの情報を入力する

    Chapter17 DreamweaverでWebサイトを完成させよう

    • ファイルを準備する
    • ABOUTページを作成する
    • MENUページを作成する
    • SITEMAPページを作成する
    • APエレメントを使う

    Chapter18 Dreamweaverによるサイト管理の基本を理解しよう

    • サイト管理
    • ヘッドコンテンツの確認
    • ファイルのアップロード
    • サイトのグループ管理

    Chapter19 Dreamweaverでインタラクティブなページを作成しよう

    • JavaScriptの基本を理解する
    • ビヘイビアを使う
    • Spryを使う
    • JavaScriptを外部化する
    • TOPページのファイル名を変更する

    付録

    • 廃止予定タグとは
    • CSS推奨タグ一覧
    • さらにDreamweaver使いこなすために

    DVD収録付録

  • 付録1.作業を効率化しよう
  • 付録2.Webページをテーブルでレイアウトしよう
  • 付録3.PhotoshopとDreamweaverの連携

著者プロフィール

デジタルハリウッド

「マルチメディア社会に向けて,世界に通用するトップ・クリエイターを育成する」という教育理念のもと,カルチュア・コンビニエンス・クラブ,日立製作所,タイトー,内田洋行,関西テレビ放送,バンダイナムコゲームスなど,日本の産業界をリードする企業群の出資を受けて1994年10月に設立。

デジタルハリウッドのコンセプトである「産学協同」に賛同する企業群と共に,カリキュラムの共同開発,インターンシップ・OJTなどを取り組み,「業界から本当に必要とされる人材の育成」を行っている。現在は専門スクール,オンラインスクール(通信教育),大学,大学院の運営,法人研修やコンサルティング事業など,幅広い教育サービスを展開している。

HP:http://www.dhw.co.jp