webの勉強!!初心者!脱出マニュアル!!

webの勉強を、初心者から脱出するためのメモを残していきます

WEBの勉強~HTML5/CSS3/Dremweaver~

こんにちは、メグルです。

 

今日は、dreamweaverです。

 

cssデザイナーというものを使うとコーディングが倍くらい速くなる。

 

デザインで打つと、コードに反映されている。

shift+enterで改行

デザインでenterを押すと段落になる。

 

デザインで、フォーマットから見出しを変更できる。

 


読者サポート | DreamweaverレッスンブックCC対応 | ソシム

 

画像の挿入は、イメージ→イメージでファイル選択。

 

f:id:meglez1:20150123102922p:plain

上に記入するとaltに記入される。

 

画像にリンクを貼る方法はこちら

 

f:id:meglez1:20150123103302p:plain

 

今のサイトから違うサイトで新しいタブで開くときに使う

f:id:meglez1:20150123103447p:plain

 

f:id:meglez1:20150123103543p:plain

が自動で挿入されるとても便利な機能です。

 

次は、文字のリンクは、

文字を選んで、

f:id:meglez1:20150123103810p:plain

 

リンクに画像や、ファイルをドラッグするとリンクされる。

 

ターゲットもここからやると、コードのミスなく確実に新しいタブのソースができるので便利ですね!

 

次にメールのリンク!!

挿入→電子メール挿入

 

 

f:id:meglez1:20150123104338p:plain

f:id:meglez1:20150123104356p:plain

 

そうすると、

f:id:meglez1:20150123104512p:plain

上のようになって、メーラーが立ち上がるようになります。

 

次にcssデザイナーの使い方について学びます。

 

ウィンドウ→cssデザイナー

 

まずは、h1の文字の上にカーソルを

次に、style.cssえをクリック

セレクタのプラスマークを押す

そしたら、body~が出てくるのでそこでenterすると、プロパティが出てくる。

f:id:meglez1:20150123110159p:plain

 

f:id:meglez1:20150123110211p:plain

 

IT 勉強会カレンダー

で勉強会に参加するととても勉強になる。

 

.redを、セレクターのプラスを押して、追加出来る

 

f:id:meglez1:20150123114031p:plain

f:id:meglez1:20150123114543p:plain

ここをredにすると、

赤くなる。

 

明日は、ここまでの知識は最低限必要なので、完璧にしておく。

午後は演習の時間!!