デジハリオンラインスクール Week 9(2014/12/22~2014/12/28)

デジハリオンライン入学後9週間目の進捗状況を報告します!!
2014/12/22~2014/12/28にみた動画です。

============★Dreamweaver/HTML/CSS===========
Step5【チュートリアル】リンク関連のタグ
・クリッカブルマップの作成(1)
・クリッカブルマップの作成(2)
・原稿データの利用方法(1)
・原稿データの利用方法(2)
・ディレクトリについて(1)
・ディレクトリについて(2)
・ディレクトリについて(3)
・ファイル名・ディレクトリ名の変更
・ページ間のリンク用ナビゲーションの作成(1)
・ページ間のリンク用ナビゲーションの作成(2)
・ページ間のリンク用ナビゲーションの作成(3)

Step6【チュートリアル】テーブル関連のタグ
・HTMLファイルの複製
・テーブルの設定(1)
・テーブルの設定(2)
・幅やボーダーの設定
・セル周りの余白の設定
・その他のテーブル作成方法
・セルの結合
・ページの調整

Step7【チュートリアル】フォーム関連のタグ
・HTMLファイルの複製
・フォームタグの概要
・1行のテキストフィールドタグ(1)
・1行のテキストフィールドタグ(2)
・ラジオボタンタグ(1)
・ラジオボタンタグ(2)
・チェックボックスタグ
・セレクトメニュータグ
・複数行のテキストフィールドタグ
・送信ボタン・リセットボタンタグ
・ラベルタグ
・コメントタグ
・ページの調整(1)
・ページの調整(2)
・ブロックレベル要素とインライン要素
・バリデーションについて
============★Dreamweaver/HTML/CSSここまで===========

今週はDreamweaverの勉強をガッツリ進めました!!
これまで手書きでHTMLを書いていたときには省略していた要素や属性など、Dreamweaverを使って書くと簡単に挿入できて便利ですね。

デジハリの動画ではデザインビューを使ってタグの入力作業を簡単にする方法が数多く紹介されています。デザインビューなんてこれまで

「あんな簡易表示機能なんて何の役にも立たない」

と思っていましたが、デジハリで紹介されている機能を学ぶにつれて「デザインビュー
」も結構いいかも、と思うようになりました。

私が勉強して便利だなぁと思った機能にデザインビューでテーブルタグのセルの結合があります。デザインビューでCtrlキー+マウス左クリックで結合したいセルをそれぞれ選択して、あとはプロパティインスペクタ上の結合ボタンをポチっとクリックするだけで、テーブルの結合が簡単にできます。

HTMLを知ってる人だとわかると思いますが、セルの結合って結構ややこしいのですよね。Dreamweaverの便利機能で簡単にできるとわかって得した気分です。

さて、というわけで今週の勉強でHTMLの方は一通り終わりました。次からCSSの勉強に突入です。がんばりますよ!!

==========
ブログの更新情報をTwitterやfacebookで紹介しています。ぜひフォローお願いします!
Twitter → @jugedred
facebook → Jugedred Project


この記事をかいた人

ドレッド Webクリエイター、ライター

Webクリエイター&ライター。このブログではWeb制作やライティングでお役に立ちそうは知識から、ドレッドの雑記的な内容まで幅広いネタを取り扱っています。ご質問、ご要望、お仕事のご依頼はお問い合わせフォームからどうぞ! 2016年10月から放送大学に入学しました。

勉強日記(週間報告) | Posted on 2014/12/29 07:18

※コメントは管理人の承認後に公開されます。

コメントを残す

メールアドレスが公開されることはありません。