CSSボックスモデル

プログラム:

Learn Dreamweaver CS5 & CS5.5

再生回数: 2,198

使用製品:

保存

このエピソードは役に立ちましたか？

はいいいえ

このエピソードについて

このビデオでは、Dreamweaverでデザイン・構成を行う上で知っておきたい、Webページデザインの基本的なコンセプトの一つ“ボックスモデル”について学習します。

制作

アテイン株式会社

詳細を表示

その他のエピソード

エピソードのタイトル	所要時間	クローズドキャプション	使用製品	マイライブラリ
Getting Started (GS): Dreamweaver CS5の概要 Getting Started (GS): Dreamweaver CS5の概要このビデオはDreamweaver CS5の概要をご紹介します。CSSインスペクトモード、CSSの有効・無効化、PHPをベースにしたCMSによるサイトの編集などのフラッシュをご覧いただきます。所要時間: 00:06:17 掲載日: May 20, 2010 再生回数: 21,769	00:06:17
GS-01: シンプルなサイト定義 GS-01: シンプルなサイト定義 Dreamweaver CS5のシンプルなサイト定義について学びます。ローカルの保存場所と、サイト名だけを定義すれば、Webサイトの作成を開始できます。その他の情報については、その情報の設定が必要になった際に、Dreamweaverがそのことを知らせ、設定を促します。所要時間: 00:02:21 掲載日: May 20, 2010 再生回数: 16,182	00:02:21
GS-02: CSSスターターレイアウトとドキュメントの新規作成 GS-02: CSSスターターレイアウトとドキュメントの新規作成このビデオではDreamweaver CS5でドキュメントを新規作成する手順をご紹介します。CSSをベースにしたページデザインを行うために、CSSスターターレイアウトを用いる方法を学びます。所要時間: 00:02:58 掲載日: May 20, 2010 再生回数: 12,418	00:02:58
GS-03: ワークスペース GS-03: ワークスペースこのビデオではDreamweaver CS5のワークスペースについてご紹介します。簡単な操作を通して、Dreamweaverでページを編集するためのワークスペースとその仕組みについて学びます。所要時間: 00:06:01 掲載日: May 20, 2010 再生回数: 9,183	00:06:01
GS-04: CSSのヒント GS-04: CSSのヒント Dreamweaver CS5のCSSヒント機能について学びます。コーディングが苦手なデザイナーでもDreamweaverから提供されるCSSのヒントを読むことで、CSSについて学びながら適切なスタイルのコーディングを行うことができます。所要時間: 00:02:44 掲載日: May 20, 2010 再生回数: 7,445	00:02:44
GS-05: CSSルールの定義 GS-05: CSSルールの定義このビデオではCSSルールの定義方法についてご紹介します。CSSルール定義ダイアログボックスを用いて簡単にCSSルールを定義する方法をご紹介します。所要時間: 00:04:53 掲載日: May 20, 2010 再生回数: 7,318	00:04:53
GS-06: CSSインスペクトとCSSの有効/無効 GS-06: CSSインスペクトとCSSの有効/無効 Dreamweaver CS5にはCSSによるページ作成をサポートする多くの機能が搭載されています。このビデオではCSSによるページデザインへの影響をビジュアルに把握するためのCSSインスペクトとCSSの有効/無効の機能の使い方を学習します。所要時間: 00:05:01 掲載日: May 20, 2010 再生回数: 5,538	00:05:01
GS-07: CMSのサポートと動的関連ファイル GS-07: CMSのサポートと動的関連ファイル Dreamweaver CS5の大きな特徴はPHPをベースとしたCMSのページ編集をサポートしたことです。このビデオではWordPressを例に動的関連ファイルの機能やサーバーの設定についてご紹介します。所要時間: 00:03:24 掲載日: May 20, 2010 再生回数: 7,316	00:03:24
GS-08: ライブビューナビゲーション GS-08: ライブビューナビゲーションライブビューを使えば、Webブラウザーを使用することなく適切にページをレンダリングし、表示させることができます。このビデオではライブビューを利用してリンク先を連続的に表示する方法をご紹介します。所要時間: 00:01:55 掲載日: May 20, 2010 再生回数: 4,147	00:01:55
CMSフレームワークとの利用 CMSフレームワークとの利用 Dreamweaver CS5のコンテンツマネージメントシステムとの、統合ツールについて学びます。 Wordpress、Drupal、JoomlaといったCMSのサイトを編集し、ライブビューや動的関連ファイルやサイトに特化したコードヒントの機能を利用する方法について学びます。所要時間: 00:14:31 掲載日: June 16, 2010 再生回数: 8,357	00:14:31
新しいWidget Browserの利用新しいWidget Browserの利用新しいWidget Browserを利用すると、サイトに簡単に機能を追加できます。このビデオでは,Widget Browserをインストールし、Adobe ExchangeからWidgetを入手し、Dreamweaverで編集する方法を学びます。所要時間: 00:13:10 掲載日: June 21, 2010 再生回数: 4,124	00:13:10
Dreamweaver CS5に統合されたAdobe BrowserLab Dreamweaver CS5に統合されたAdobe BrowserLab Adobe BrowserLabを使って複数のブラウザーでの表示状態を比較する方法を学びます。ページデザインのスクリーンショットを元に、設定したブラウザーのセットを使って効果的にサイトの互換性をテストします。所要時間: 00:13:10 掲載日: June 21, 2010 再生回数: 2,421	00:13:10
Adobe CS Liveの利用 Adobe CS Liveの利用 Webやビデオのクリエイティブプロフェッショナルのための一連のサービスである、新しいAdobe CS Liveについてご紹介します。所要時間: 00:08:05 掲載日: September 24, 2010 再生回数: 12,319	00:08:05
SubversionとDreamweaverの連携 SubversionとDreamweaverの連携オープンソースバージョンコントロールシステムである、Subversionについて学びます。Subversionサーバーと連携し、Dreamweaverで複数のページのバージョンを設定し、任意のものを選べます。所要時間: 00:05:39 掲載日: June 21, 2010 再生回数: 2,026	00:05:39
FXG形式でのページとオブジェクトの書き出し FXG形式でのページとオブジェクトの書き出し Adobe Fireworks CS5で、FXG2.0フォーマットによる画像を、マルチページのデザインあるいは個別のオブジェクトとして編集可能な状態で書き出し、Flash Catalystなどで利用する方法を学びます。所要時間: 00:08:26 掲載日: September 24, 2010 再生回数: 6,672	00:08:26
Dreamweaver CS5 の新機能 Dreamweaver CS5 の新機能 CSSの作業を効率的に進めることができる、CSSスターターレイアウト、インスペクトモードやCSSプロパティの有効/無効の切り替えなど、Dreamweaver CS5の新機能についてご紹介します。所要時間: 00:10:17 掲載日: July 14, 2010 再生回数: 2,463	00:10:17
サイト固有のコードヒントサイト固有のコードヒントサイト固有のコードヒントは、Dreamweaver CS5の新機能です。WordPress、Drupal、Joomla などに関連したサイト固有のコードヒントの利用方法をご紹介します。所要時間: 00:07:27 掲載日: July 14, 2010 再生回数: 1,573	00:07:27
Dreamweaver CS5 のサイト設定 Dreamweaver CS5 のサイト設定大変シンプルになったDreamweaver CS5のサイト設定についてご紹介します。サイト設定ダイアログボックスで、テストサーバーやリモートサーバーの設定について学びます。所要時間: 00:08:11 掲載日: July 14, 2010 再生回数: 5,171	00:08:11
Dreamweaver CS5のワークスペース Dreamweaver CS5のワークスペースこのビデオではDreamweaver CS5のワークスペースについてご紹介します。所要時間: 00:06:20 掲載日: October 28, 2010 再生回数: 1,382	00:06:20
ページの新規作成ページの新規作成このビデオではDreamweaverでページを新規作成する方法をご紹介します。所要時間: 00:04:45 掲載日: October 28, 2010 再生回数: 2,979	00:04:45
文字の入力文字の入力このビデオではDreamweaverで文字を入力したり、あらかじめ用意したテキストを流し込んだりする作業について解説します。所要時間: 00:03:36 掲載日: November 11, 2010 再生回数: 2,670	00:03:36
リストと属性の指定リストと属性の指定このビデオではDreamweaverでリストと属性の設定をする方法をご紹介します。所要時間: 00:03:44 掲載日: November 25, 2010 再生回数: 1,965	00:03:44
見出しのマークアップ見出しのマークアップこのビデオではWebページを作成する際、テキストに構造を定義するために見出しのマークアップをする方法についてご紹介します。所要時間: 00:04:31 掲載日: December 10, 2010 再生回数: 1,741	00:04:31
特殊文字の指定特殊文字の指定このビデオではコピーライトなどの特殊記号をHTMLに挿入する手順についてご紹介します。所要時間: 00:02:16 掲載日: December 23, 2010 再生回数: 1,464	00:02:16
Webに用いる画像 Webに用いる画像このビデオではWebページで用いる3種類の画像形式の違いと使い分けに関してご紹介します。所要時間: 00:08:09 掲載日: January 20, 2011 再生回数: 2,150	00:08:09
画像の挿入画像の挿入このビデオでは、ページ上に画像を挿入する方法をご紹介します。ファイルパネルを使用して簡単に挿入する方法や、画像が表示されない場合に、代わりに表示させる「代替テキスト」の設定方法についても学びます。所要時間: 00:03:43 掲載日: March 17, 2011 再生回数: 3,532	00:03:43
リンクの設定リンクの設定このビデオでは、文字にリンクを設定します。挿入パネルのハイパーリンクやプロパティインスペクタを使用し、簡単に設定する方法をご紹介します。所要時間: 00:02:23 掲載日: March 17, 2011 再生回数: 2,452	00:02:23
相対パスと絶対パス相対パスと絶対パスこのビデオでは、リンクや画像の設定に欠かせない相対パスと絶対パスを、ファイル階層の図を用いてご紹介します。所要時間: 00:05:06 掲載日: March 31, 2011 再生回数: 1,746	00:05:06
テーブルの作成テーブルの作成このビデオではテーブルを使用し、各要素を綺麗に配置する骨組みを作成していきます。所要時間: 00:05:55 掲載日: May 12, 2011 再生回数: 3,056	00:05:55
フォームの作成フォームの作成このビデオでは、テーブル内の空欄にフォーム要素を追加し、お問い合わせフォームを作成していきます。所要時間: 00:08:59 掲載日: May 12, 2011 再生回数: 3,489	00:08:59
Photoshopからのスライス書き出し Photoshopからのスライス書き出しこのビデオでは、マウスオーバー時に色調が変化するボタンを、Photoshopｂのスライス機能を利用して書き出す方法について学習します。所要時間: 00:09:16 掲載日: June 09, 2011 再生回数: 5,186	00:09:16
ロールオーバーイメージの挿入ロールオーバーイメージの挿入このビデオではロールオーバーイメージを、グローバルナビゲーションとしてページ上に挿入する方法について学習します。所要時間: 00:05:54 掲載日: July 07, 2011 再生回数: 3,861	00:05:54
CSSボックスモデル CSSボックスモデルこのビデオでは、Dreamweaverでデザイン・構成を行う上で知っておきたい、Webページデザインの基本的なコンセプトの一つ“ボックスモデル”について学習します。所要時間: 00:02:26 掲載日: July 07, 2011 再生回数: 2,198	00:02:26
DW CS5.5:サイトの設定 DW CS5.5:サイトの設定このビデオでは、サイト設定時の新しいオプションについて学習します。FTPSのサポートにより、さらに安全にファイルをデプロイできるようになりました。所要時間: 00:05:29 掲載日: July 13, 2011 再生回数: 1,844	00:05:29
DW CS5.5:CSSレイアウト DW CS5.5:CSSレイアウトこのビデオでは、CSSスタイルパネルあるいはコードビューのコードヒントを利用し、CSS3のプロパティを効率的に設定する方法を学習します。所要時間: 00:06:12 掲載日: July 14, 2011 再生回数: 2,716	00:06:12
DW CS5.5:jQuery mobile DW CS5.5:jQuery mobile このビデオでは、jQuery mobileによるスマートフォン用のページ作成を、効率的に行う方法を学習します。所要時間: 00:11:48 掲載日: July 26, 2011 再生回数: 1,869	00:11:48
Divタグの挿入 Divタグの挿入このビデオでは、Divタグの挿入方法や、ID及びクラス名などについてご紹介します。所要時間: 00:05:30 掲載日: August 04, 2011 再生回数: 2,488	00:05:30
CSSをドキュメントへ埋め込む CSSをドキュメントへ埋め込むこのビデオでは、CSSをドキュメント自体へ埋め込む方法についてご紹介します。所要時間: 00:07:45 掲載日: October 12, 2011 再生回数: 1,872	00:07:45
外部スタイルシートの使用外部スタイルシートの使用このビデオでは、外部のスタイルシートを使用してウェブページを構成する方法についてご紹介します。所要時間: 00:21:42 掲載日: January 19, 2012 再生回数: 2,341	00:21:42
コードナビゲーターとCSSの有効化と無効化コードナビゲーターとCSSの有効化と無効化このビデオでは、コードナビゲーターを利用して効率良くコードを編集する方法や、既に記述してあるCSS情報を確認・修正する方法についてご紹介します。所要時間: 00:05:59 掲載日: February 16, 2012 再生回数: 1,147	00:05:59
CSSインスペクト CSSインスペクトこのビデオでは、パディングなどを色で示して効率良くレイアウトの調整が行えるようにサポートする、CSSインスペクト機能についてご紹介します。所要時間: 00:03:30 掲載日: April 26, 2012 再生回数: 625	00:03:30
Photoshopからの画像の読み込み Photoshopからの画像の読み込みこのビデオでは、Photoshopで作成したメイン画像を、Web用の画像に変換し、配置する方法についてご紹介します。所要時間: 00:04:14 掲載日: June 07, 2012 再生回数: 1,282	00:04:14
サーバーの設定とアップロードサーバーの設定とアップロードこのビデオでは、Dreamweaver CS5で作成したサイトをアップロードする方法や、サーバーの設定方法についてご紹介します。所要時間: 00:03:49 掲載日: June 21, 2012 再生回数: 1,612	00:03:49