このビデオではDreamweaver CS5のCSSヒント機能について学びます。コーディングが苦手なデザイナーでもDreamweaverから提供されるCSSのヒントを読むことで、CSSについて学びながら適切なスタイルのコ …
REED MORE →
ワークスペース
ワークスペースのチュートリアルビデオではDreamweaver CS5のワークスペースについてご紹介します。簡単な操作を通して、Dreamweaverでページを編集するためのワークスペースとその仕組みについて学びます。
CSSスターターレイアウトとドキュメントの新規作成
CSSスターターレイアウトとドキュメントの新規作成ビデオではDreamweaver CS5でドキュメントを新規作成する手順をご紹介します。CSSをベースにしたページデザインを行うために、CSSスターターレイアウトを用いる …
REED MORE →
シンプルなサイト定義
Dreamweaver CS5のシンプルなサイト定義について学びます。ローカルの保存場所と、サイト名だけを定義すれば、Webサイトの作成を開始できます。その他の情報については、その情報の設定が必要になった際に、Dream …
REED MORE →
Dreamweaver CS5の概要
2010年7月現在のDreamweaverの最新バージョンはCS5になっています。わたしも使っていますがまだまだ勉強中で使いこなせてません。早く使いこなせるようになってホームページ作成のスピードアップに役立たせたいです。 …
REED MORE →
スタイルシートの見本完成-Dreamweaver
下記の見本が今回Dreamweaverで作成したスタイルシートになります。コピーはせずにあくまでも参考にして、Dreamweaverで入力をして作ってみてください。。又今回はレイアウトやナビゲーションの設置を基本に作成し …
REED MORE →
区切り線、ヘッダー、ナビゲーションの作成
それでは(hr)の区切り線を設定します。区切り線の設定は区切り線を見えなくするだけです。それなら最初から区切り線を入れなくてもいいんですが、携帯で見た場合に見やすくするために今回はあえて区切り線を入れて作成してあります。 …
REED MORE →
idグループを作成し、コメントを入力しよう-DW
それではidグループの作成をしていきます。作成するのはwrapper,header,sidebar,main,footerになりますが、wrapperのみ図表で解説しますので残りのグループは文章に沿って設定してみてくださ …
REED MORE →
メインタグをいっきに作成してみよう-DW
Lesson2-1ではbodyタグのみ作成しましたが、今回はいくつかのタグをいっきに作成するやり方を行ってみます。h1,h2,h3,h4,p,ul,li,dl,dt,ddタグの余白とマージを全て0pxに設定しておきます。 …
REED MORE →
bodyタグを作成しよう-Dreamweaver
スタイルシートは色んなやり方があると思いますのでここでやるやり方だけではないのを理解しておいてください。今回の設定ではまず各マージン、各余白を全て0pxに設定、imgのボーダーを0pxに設定、リンクスタイルの設定、などを …
REED MORE →