
入門
基本
応用 |
Adobe Dreamweaver(入門)
web制作ツールの基本ともいえるAdobe Dreamweaver入門。
『独学で学んできたので、イチから基本を習得したい』 そんな方にオススメの研修です。
サイト制作、ネットショップ運営に最低限必要なスキルを、限られた時間内にぎゅっぎゅっと凝縮!ネットショップ支援セミナー企画運営5年の実績をもとに、実践メインのカリキュラムを組んでいます。
受講生アンケートでは講座の満足度93.8%!
| 【研修内容】*研修内容は予告なく変更されることがございます。 |
| ・参考サイトの見つけ方 |
| ・ホームページ制作の順序 サイト定義の方法(フォルダ構造) |
| ・テキスト、画像の扱い方 テーブルの使い方 |
・基本のHTMLタグを理解
<html/headbody/meta/alt/center/h1/img/table/ap/br/title…etc> |
| ・簡単なショップページ(TOP)を作成 |
| ・ブラウザー上で確認 |
*新人スタッフ研修にもご活用ください!
|
Adobe Dreamweaver(基本)
Dreamweaverの多彩な機能を使いこなせていますか?
最大の強み【テンプレート・ライブラリ】機能を一気に習得!
より実践的にDreamweaverを使いこなしたい方にオススメの研修です。
| 【研修内容】*研修内容は予告なく変更されることがございます。 |
| ・ユーザー視点にたったサイト構成とは? |
| ・テンプレートの基本概念 |
| ・サーバーへのUPの仕方 |
| ・テンプレートを使い TOP・商品ページ・店長の部屋 3ページ制作 |
| ・サーバーにUPする |
*新人スタッフ研修にもご活用ください!
Adobe Dreamweaver(テンプレート応用) new!
オリジナルテンプレートをより自在に便利に使えるようになるマスター編、
【テンプレート応用】コースも誕生。
| 【研修内容】*研修内容は予告なく変更されることがございます。 |
| ・テンプレートの仕組みを理解する |
| ・テンプレートのリピート領域について |
| ・テンプレートのオプション領域について |
| ・ライブラリの仕組みを理解する |
*新人スタッフ研修にもご活用ください!
|
 |
クリックされるバナー制作講座(Adobe Fireworks)
クリックされなければ意味がない!
「写真・文字加工」「画像合成」等の操作方法から応用技術まで、『効果的』なバナーを目指します。
Webサイト制作に欠かせない技能の一つ、画像作成。
同じ写真でも、デジタルカメラで撮影したまま掲載するものと、
視覚効果を考慮して作られたものとでは雲泥の差があります。
みなさんのWebサイトをより効果的なものにするために、
グラフィックの技術をしっかりと身につけましょう。
本講座では、Adobe Fireworksを使用して、
Webサイト制作で必須の技能について学習します。(ソフトにより別研修となります)
「写真加工」「文字加工」「画像合成」を行うための、
ツールの使い方をマスターし、具体的な制作技術や応用までを実践します。
| 【研修内容】*研修内容は予告なく変更されることがございます。 |
| ・写真の色合いを補正する [明るさ、彩度、レベル補正、シャープ] |
| ・写真の切抜きをする [角版、ぼかし、切抜き] |
| ・文字を加工をする |
| ・写真と文字を合成し、簡単なバナーを作成する |
*新人スタッフ研修にもご活用ください!
↑スキルアップ研修一覧のトップへ |
 |
クリックされるバナー制作講座(Adobe Photoshop)
クリックされなければ意味がない!
「写真・文字加工」「画像合成」等の操作方法から応用技術まで、『効果的』なバナーを目指します。
Webサイト制作に欠かせない技能の一つ、画像作成。
同じ写真でも、デジタルカメラで撮影したまま掲載するものと、 視覚効果を考慮して作られたものとでは雲泥の差があります。
みなさんのWebサイトをより効果的なものにするために、 グラフィックの技術をしっかりと身につけましょう。
本講座では、Adobe Fireworksを使用して、
Webサイト制作で必須の技能について学習します。(ソフトにより別研修となります)
「写真加工」「文字加工」「画像合成」を行うための、
ツールの使い方をマスターし、具体的な制作技術や応用までを実践します。
| 【研修内容】*研修内容は予告なく変更されることがございます。 |
| ・Photoshopの基本操作 |
| ・トーンカーブで画像補正、加工、合成、シャープネス |
| ・画像の切り抜き、トリミング |
| ・【実践1】例題に沿って画像補正してみよう(目標1分で完了) |
| ・ユーザーの気持ちをイメージし画像を装飾する、商品の特性、わかりやすい表示 |
| ・サイズ変更 |
| ・レイヤースタイル、グラデーション |
| ・【実践2】バナー制作 (簡単なものなら10分で制作) |
*新人スタッフ研修にもご活用ください!
↑スキルアップ研修一覧のトップへ |

入門
基本 |
Adobe Flash講座(入門)
近頃ではネットショップでもFlashを効果的に利用しているサイトが目立ってきました。
Flashが効果的だという事はわかっていても、意外に、簡単につくれそうなバナーでも独学ではよくわからず挫折した、、、。というお声をよく伺います。
Flashのプロを目指すのではなく、自分のサイトで活用できる程度のFlashバナーをつくるレベルならこの講座で入門〜基本のセット受講がおすすめです。
| 【研修内容】*研修内容は予告なく変更されることがございます。 |
| ・グラフィック作成の基本操作 |
| ・[実習] キャラクターを描く |
| ・アニメーションの基本操作 |
| ・シンボルとインスタンス |
| ・[実習] トゥイーンアニメーション |
*新人スタッフ研修にもご活用ください!
↑スキルアップ研修一覧のトップへ
|
Adobe Flash講座(基本)
同じバナースペースでも静止バナーに比べるとアニメーションで変化をつけたFlashバナーであれば、アイキャッチ効果はグーーンとアップ!
ファーストビューを視覚的にパワーアップさせるために、イザ!っとは思ったものの、 聞きなれない専門用語の羅列でFlash習得を挫折されておられませんか?生の実習を通して、わかりやすい言葉でアニメーションバナーを習得しましょう。
基礎からも学びたい方は、Flash(入門)講座からのセット受講がおすすめ。
| 【研修内容】*研修内容は予告なく変更されることがございます。 |
| ・文字を使ったアニメーション |
| ・アニメーションに変化をつける |
| ・レイヤーを利用したアニメーション |
| ・画像とサウンドを読み込む |
| ・[実習] Flashバナーを作成する |
*新人スタッフ研修にもご活用ください!
↑スキルアップ研修一覧のトップへ |

入門
基本
応用 |
CSS:スタイルシート(入門)
Dreamweaverの機能を活用し、CSS:スタイルシートの基礎知識から習得できます。
HTMLをシンプルに形成できることで、SEO対策にも有効なスタイルシート。今ではwebサイト構築の基本とも言えるのではないでしょうか。
HTMLのタグ知識があまりない・・という方でもご安心ください。
Dreamweverには、CSS:スタイルシートを指定するための便利な機能が十分に備わっています。せっかくの便利なソフトを使わない手はないですよね?
数あるCSS:スタイルシート講座の中でも、Dreamweverを活用した内容の講座は希少です。お見逃しなく!
| 【研修内容】*研修内容は予告なく変更されることがございます。 |
| ・DreamaweaverのXHTMLとCSS機能について |
| ・Dreamaweaverの環境設定 |
| ・DreamaweaverのCSS関連ツール |
| ・コンテンツをXHMLでマークアップする |
| ・スタイルを作成する(タグの再定義・クラス指定) |
| ・画像にフロートスタイルを指定する |
| ・リストにスタイルを指定する |
| ・リンクにスタイルを指定する |
*新人スタッフ研修にもご活用ください!
↑スキルアップ研修一覧のトップへ |
CSS:スタイルシート(基本)
Dreamweaver機能をフル活用し、CSSスタイルシートのページレイアウト研修です。
コンテンツをXHMLでマークアップや、<div>でレイアウトなど、タグ辞典とにらめっこしながらではなかなか進まないな・・と感じていらっしゃらないですか?
この実践型講座なら、CSS:スタイルシートレイアウトをマスターできます!
レイアウト崩れなどエラーが起きる前に、ブラウザのスタイル初期化も学べます。
これでわずらわしいバグから開放されましょう!
| 【研修内容】*研修内容は予告なく変更されることがございます。 |
| ・CSSを使ったページレイアウトとは? |
| ・今回制作する画面について |
| ・ブラウザスタイルの初期化 |
| ・コンテンツをXHMLでマークアップする |
| ・コンテンツを<div>でレイアウトする |
| ・リストを利用したナビゲーションをCSSで指定する |
| ・ロールオーバーナビゲーションをCSSで指定する |
| ・今回作成したXHTMLとCSSのソースコードについて |
*新人スタッフ研修にもご活用ください!
↑スキルアップ研修一覧のトップへ |
CSS:スタイルシート(レイアウト応用) new!
Dreamweaver機能をフル活用し、CSSスタイルシートのページレイアウト研修です。
【応用】コースも誕生。
CSSを利用してページ作成をする上でトラブルが発生しやすいケースへの対策方法や効率よいCSSソースの管理方法を学習します。CSSを使った基本を学んだ後のステップアップのための受講がオススメ!
| 【研修内容】*研修内容は予告なく変更されることがございます。 |
| DreamweaverのCSS表示機能−ビジュアルエイド |
| 管理しやすいCSSファイルの設計 |
| ブラウザによる表示の違いと対策 |
| CSSのフォント指定について |
| Floatレイアウトの表示崩れ対策について |
| ページレイアウトをコンポーネント(部品)化する |
| リスト要素<ul>と定義リスト要素<dl>を活用する |
| ページのアクセントにposition指定を利用する |
| ページによってデザインを変更する |
*新人スタッフ研修にもご活用ください!
↑スキルアップ研修一覧のトップへ |
 |
ネットショップのためのデジカメ撮影
商品撮影をする時に、「誰に」「何を」伝えるための画像を撮るのか、考えたことがありますか?
これからのネットショップに求められるのは、「売る立場」からの、一方的な提案ではなく、「買う人」の気持ちを考えることがまず重要。
そのポイントから、デジカメの基本操作はもちろん、商品の撮影実習、人物の撮影実習まで充実の内容です。
| 【研修内容】*研修内容は予告なく変更されることがございます。 |
| ・まずは、ビシっと!「撮影を始める前に」(45分程度) |
| ・何事も基本は大切!「デジタルカメラの基本操作」(60分程度) |
| ・テレビ通販もまっさお?!「撮影実演」(60分程度) |
| ・え?!こんなに簡単だったの!「人物を使った撮影実演」(30分程度) |
*新人スタッフ研修にもご活用ください!
|
 |
ネットショップのためのSEM講座
yahoo!、Googleの順位決定ルールが変わるたびに振り回されていませんか?
最低限のSEOテクニックを踏まえつつ、これからの時代にマッチした、
『SEO+PPC広告などを組み合わせた手法=SEM(検索エンジンマーケティング)』を習得しましょう。
優良な見込み客をいかに自社サイトへ誘導するか。
検索エンジンを広告媒体として積極的にSEMを実践し続ける
現役カリスマネットショップ店長、キッチンネッツ中田氏を講師にお迎えし、
完全オフレコの手法をこっそり伝授いたします。このチャンスをお見逃しなく!
| 【研修内容】*研修内容は予告なく変更されることがございます。 |
| ・SEO概論−SEOって何、どうしたら目立てるの |
| ・SEOテクニック−基本、タグ、キーワード、リンク |
| ・SEM概論−SEMって何、PPC広告って |
| ・キーワードがキーワード |
| ・SEM取り入れ方の基本的な考え方 |
| ・これからの集客方法について |
*新人スタッフ研修にもご活用ください!
|
 |
MT:ムーバブルタイプ
サイトを定期的に、ラクに更新するには、ブログサイトの利用がオススメです!
最新バージョン【4】のMT:ムーバブルタイプ【応用】講座。
自由にカスタマイズできるムーバブルタイプ(ブログサイト)の特徴を理解し、
カスタマイズさせたオリジナルページを制作しよう!
| 【研修内容】*研修内容は予告なく変更されることがございます。 |
| ・「CMS」のメリット・デメリット |
| ・MT:ムーバブルタイプのインストール(レンタルサーバー「ロリポップ」を利用) |
| ・MT:ムーバブルタイプ タグについて(基本設定、テンプレート、モジュール) |
・テンプレートのカスタマイズ方法
⇒インデックス・テンプレート
⇒アーカイブ・テンプレート
⇒システム・テンプレート
⇒モジュール・テンプレート
⇒カテゴリー設定
⇒パンくずナビを作る |
| ・【実習】カスタマイズの練習 |
| ・MT:ムーバブルタイプ プラグイン活用について |
| ・カテゴリー作成 |
*新人スタッフ研修にもご活用ください!
↑スキルアップ研修一覧のトップへ
|