デジハリオンラインスクール Week 10(2014/12/29~2015/1/4)

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

============★Dreamweaver/HTML/CSS===========
Step8【チュートリアル】CSS概要と書式について
・CSSとは
・CSSの書き方
・CSSを学習する準備
・CSSを記述する場所(1)
・CSSを記述する場所(2)
・CSSを記述する場所(3)
・CSSを記述する場所(4)
・CSSの優先順位
・タグセレクタについて
・classセレクタについて
・idセレクタについて
・特定のタグやidとclass(id)の組み合わせ指定
・範囲を絞り込むセレクタ
・疑似リンククラス(1)
・疑似リンククラス(2)
・疑似リンククラス(3)
・疑似リンククラス(4)

Step9【チュートリアル】文字(フォント)関連のプロパティ
・文字のサイズの設定
・文字の色の設定
・水平位置の設定
・垂直位置の設定
・文字の太さの設定
・文字の斜体の設定
・文字の行高の設定

Step10【チュートリアル】背景関連のプロパティ
・背景色の設定
・背景画像の設定
・背景画像の繰り返しの設定
・背景画像の位置の設定
・複数のプロパティをまとめて設定
・アイコンの設定(1)
・アイコンの設定(2)

Step11【チュートリアル】ボックス関連のプロパティ
・ボックスモデルについて
・CSSを記述する準備
・幅と高さの設定
・ボーダーの形状の設定
・ボーダーの太さの設定
・ボーダーの色の設定
・ボーダーの複数のプロパティをまとめて設定
・marginとpaddingについて
・marginの設定
・paddingの設定
・marginとpaddingのまとめて指定(1)
・marginとpaddingのまとめて指定(2)
・画像にボーダーを付けて装飾(1)
・画像にボーダーを付けて装飾(2)

Step12【チュートリアル】フロート関連のプロパティ
・CSSを学習する準備
・floatによる2段組み(1)
・floatによる2段組み(2)
・floatによる3段組み
・リストタグでナビゲーション表現(1)
・リストタグでナビゲーション表現(2)
・リストタグでナビゲーション表現(3)
・clearbothとclearfixについて(1)
・clearbothとclearfixについて(2)
・clearbothとclearfixについて(3)
・clearbothとclearfixについて(4)
・clearサンプル領域編(1)
・clearサンプル領域編(2)
・clearサンプル段組みした領域編
・ページレイアウトサンプル解説
・floatのまとめ

Step13【チュートリアル】配置関連のプロパティ
・positionについて(1)
・positionについて(2)
・positionについて(3)
・relativeとabsoluteを組み合わせた使い方
・relativeとfixedを組み合わせた使い方

Step14【チュートリアル】さまざまなデザイン
・写真の装飾とfloat・clearfixの設定(1)
・写真の装飾とfloat・clearfixの設定(2)
・写真の装飾とfloat・clearfixの設定(3)
・positionを使用しての写真の装飾(1)
・positionを使用しての写真の装飾(2)
・positionを使用しての写真の装飾(3)
・透過PNGのサンプルとpositionで画像の上に画像を表示
・背景画像を使用して可変の枠を設置

Step15【ワーク】シンプルなWebサイトのコーディング
・ファイルの説明とドリームウィーバーの設定
・HTMLのファイル作成とロゴのマークアップ
・フォームとナビゲーションのマークアップ
・メイングラフィックとレコメンドのマークアップ
・新着情報とフッターのマークアップ
・DIV要素の設定(1)
・DIV要素の設定(2)
・CSSの読み込み
・ヘッダーの装飾(1)
・ヘッダーの装飾(2)
・ナビゲーションのクリアとフロートの作成(1)
・ナビゲーションのクリアとフロートの作成(2)
・コンテンツエリアの中身の作成
・フッターの作成

Step16【ワーク】シンプルなWebサイトのコーディング
・ヘッダーエリアのマークアップ(1)
・ヘッダーエリアのマークアップ(2)
・コンテンツエリアのマークアップ(1)
・コンテンツエリアのマークアップ(2)
・サイドエリア、フッターエリアのマークアップ
・レイアウトのためのdiv要素を設定(1)
・レイアウトのためのdiv要素を設定(2)
・レイアウトのためのdiv要素を設定(3)
・レイアウトのためのdiv要素を設定(4)
・ヘッダーの作成(1)
・ヘッダーの作成(2)
・グローバルナビ・グラフィックエリアの作成(1)
・グローバルナビ・グラフィックエリアの作成(2)
・コンテンツエリアの作成
・ウェルカムエリアの作成
・レコメンドエリアの作成(1)
・レコメンドエリアの作成(2)
・インフォメーションエリアの作成
・アクセスエリアの作成
・おすすめ情報、フッターエリアの作成

============★Dreamweaver/HTML/CSSここまで===========

今週は2014年と2015年とまたいだ年末年始の休暇だったので、それはもうすごい勢いでデジハリの動画を観ました。計算してみたらこの1週間で18時間分の動画を観てました(笑 しかしまだまだ先は長いです。

今週も先週に引き続き、Dreamweaverの動画だったのですが、チュートリアルパートを終え、ワークパートに突入しました。

私はもう何年もコーディングの仕事をしているので、特につまずく事無く動画を進めることができました。動画では栗谷先生がDreamweaverにコードを入力しながら解説するのですが、私の場合、

「ああこの次はこのCSSを書くんだろうなぁ・・・」

なんて感じで先生のやろうとしていることを先読みするほどの余裕がありました(笑 

「ついていけない場合は動画を一時停止してくださいねー」

なんておっしゃってましたが、動画をとめる必要はまったくありませんでした。

でも、デジハリのDreamweaverのワーク動画を観ていると、私が業務で実際に実装した方法などの解説などもあり、

「あぁやっぱりデジハリは実戦的だなぁ」

なんて思いましたね。たぶんHTMLとかの入門書では学べないような、結構、細かい話なんだけど実務では必要となる技術なども含まれていて、まぁ、どこがどうなんだ、って話は実際にデジハリオンラインに入学していただけたらわかると思うのですが、入学してよかったなーなんて素直に思いますね。私の場合、たいしてDreamweaverの使い方を覚える前に、業務でSublime Textを使い始めたので、Dreamweaverの便利機能を知ることができただけでもよかったです。

というわけで、今週はDreamweaver週間でした。

残りは、ワーク動画480分と、JavaScriptの動画285分とjQueryの動画223分でHTML関係の動画は終わりです。こいつらを次の2週間ほどでやっつけて、今月の下旬から
Flashの動画に取り掛かるのが目標です。受講スケジュールと比較すると、今週の18時間ぶっ続けのおかげでだいぶスケジュールに余裕ができたので、デジハリとは関係ないのですが、初級ウェブ解析士の勉強も開始したいと思います。今週もがんばるぞーー!!


この記事をかいた人

ドレッド Webクリエイター

WordPressの構築やjQueryによる動的サイトの実装が得意なWebクリエイターです。このブログではWeb制作で役に立ちそうな知識から、プライベートの出来事まで幅広いネタを取り扱っております。ご質問、ご要望はお問合せフォームからどうぞ! お仕事のご依頼はコレカラウェブへ! 2016年10月から放送大学に入学(選科履修生)

勉強日記(週間報告) | Posted on 2015/01/04 19:09

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

コメントを残す

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