Webコーディング実践コース

  • Dreamweaver
  • 初級〜
  • 中級〜
  • 資格取得
  • 就転職
  • 学生
  • フリーター
  • キャリアアップ
コース画像

Webコーディング基礎コースの内容に加え、デザインカンプから画像を切り出してHTML、CSSでコーディングするテクニックや、JavaScriptによるプログラミングまで習得できる実践コースです。制作現場では、画像の切り出し作業や、ある程度のJavaScriptの記述もコーダーに求められることが多いため、このコースでは必要スキルを総合的に網羅しています。

こんな方におすすめ

  • コーダーやマークアップエンジニアを目指す方に
  • Web標準準拠のHTML&CSSを習得したい方に
  • JavaScriptで動的なページを制作シたい方に
受講料

215,000円(税込 232,200円)

分割払い例
頭金0円+分割回数60回月々4,500

ローンシミュレーション

※クラス制の場合、入学金30,000円(税込32,400円)が別途必要です
※フリータイム制の場合、入学金10,000円(税込10,800円)が別途必要です
※教材費が別途かかります

受講単位

44 単位(1単位90分)

受講期間の目安
週2単位6ヶ月 週4単位3ヶ月

カリキュラム

HTML講座
1.HTML基礎 HTMLの概要、原則となる文法、考え方を学習します。 1
2.HTML要素 基本的なHTML要素を学び、Webページを実際にマークアップします。 3
3.パスとURI URIやパスとは何か、というところからおさえ、相対パス・絶対パスの考え方までを学びます。 1
4.CSSを意識したマークアップ CSSでレイアウト・デザインするための下準備を行います。また、Div要素、id・class属性についても学習します。 1
CSS講座
1.CSS基礎 CSSの概要、原則となる文法、考え方を学習します。 1
2.セレクターの種類 様々な種類のセレクターについて、サンプル作成を通じて特徴・使い方を身につけます。 3
3.ボックスの操作 要素のボックスモデルと、その操作を行うmarginやpaddingについて学びます。 1
4.floatによる段組レイアウト floatプロパティの使い方と、2〜3段組のページレイアウトを学習します。 2
5.ナビゲーションの作成 list要素をCSSで横並びにし、ナビゲーションにする方法をマスターします。 1
6.実践Tips リセットCSS、CSSのコンポーネント化による効率的なコーディング方法を習得します。 1
Dreamweaver講座
1.Dreamweaver基礎 Dreamweaverの概要、環境設定やサイト定義など、制作の準備について学びます。 1
2.マークアップの基礎 Dreamweaverの機能を使って原稿テキストを効率的にマークアップします。また、CSSコーディングの準備を行います。 2
3.CSSコーディング CSSに関する環境設定や、CSSスタイルパネルの使い方を学びます。 2
4.floatとposition floatプロパティの復習と、positionプロパティついて、使い方を学びます。 1
5.ロールオーバー マウスカーソルが重なったときに画像が切り替わるロールオーバーについて、JavaScirptやCSSによる手法をマスターします。 1
6.Dreamweaverと他のツールの連携 DreamweaverとPhotoshop、Illustrator、Office(Word、Excel)の連携を学習します。 1
7.ライブラリ・テンプレート 多数のページを効率的に制作するためのライブラリ・テンプレート機能の使い方を習得します。 1
Web標準HTML&CSSレイアウト実践講座
1.HTMLの復習 マークアップの概念や、よく使う要素について学びます。 1
2.CSSの復習 CSSのセレクターの種類やCSSのルールについて学びます。 1
3.画像の取り扱い 画像ファイルの管理方法や、デザインカンプからのスライス(書き出し)について学びます。 1
4.サンプルページ作成 デザインカンプからのスライスと、マークアップ、その後のCSSでのコーディングについて、サンプルページを作成し、実習形式で学びます。 5
5.実践的なテクニック JavaScriptによる画像のロールオーバーや、CSSを使った実践的なテクニックについて学びます。 1
6.Webブラウザー 各種ブラウザーでの表示調整、IE6のバグや、HTML5、CSS3の基本などについて学びます。 1
JavaScript講座
1.JavaScriptの概要 JavaScriptの概要と開発環境の準備、基本的な記述方法について学びます。 1
2.変数やデータ型、制御命令について プログラミングに欠かせない変数とそのデータ型や、条件分岐等の制御命令の扱い方、活用方法を学びます。 1
3.様々なオブジェクト Number、Math、Array、Dateなどの様々なオブジェクトの扱い方を学びます。 1
4.正規表現 正規表現の概要と、JavaScriptによる正規表現の実装方法について学びます。 1
5.関数 関数の概要と関数定義、実行方法を学びます。 1
6.オブジェクト指向開発 オブジェクト指向開発とは何か、またオブジェクト指向で開発する方法(継承等)について学びます。 1
7.イベント処理とブラウザオブジェクト イベント処理の基本とブラウザオブジェクト(window,form,location,document,history等)の利用方法について学びます。 2
8.DOMの基本とHTMLやCSSの操作 DOMの基本とJavaScriptでHTMLやCSSの属性や値を操作する方法を学びます。 2
コース一覧へ戻る
講師VOICE
講師
この人と仕事がしたい。そう思わせるクリエイターになるために。
谷口 允 講師
Webをつくりたい!という方に、じゃあ、Webで何がしたいの?と聞くと、その後が続かない。何を表現したいか、誰に喜んでほしいか、Webを学ぶうえでの目的意識がほとんどない方が多いと感じています。HTMLという言語は、国境を越えて世界中に発信することのできる共通言語です。この共通言語を身につけた上で、サイト上で何をするか。その意識があるかどうかで、新しいスキルを身につける意欲や吸収力も変わってきます。
受講生VOICE
受講生
まったくのゼロからプロをめざして、少しずつですが、前進中です。
前田 智孝
平日は技術派遣の仕事を続けながら、土日を利用してヒューマンアカデミーに通う日々です。いざ始めてみたら、IllustratorやPhotoshopなど、少しずつ知識やスキルが身についていくことが楽しくて仕方ない。プライベートな時間が減ってしまうことも覚悟はしていましたが、自分の都合で無理なくスケジュールを組むことができるので、自分の時間も確保することができています。
  • 無料体験セミナー 業界のこと、適職のこと。あなたの疑問に答えます。
  • 講座説明会 なんでもご相談ください
  • 適職診断 あなたにピッタリの職種をお教えします。
  • 資料請求 受講生、卒業生のリアルなホンネ。就・転職成功の理由を教えます。
全国校舎一覧
北海道・東北エリア
関東甲信越エリア
中部エリア
近畿エリア
中国・四国エリア
九州エリア