CEI: CENTRO DE ESTUDIOS DE INNOVACIÓN - DISEÑO Y MARKETING

웹 디자인 석사

360 시간 (6 개월)

이 프로그램의 내용은 참고 용이며 내용을 업데이트하거나 수정하는 등의 이유로 다를 수 있습니다.

목표

아시다시피 웹 디자인은 세계에서 가장 요구되는 직업 중 하나입니다. 그리고 당신이 일하거나 함께 시작할 회사는 서비스 나 제품의 제안을 보여줄 웹 페이지가 필요합니다. 웹 디자인 및 개발의 세계에 대한 지식을 습득 한 사람의 작업이 중요 해지는 곳입니다. 두 개의 모듈로 구성된이 마스터에서 학생들은 세계에서 가장 널리 사용되는 프로그래밍 언어 (HTML5 및 CSS3)의 기본 사항과 오늘날 가장 많이 사용되는 콘텐츠 관리자 인 Wordpress에 대해 배웁니다.

첫 번째 모듈에서는 프로그래밍, 특히 모든 웹 사이트의 골격이라고 할 수있는 것을 의미하는 HTML5 및 CSS3 언어로 작업 할 것입니다. 이 언어로 된 올바른 훈련을 통해 학생은 견고한 기초를 가진 모든 유형의 프로젝트에 직면 할 수 있습니다. 우리는 탐색이 쉽고 직관적이며 매력적일 수 있도록 사이트의 구조와 사용자를위한 올바른 정보 배열 방법을 연구합니다. 또한 원하는 미학을 얻기 위해 모든 형식 (비디오, 사운드, 이미지)으로 멀티미디어 콘텐츠를 삽입하고 오늘날 인터넷에 액세스하는 모든 장치에 대한 웹 조정이 이루어집니다. 모든 장치 및 화면 크기에 완벽하게 적응하는 반응 형 또는 적응 형 디자인을 갖춘 웹 사이트입니다. 첫 번째 모듈의 마지막 부분에서는 실제 실제 예제와 함께 JavaScript / jQuery와 함께 간단한 플러그인을 사용하는 방법을 소개합니다.

두 번째 마스터 모듈에서 학생은 관리자를 위한 직관적인 디자인과 사용자를 위한 광범위한 가능성 덕분에 오늘날 수많은 웹 페이지에서 사용되는 강력한 오픈 소스 CMS인 WordPress를 통해 콘텐츠 관리를 마스터하는 방법을 배웁니다. 테마 생성 및 설치, 플랫폼의 올바른 구성 및 유용한 플러그인 설치, 빈 테마(템플릿이 아닌)에서 웹 사이트 개발 등의 작업이 수행되어 기능을 향상시키는 데 도움이 됩니다. 상상할 수 있는 모든 웹사이트를 현실로 만들 수 있습니다.

정보

• 웹에 특화된 일반 텍스트 편집기 : Dreamweaver / Sublime / Notepad ++ / Komodo Edit / Brackets
• HTML5 / CSS3
• 모바일 우선 인덱싱. 부트 스트랩
• SEO 웹 포지셔닝. 접근성 및 유용성
• 자바 스크립트
• jQuery
• WordPress 웹 디자인
• 웹 개념화 및 스케치
• 견적 및 웹 계획
• WordPress의 웹 개발 및 최적화

지속

총 360 시간

• 직접 또는 온라인
• 280 시간 수업
• 월요일 ~ 목요일 (+ 일부 금요일)
• 80 시간의 최종 프로젝트

일정

아침

• 09.00-12.00 시간
• 12.00-15.00 시간

오후

• 16.00-19.00 시간
• 19.00-22.00 시간

공무원

• 우리 학교는 스페인 의 5 개 Adobe 공인 교육 센터 중 하나입니다. 이 사실은 CEI가 Adobe가 요청하는 모든 요구 사항을 충족했으며 마찬가지로 모든 학생들의 품질을 보장한다는 것을 보여줍니다.
• CEI는 Apple 공인 교육 센터 입니다. 따라서 우리 학생들은 Apple Professional 인증을 획득하고 디자인 및 정보 기술, 비즈니스 환경 및 B2B 시장에서 경력을 쌓을 수 있습니다.
• IBM은 우리를 신뢰하며 이러한 이유로 IBM 교육 파트너 배지를 수여했습니다. 이 인장은 양질의 교육을 유지하고 장려하는 학교에 보상합니다.
• 우리 학교는 스페인의 Maxon Training Center 로 통합되었으며 유럽에서 R18을위한 Maxon Training Provider 가 된 최초의 학교가되었습니다.

HTML5, CSS3 및 자바 스크립트가 포함 된 웹 디자인 모듈

01- 웹 디자인, HTML5 및 CSS3

컴퓨터 장비 사용 소개

운영체제:

• 윈도우
• 맥
• 리눅스

소프트웨어 설치 및 관리 :

• 브라우저
• 텍스트 편집기

파일 시스템 및 폴더

• 파일 및 폴더 만들기
• 웹 프로젝트 구성
• 절대, 상대 및 URL 경로

웹 브라우징

네트워크 관리의 원칙

클라이언트-서버 아키텍처

서버 및 프로토콜

• SSL 인증서
• HTTP / HTTPS
• FTP / SFTP / FTPS

고객 팀

라우터 및 스위치 소개

DNS (도메인 및 IP)

• 공용 IP
• 로컬 IP
• 도메인 이름

호스팅, 주택 및 CPD

정적 웹 사이트를 만들기위한 기본 원칙

• 사용 된 언어 (HTML5 및 CSS3)
• 코드 실행 흐름
• 웹 사이트의 시각적 구조

사용성 및 접근성의 원칙

웹 사이트 프로토 타이핑 (UX / UI)

• 사용자 인터페이스 (Marvel)
• 사용자 경험 (InVision)

HTML5

• 태그 및 속성
• 의미와 사용법
• HTML5 문서 표준 및 구조
• 코멘트
• 단락, 헤드 라인 및 텍스트 형식
• 멀티미디어 (이미지, 오디오 및 비디오)
• 링크 및 버튼
• 기울기
• 테이블
• 양식
• iFrame
• 메타 태그
• Favicom

CSS3

CSS 연결

선택자와 의사 선택자

속성

• 그림 물감
• 돈
• 텍스트 형식 및 변형
• 높이, 넓음
• 가장자리
• 여백
• 필링
• 위치
• 조정
• 음영 및 그라디언트
• 불투명
• 변형
• 필터

의사 클래스 (활성, 호버, 확인 됨, 첫 번째 자식, 마지막 자식, n 번째 자식)

유사 요소 (이후, 이전)

글꼴 가져 오기 및 구현 (미디어 및 글꼴 얼굴)

아이콘 가져 오기 및 구현 (글꼴 및 SVG)

CSS 변수

CSS 애니메이션 (키 프레임)

모바일 우선 인덱싱

• 일반 구조 (플로트)
• 단순 구조 (Flexbox)
• 복잡한 구조 (CSS 그리드)

프레임 워크 및 API

• 부트 스트랩 4
• 구체화
• 머티리얼 디자인

인터넷

• 도메인 생성
• 웹 호스팅 만들기
• 웹 사이트를 서버에 연결 및 업로드

SEO

• 웹과 Google Search Console 연결
• 표준 링크 구현

02- 웹 개발 (프런트 엔드)

자바 스크립트

• 프런트 엔드 프로그래밍 소개
• 자바 스크립트. 일반 구문
• HTML 문서에 JavaScript 포함
• 첨부 파일의 JavaScript
• HTML 코드 내부의 JavaScript
• 자바 스크립트. 변수와 연산자
• 지역 변수 및 전역 변수
• 수치 변수
• 숫자 변수에 대한 방법
• 할당 연산자
• 증가 및 감소 연산자
• 수학 연산자
• 텍스트 문자열 (문자열)
• 텍스트 문자열에 대한 방법
• 정의되지 않은 변수
• NULL 변수
• NaN 변수
• JavaScript의 논리 연산자
• 관계 연산자

jQuery

• Jquery 소개
• jQuery를 사용하는 단계
• jQuery를 사용한 첫 번째 스크립트
• JQuery 기초 : CSS 클래스 추가 및 제거
• JQuery 기초 : 페이지 요소 표시 및 숨기기
• JQuery 기초 : jQuery를 사용한 빠른 효과
• JQuery 기초 : jQuery 함수 콜백
• JQuery 기본 : jQuery와 함께 기본 Ajax 사용
• JQuery 기초 :로드 메시지가있는 Ajax jQuery