ウェブデザインのマスター
CEI Escuela de Diseño y Marketing
重要な情報
場所を選択
キャンパスの場所
Madrid, スペイン
言語
スペイン語
学習フォーマット
通信教育, 校内で
間隔
7 月
ペース
フルタイム, パートタイム
授業料
EUR 3,100 *
申請期限
情報をリクエストする
最も早い開始日
情報をリクエストする
* ウェブサイトcei.esからオファーと条件を参照してください
序章
360時間(6か月)
このプログラムの内容は目安であり、内容の更新または変更の理由により異なる場合があります。
目標
ご存知のように、ウェブデザインは世界で最も求められている職業の1つです。そして、それはあなたが仕事をするつもりであるか、あなたが始めるつもりであるどんな会社でも、そのサービスや製品の提供を示すためにウェブページを必要とするということです。ここで、ウェブのデザインと開発の世界の知識を習得する人の仕事が重要になります。このマスターは2つのモジュールで構成されており、世界で最も広く使用されているプログラミング言語(HTML5およびCSS3)の基礎と、今日最も使用されているコンテンツマネージャーであるWordpressについて学びます。
最初のモジュールでは、プログラミングに基づいて、具体的にはすべてのWebサイトのスケルトンと呼べるものを意味するHTML5およびCSS3言語を使用して作業します。これらの言語での正しいトレーニングにより、学生は強固な基盤を持つあらゆるタイプのプロジェクトに直面することができます。ナビゲーションが簡単で直感的で魅力的なものになるように、サイトの構造とユーザーに情報を配置する正しい方法に取り組んでいます。また、その望ましい美しさを実現するために、すべての形式(ビデオ、サウンド、画像)でのマルチメディアコンテンツの挿入、および今日インターネットにアクセスするすべてのデバイスに対するWebの適応が行われています。これは、レスポンシブデザインまたはアダプティブデザインを備えたウェブサイトと呼ばれるもので、あらゆるデバイスと画面サイズに完全に適応します。最初のモジュールの最後の部分では、JavaScript / jQueryを使用した単純なプラグインの使用方法を実際の実例とともに紹介します。
2 番目の修士モジュールでは、学生は WordPress を通じてコンテンツ管理をマスターする方法を学びます。WordPress は強力なオープンソース CMS であり、管理者にとっては直感的なデザインであり、ユーザーにとっては幅広い可能性があるため、今日では無数の Web ページで使用されています。作業は、テーマの作成とインストール、プラットフォームの正しい構成と便利なプラグインのインストール、空のテーマ (テンプレートを使用しない) からの Web サイトの開発などで行われ、機能の向上に役立ちます。想像できるあらゆる Web サイトを現実にします。
情報
- Webに特化したプレーンテキストエディター:Dreamweaver / Sublime / Notepad ++ / Komodo Edit / Brackets
- HTML5 / CSS3
- モバイルファーストインデックス。ブートストラップ
- SEOウェブポジショニング。アクセシビリティと使いやすさ
- JavaScript
- jQuery
- WordPressウェブデザイン
- ウェブの概念化とスケッチ
- 見積もりとWebプランニング
- WordPressでのWeb開発と最適化
期間
合計360時間
- 対面またはオンライン
- クラスの280時間
- 月曜日から木曜日(+金曜日)
- 最終プロジェクト80時間
スケジュール
朝
- 09.00-12.00時間
- 12.00-15.00時間
午後
- 16.00-19.00時間
- 19.00-22.00時間
公式
- 私たちの学校は、スペインにある5つのアドビ認定トレーニングセンターの1つです 。この事実は、CEIがアドビが要求するすべての要件を満たしていることを示しており、同様に、すべての生徒の品質を保証します。
- CEIはApple認定トレーニングセンターです。したがって、学生はApple Professional認定を取得し、設計および情報技術、ビジネス環境、B2B市場でのキャリアを伸ばすことができます。
- IBMは私たちを信頼しており、このため、彼らは私たちにIBM Education Partnerバッジを授与しています。このシールは、質の高いトレーニングを維持および促進する学校に報酬を与えます。
- 私たちの学校はスペインのマクソントレーニングセンターとして統合され、 R18のマクソントレーニングプロバイダーとしてヨーロッパで最初の学校になりました。
HTML5、CSS3、JavaScriptを備えたWebデザインモジュール
01- Webデザイン、HTML5およびCSS3
コンピュータ機器の使用の紹介
オペレーティングシステム:
- ウィンドウズ
- マック
- Linux
ソフトウェアのインストールと管理:
- ブラウザー
- テキストエディター
ファイルシステムとフォルダ
- ファイルとフォルダーを作成する
- Webプロジェクトの構成
- 絶対パス、相対パス、およびURLパス
ウェブ閲覧
ネットワーク管理の原則
クライアントサーバーアーキテクチャ
サーバーとプロトコル
- SSL証明書
- HTTP / HTTPS
- FTP / SFTP / FTPS
クライアントチーム
ルーターとスイッチの概要
DNS(ドメインとIP)
- パブリックIP
- ローカルIP
- ドメイン名
ホスティング、住宅、CPD
静的Webサイトを作成するための基本原則
- 使用される言語(HTML5およびCSS3)
- コード実行フロー
- ウェブサイトの視覚的構造
使いやすさとアクセシビリティの原則
ウェブサイトのプロトタイピング(UX / UI)
- ユーザーインターフェイス(Marvel)
- ユーザーエクスペリエンス(InVision)
HTML5
- タグと属性
- セマンティクスと使用法
- HTML5ドキュメントの標準と構造
- コメント
- 段落、見出し、テキスト形式
- マルチメディア(画像、オーディオ、ビデオ)
- リンクとボタン
- リスト
- テーブル
- フォーム
- iFrame
- メタタグ
- ファビコム
CSS3
CSSをリンク
セレクターと疑似セレクター
属性
- 色
- お金
- テキストのフォーマットと変換
- 高さ、広い
- エッジ
- マージン
- 充填物
- ポジション
- アラインメント
- シェーディングとグラデーション
- 不透明度
- 変革
- フィルタ
疑似クラス(アクティブ、ホバー、チェック済み、最初の子、最後の子、n番目の子)
疑似要素(後、前)
フォントのインポートと実装(メディアとフォントフェイス)
アイコンのインポートと実装(フォントとSVG)
CSS変数
CSSアニメーション(キーフレーム)
モバイルファーストインデックス
- 一般的な構造(フロート)
- 単純な構造(Flexbox)
- 複雑な構造(CSSグリッド)
フレームワークとAPI
- ブートストラップ4
- マテリアライズ
- 材料設計
インターネット
- ドメインを作成する
- ウェブホスティングを作成する
- サーバーへのWebサイトの接続とアップロード
SEO
- ウェブをGoogle Search Consoleとリンクする
- 正規リンクの実装
02- Web開発(フロントエンド)
JavaScript
- フロントエンドプログラミングの概要
- JavaScript。一般的な構文
- JavaScriptをHTMLドキュメントに含める
- 添付ファイル内のJavaScript
- HTMLコード内のJavaScript
- JavaScript。変数と演算子
- ローカル変数とグローバル変数
- 数値変数
- 数値変数のメソッド
- 代入演算子
- インクリメントおよびデクリメント演算子
- 数学演算子
- テキスト文字列(文字列)
- テキスト文字列のメソッド
- 未定義の変数
- NULL変数
- NaN変数
- JavaScriptの論理演算子
- 関係演算子
jQuery
- Jqueryの概要
- jQueryを使用する手順
- jQueryを使用した最初のスクリプト
- jQueryの基本:CSSクラスの追加と削除
- jQueryの基本:ページ要素の表示と非表示
- jQueryの基本:jQueryによるクイックエフェクト
- jQueryの基礎:jQuery関数のコールバック
- jQueryの基本:jQueryでBasic Ajaxを使用する
- JQueryの基本:ロードメッセージを含むAjax jQuery