2011年8月14日日曜日

ホリエモン推薦 397時間動画パソコン教室 感想・評価・質問 DVD2 ドリームウィーバー編

ホリエモン推薦 397時間動画パソコン教室DVD4枚組iPod受講可ホームページ作成、オフィス(ワード、エクセル、パワーポイント、アクセス)2003/2007




体験コーナー
Dreamweaver
http://www.dougadewakaru.com/step_sample/dw/001/001.html 
[パネルグループ]を非表示にするには


動画でわかるDREAMWEAVER&FIREWORKS①[基本~標準・実践サイト作成]

目次
dreamweaverの基本操作
dreamweaverの起動と終了(2分)
基本設定の確認 (4分)
サイトを作成する (4分)
パネルの基本操作 (4分)
新規ファイルを作成する (8分)
テキストを入力する
見出しを設定する (15分)
画像を挿入する (3分)
ブラウザで確認する (7分)
同一サイト内のページにリンクを張る (6分)
メールリンクを設定する (1分)
スタイルシート
特定のhtmlタグにCSSルールを定義する (6分)
<h1>タグのCSSルールを定義する (5分)
<p>タグのCSSルールを定義する (2分)
<hr>タグのCSSルールを定義する (2分)
スタイルシートの書き出しと、リンク設定 (3分)
htmlファイルでCSSファイルをリンクする (3分)
クラスセレクタでCSSルールを定義する
画像の枠線を消すCSSルールを作成する (7分)

CSS(スタイルシート)でレイアウトする(30分)
まずサイトを作ろう!
任意の領域をボックスにする (15分)
ボックスのCSSルールを設定する
ページの一部を段組にする   (16分)

CSS(スタイルシート)でデザインを仕上げる (14分)
mainボックスのデザインを設定する
footerボックスのデザインを設定
sidebarボックスのデザインを設定

動画でわかるFireworks編(21分)
FIREWORKSの起動
タイトルロゴの作成
図形の作成
作成した画像をウェブページに挿入する
挿入した画像を編集する

サイト転送 (22分)
(初心者の方がもっともつまづきやすいところです)
 無料サーバーにサイトをアップロードしよう!
fc2webのレンタル方法
fc2webの設定確認、ログイン方法
DREAMWEAVERのftp設定方法
サイト管理とアップロード
ファイル名の変更と移動
リモート情報の設定
サイトのアップロード
では、サイトを見てみよう!!!!!

この動画で作成するサイトは、下記のレベルです。


ドリームウィーバーでサイトを作成しました。


デザインに関しては、目をつむって下さい。デザインは動画教材とは関係ありません。あくまで私のセンスです。


タグを学習してからドリームウィーバーを使ってサイトを作成したので、何をやっているのかが大変よくわかりました。動画でもタグの説明をあまりしません。手を動かせば、おのずと理解できると言った感じです。


実際はどうか?


おそらくタグの知識なしではじめてこの動画をみたら、何をやっているのかを理解することは不可能だと思います。確かに動画どうりに手を動かせばサイトを作成することは可能です。しかし再現することは不可能だと思います。なぜなら、何をしているのかを理解できないからです。

私の感覚では、Dreamweaverはホームページ作成ソフトではありません。どちらかと言うと、タグ入力支援ソフトです。

そのためドリームウィーバーの学習をする前に、htmlのタグの学習をすることをお勧めします。


理想的には、タグの学習 → ドリームウィーバーの学習 → タグの学習 と言った感じでしょうか?私は体で基本的なタグを覚えるために、htmの復習lとドリームウィーバーは並行して学習しました。


ドリームウィーバーの学習で、段組みの説明をする箇所があります。しかしこの段組みの操作が、最初うまくいきません。何度かやり直しをするのですが、動画は突然段組み操作が成功してしまいます。この時はちょっと、ビックリしました。


え・・・・・・・・!! なんで・・・・・・・・!! っと言った感じです。


手作り感があるなーと感じました。


この部分は、試行錯誤が必要になります。まあ、勉強にはなりますが。

ホリエモン推薦 397時間動画パソコン教室DVD4枚組iPod受講可ホームページ作成、オフィス(ワード、エクセル、パワーポイント、アクセス)2003/2007

2011年7月29日金曜日

「AdobeCSやオフィスを安く入手する3つの方法」

「AdobeCSやオフィスを安く入手する3つの方法」


1)
http://www.dougadewakaru.com/freebook/yasuku.pdf
 ※著者の提案です。


2)

http://www.adobe.com/cfusion/tdrc/index.cfmproduct=master_collection&loc=jp

※私の提案です。 上記URLは体験版の無料ダウンロードサイトです。期間は30日ですが、頑張れば講座を修了させることができます。
しかしソフトのバージョンが異なるので、動画どうりには操作できない時があります。例えばドリームウィーバーでは、CSSの書き出しができません。”書き出し”という項目はあるのですが、その項目の中にCSSの書き出しがなかったりします。
どっかにはあると思うのですが・・・


3)ヤフーオークションで、Adobe CS5.5と入力して検索してみる。
すると、体験版を正規版に変換するマニュアルを手に入れることができます。
Adobe CS5.5 Master Colletcionが10~5000円で出品されているものがあります。ユーザー登録はできないが、シリアル番号はあるという商品です。
もちろん違法です。
おすすめはできませんが、こんなやり方もあるんですね。

2011年7月15日金曜日

Q&A 質問に答えます。

Q&A この教材に関する質問に答えます。

下記のペンシルをクリックすると、コメントを記入することができます。

2011年7月2日土曜日

ホリエモン推薦 397時間動画パソコン教室 感想・評価・質問 DVD4 プログラミング HTML編








http://www.infotop.jp/click.php?aid=196582&iid=12370

各種体験講座
(現在あなたが使用できる、ソフトの体験講座を受講してみて下さい。そうする事で、この講座を自分が最後までやり遂げることができるか、講座は理解しやすいかがわかります。.)

1)HTML
http://dougaset.com/webiner_html.html

2)HTML/CSS/XHTML
http://www.dougadewakaru.com/step_sample/html17/17.html 
箇条書きのリストを作るには <リスト>

3)HTML/CSS/XHTML
http://www.dougadewakaru.com/step_sample/html30-31/30-31.html 
スタイルシートを使う準備をするには <スタイルシートの基本設定>

4)HTML
http://www.dougadewakaru.com/397plf/html_css1/html_css/html_css.html


ホリエモン推薦 397時間動画パソコン教室DVD4枚組iPod受講可ホームページ作成、オフィス(ワード、エクセル、パワーポイント、アクセス)2003/2007

正直、iPhone版は必要ないと思う。これいらないから、価格を安くしてくれたらいいのにと思う。せめて選択の余地を残してくれたらいいのに。ちょっと前27800円→今32180円
今度は、いくらになっちゃうのかな?

このソフトの感想が、まともに書かれているブログがなかったので購入しました。

とりあえずHTMLから始めて、息抜きにSEOやマーケティング等を見ようと思います。


動画でわかるHTML/XHTML/CSS 1 (メモ帳で作るサイト)

目次
①ホームページを作る準備をしよう
②ホームページに表示する文章を作ろう
③リンクを張ってホームページをつなげよう
④スタイルシートでデザインを整えよう
⑤ホームページに画像を表示しよう
⑥表を使って項目を見やすくしよう
⑦たくさんのページでホームページを構成しよう


第一段階で作成するのは、下記のレベルです。


大体これで、2~3時間くらいです。集中してやれば、もっと短時間でできるかもしれません。

感想としては、動画なので直感で理解することができるソフトだと思いました。

直感で理解することができると、書籍では得られなかった経験を得ることができます。

基本的なタグの使い方が解ると、一度も使ったことのないタグもこんな感じで使えるんじゃないかという勘が働くようになります。

私にとってはこれが一番のメリットでした。

一方、難な部分もあります。それは大雑把な説明箇所があることです。

例えば、body { background: lightyellow; color: brack; } こんなタグを打つ時に
なぜ、bodyを最初に打つのか?  background:なぜコロンなのか? color: brack; なぜセミコロンなのか?という説明はありません。まあ、ちょっと考えれば解ったんですけど。

(※ちなみにbodyそのものの説明はされています。しかし上記一行を書く時に、なぜbody が先にくるのかの説明がありません。)

おそらく、理解できる人にとっては当たり前のことなんだと思います。また、気付いたことがあったら記入します。


ホリエモン推薦 397時間動画パソコン教室DVD4枚組iPod受講可ホームページ作成、オフィス(ワード、エクセル、パワーポイント、アクセス)2003/2007


動画でわかるHTML/XHTML/CSS 2 (メモ帳で作るサイト HTML/CSS

目次
①スタイルシートについて
②文字関係について-1
③文字関係について-2
④リンク関係について
⑤画像関係について
⑥リンク関係について
⑦表の枠線関係について
⑧入力バームについて
⑨段組み関係について


第二段階で作成するのは、以下のレベルです。



上記画像だけを見ると、この程度のレベルならすぐ作れそうだなと感じると思います。ホームページソフトを使えば、簡単に作れます。でもメモ帳でタグ打ちのみで作ると、結構覚えることが多く大変です。


ここで前回の記入したコメントを訂正します。

①前回タグの説明が粗いと言いました。しかし、今回の動画で疑問点がかなり解消されました。
例えば前回、

body { background: lightyellow; color: brack; } こんなタグを打つ時になぜ、bodyを最初に打つのか?  background:なぜコロンなのか? color: brack; なぜセミコロンなのか?

と記載しました。
この説明が今回の動画ではされています。

bodyは、<body>・・文章・・</body>全体にタグの効果をだすためにbodyを最初に打つそうです。

:;については、そうゆう文法があるそうです。文法とは

セレクタ {プロバティプロパティの値}です。

まあ、こんな感じの説明です。動画でみると結構わかります。

おそらく第一段階の動画は、HTMLとはこんな感じのものですよと言うことを説明したかったのだと思います。そのため、タグのコメントが、ほとんどなかったのだと思います。

CSSの相対パスや絶対パスが、今回少し難しかったです。でも、おおよそ理解できました。

ipod版については、当初必要ないと思っていました。なぜなら、実際に手を動かさなければ習得は難しいと思ったからです。

しかし復習という意味では、大変役に立ちます。一度、手を動かした操作は動画を見るだけでも十分効果があります。
  



動画でわかるHTML/XHTML/CSS 3 (メモ帳で作るサイト XHTML/CSS)

目次
①ホームページの設計
②文字関係について
③リンク関係について
④コンテンツ全体について
⑤画像関係について
⑥コンテンツ関係について
⑦テーブル関係について



第三段階で作成するのは、以下のレベルです。



実際には上記画像だけでなく、全部で3ページ作成しました。
メモ帳だけで、これだけできれば満足です。
あとイラストレーターやフォトショップで、デザインスキルを習得すれば業者に負けないHPが作成できると思います。

またメールフォームも作成したので、レベルが上がった気がしました。

しかしタグがまだ覚えられていないので、動画を見ながら説明と同じスピードで作成できるように継続的な努力が必要と思われます。

ホリエモン推薦 397時間動画パソコン教室DVD4枚組iPod受講可ホームページ作成、オフィス(ワード、エクセル、パワーポイント、アクセス)2003/2007

私はまったくHTMLを知りませんでしたが、やってみると意外にできるものです。
今後ますます努力して行こうという気持ちにさせるソフトでした。