タグ別アーカイブ: Dreamweaver

もうすぐ夏休み!学割サービス実施中☆

 

さて、梅雨が明ければもう夏休みですね!
学生の皆さんはすでに夏休みの計画をされている方も多いのでは!?
今回はそんな学生のみなさんに嬉しいお知らせ!

 

クリエイティブ制作に必須の
「DTP」と「WEB」の講座が全て★20%OFF★!!

  学割サービス

 

  ・サークルやイベント等のポスターやチラシのデザインをしたい!
  ・WEBページを自分で作れるようになりたい!
  ・就職活動に有利なスキルを身につけたい!
  ・自分で撮った写真をかっこよく加工したい!

 
・・・そんなあなたを、バンフートレーニングスクールが応援します。

夏休みで時間のあるこの時期は
いつもの「勉強」とは違ったスキルを身に付けるチャンス☆

 
バンフートレーニングスクールなら
短期間』で『実践的』なスキルが『確実に』身につくから
遊びの予定の合間に通うことだって可能!

 
たくさん遊んで、ちゃっかり学ぶ!!
社会人になると「学ぶ」時間がとりにくくなるもの・・・
学生時代の貴重な時間とお金を
バンフートレーニングスクールで有効利用してください。

 ☆ 学割サービス詳細はこちら

 
 
       

バンフートレーニングスクールは
「初心者でも短期間でマスター」できる講座カリキュラム!

直接指導だから理解度が違う!

スケジューリング次第で短期間での習得ができるので、
忙しい社会人の方にもたくさんご利用いただいています。
お急ぎ派の方も、じっくり派の方にも
タイプにあわせてお好きなペースで受講が可能です!

イラストレーター (Illustrator) / フォトショップ (Photoshop)
WEB基礎 (HTML+CSS) / ドリームウィーバー (Dreamweaver)
インデザイン (InDesign) / フラッシュ(Flash)

短期間×低価格×バンフートレーニングスクール
=仕事で使える制作スキルがすぐ身につく!!
―☆入学金0円教材費0円☆ ―

バンフートレーニングスクールは 最短2日間でアプリケーションを習得できる 講座をご用意しております。

  1. 無料体験
  2. 資料請求
  3. お問合せ

キャンペーンパック(Web)

 
東京でもついに桜が開花しましたね!
東京の見ごろは今週末あたりでしょうか。
気候も良いこの季節は、
街を歩くだけでなんだかうきうきしてしまう
幸い花粉症とは無縁のスタッフの「な」です。
 
 
さて、わが社でも2日に入社式が行われ、
フレッシュな新人研修真っ只中です。
 
スクールにいらっしゃる生徒さんのなかにも、
新人研修として利用してくださる方もいらしたり、
4月らしい雰囲気に包まれています。
 
新人さんだけでなく、
部署異動や転職などのために
新しいスキルを身に付けにいらっしゃる方も
たくさんなのがこの季節。
 
そんな皆様を応援したい!と
スクールでは期間限定で大変お得★な
キャンペーンパックをご用意しました!!

 

♪♪♪ キャンペーンパック(Web)♪♪♪
 
 ☆パック内容
  WEB基礎講座
  ドリームウィーバー講座

 ☆期間
  2012年4月30日 23時59分まで
 ☆価格
  79,800円(消費税・テキスト代込)

 
通常価格90,000円(合計金額)の上記2講座を
大変お得な価格でご提供中です。

詳細・お申し込みはこちら★
http://www.vanfu-vts.jp/campaign/pack798.php

 
大変お得なこのパックは
期間限定でのご提供となりますので、
この機会をお見逃しなく!!

ご不明な点につきましては
バンフートレーニングスクールまでお問合せください!

バンフートレーニングスクールは 最短2日間でアプリケーションを習得できる 講座をご用意しております。

  1. 無料体験
  2. 資料請求
  3. お問合せ

[Dreamweaver]ポップアップウインドウ

気がつけば久しぶりの更新になってしまいました。

だんだん暑~くなってきましたねー。
調子に乗ってクーラー効かせすぎて、毎年風邪をひくスタッフ「ほ」です。

これまで、グラフィックソフトばかりだったので、
今日のテーマはDreamweaverで行ってみようと思います。

何のネタにしようかなぁ、と迷ったんですが、授業ではあまりご紹介していないJavaScriptネタにしてみようと思います。

「そもそもDreamweaverの基本操作が知りたいよっ!」って方は、ぜひバンフートレーニングスクールのWeb講座へお越しください~

簡単なものですが、今回の素材を用意しました。
こちらからダウンロードしてください(Zip形式)

Zipファイルを解凍すると、フォルダ内に3つのファイルが確認できると思います。
index.htmlをドリームウィーバーで開いてください。

通常のリンク設定は、プロパティインスペクタのリンク欄で行いますが、ここでリンクを設定するだけだと、リンク先のページが別ウインドウでは開きません。
プロパティインスペクタのリンク欄

そこで、別ウインドウでリンク先を開くためには、ターゲットで_blankの指定を行うわけですが…

この方法だと、別ウインドウのウインドウサイズが、リンク元のページと同じサイズで開いてしまいます。

この別ウインドウで開くリンク先のウインドウサイズを制御するためには、JavaScriptが必要となります。

それでは、まず準備をしていきましょう。
リンクを設定する文字列にリンクを設定します。
リンク先には「#」を入力してダミーリンクを指定しておきます。
targetは空欄にしておいてください。

JavaScriptは、HTMLのタグと連動して作動します。
今回は、『リンク部分をクリックしたら別ウインドウを開く』という動作を行うので、
リンク部分にカーソルを立てて、タグセレクタから<a>をクリックしておきましょう。

※何の話だか全然わかんないっ!って方は、、バンフートレーニングスクールのHTML+CSS講座でお待ちしてます。

Dreamweaverでは、JavaScriptの制御は、「ビヘイビア」パネルで行います。
ビヘイビアパネルが入っているタグパネルバーに<a>が指定されていることを確認してください。
これで<a>タグにJavaScriptを関連付けする準備ができました。

JavaScriptで動作を追加します。
パネル内の「ビヘイビアの追加」ボタンをクリックします。


表示されたメニューの一覧から「ブラウザウインドウを開く」というメニューを見つけ出してクリックします。

次のダイアログが開きます。

 


「表示するURL」には、リンクをクリックした時に開くページを指定します。
「ウインドウ幅」と「ウインドウ高」の欄で開くウインドウのサイズを指定します。

「属性」欄では、開くウインドウに表示させたい項目にチェックを入れます。
それぞれの項目は以下を参照してください。


ブラウザでプレビューしてみましょう。
リンクをクリックして、指定通りの別ウインドウが開けば成功です!

バンフートレーニングスクールは 最短2日間でアプリケーションを習得できる 講座をご用意しております。

  1. 無料体験
  2. 資料請求
  3. お問合せ