이젠온라인에듀
프론트엔드(퍼블리싱/웹개발)

왕초보를 위한 모바일페이지 제작(Photoshop, HTML, CSS, jQuery 활용)(2024)Part.2

🌟 과정 소개: "인터랙티브한 페이지, 모바일페이지 제작"

당신이 만드는 모바일 웹페이지는 얼마나 실용적이고 사용자 친화적으로 구성되고 있나요?
작은 화면에서도 돋보이는 디자인, 간결한 코드 구조, 그리고 간단한 인터랙션 구현은 모바일 웹 제작의 핵심입니다.

"왕초보를 위한 모바일페이지 제작" 과정은 Photoshop으로 모바일 UI를 설계하고, HTML과 CSS로 구조를 만들며, jQuery를 활용해 슬라이드 기본 동작을 구현하는 실습 중심의 입문 강의입니다.
단순한 디자인이 아닌, 실제로 동작하는 웹페이지를 직접 만들며, 실무에 필요한 퍼블리싱 기초 역량을 자연스럽게 익히게 됩니다.
강의 소개

왕초보를 위한 모바일페이지 제작 (Photoshop, HTML, CSS, jQuery 활용) 과정은 모바일 환경에 최적화된 페이지를 구현해보는 실습 중심의 입문 강의입니다.
Photoshop으로 시안을 제작하고, HTML/CSS 코딩으로 실전 퍼블리싱을 경험하며, jQuery를 활용한 기본적인 인터랙션 기능까지 익히는 과정을 통해 디자인부터 개발까지 한 번에 학습할 수 있습니다.

단순히 툴 사용법만 배우는 것이 아닌, 모바일 UX를 고려한 화면 구성, 기초 코딩 능력, 인터랙션 구현 등 실무에 바로 적용 가능한 역량을 단계적으로 쌓아갑니다.
여러분은 이제 디자인 감각과 웹 구현 능력을 겸비한 실전형 모바일 웹디자이너로 성장하게 될 것입니다.

 

 

💡 이 과정을 통해 얻을 수 있는 것
📁 Photoshop, HTML, CSS를 활용한 모바일 페이지 제작 실습
📁 시맨틱 마크업과 구조적 레이아웃 설계 능력 향상
📁 jQuery를 활용한 슬라이드 제작 및 기본 인터랙션 기능 구현
📁 모바일 최적화와 반응형 대응까지 실무에서 활용 가능한 퍼블리싱 기초 습득
📁 프로젝트 기반 결과물로 실전 포트폴리오 완성

 

🎓 수강 효과
✔ 모바일 중심 웹디자인 기초와 실무 감각을 함께 습득
✔ 시안 제작부터 퍼블리싱까지 전 과정을 직접 경험
✔ HTML/CSS/jQuery를 활용한 기능 구현으로 개발 이해도 향상
✔ 실습 기반 결과물을 활용한 포트폴리오 제작 가능

 

🙋‍♀️ 자주 묻는 질문 (FAQ)

Q. 완전 초보도 수강할 수 있나요?
A. 네! HTML, CSS, Photoshop, jQuery 모두 기초부터 설명하기 때문에 처음 시작하시는 분도 걱정 없습니다.

Q. 어떤 툴이 필요한가요?
A. Photoshop과 코드 편집기(VS Code)를 사용하며, 설치 및 사용방법을 강의에서 안내해드립니다.

Q. 포트폴리오로 활용 가능한가요?
A. 물론입니다! 실습 결과물을 정리해 실전용 모바일 상세 페이지 포트폴리오로 완성할 수 있습니다.

 

학습 목표
✅ 모바일 페이지 제작을 위한 기본 웹디자인 개념과 코딩 환경 이해
✅ HTML/CSS로 모바일 중심의 웹 구조와 스타일 구현 역량 향상
✅ jQuery를 활용한 라이브러리 개념과 기본 인터랙션(슬라이드) 기능 구현
✅ 다양한 모바일 기기 대응을 위한 반응형 설계 및 브라우저 테스트 학습
✅ 실무형 모바일 상세 페이지 프로젝트를 통한 포트폴리오 완성 및 실전 대비
교육 대상
✨ 웹디자인과 코딩을 처음 접하는 진짜 ‘왕초보’ 수강생
✨ 그래픽 툴은 익숙하지만, HTML/CSS 기반 웹 제작은 처음인 디자인 전공자
✨ jQuery를 활용해 슬라이드, 탭 등 기본 인터랙션을 구현해보고 싶은 퍼블리싱 입문자
✨ 반응형 웹과 모바일 UX/UI 디자인 흐름을 이해하고 싶은 예비 웹디자이너
학습 커리큘럼
  1. 메인 페이지 HTML

  2. 메인 페이지 CSS

  3. 메인 페이지와 슬라이더 인터랙션

  4. 제품 슬라이더 인터랙션

  5. 본문 페이지 HTML

  6. 본문 페이지 CSS

  7. 본문에 활용되는 구글맵 API

  8. 푸터 페이지 HTML, CSS

  9. 반응형과 스크립트 마무리

  10. 메인 페이지 HTML

  11. 메인 페이지 슬라이더 인터랙션

  12. 메뉴 인터랙션

  13. 상단 인터랙션 마무리

  14. 로그인 페이지

  15. 컨텐츠 HTML

  16. 컨텐츠 CSS

  17. 프로젝트 팝업

  18. 프로젝트 마무리

환불 규정
  • 환불시 결제시 사용한 쿠폰은 복구되지 않습니다.
  • 환불금액은 정가가 아닌 실제 결제금액으로 계산됩니다.
  • 수강시작 후 7일 이내, 5강 미만 수강 시에는 100% 환불 가능합니다.
  • 수강시작 후 7일 이내, 5강 이상 수강 시 전체 강의에서 수강한 강의의 비율에 해당하는 수강료를 차감 후 환불 가능합니다.
  • 수강시작 후 7일 초과 시 정상 수강기간 대비 잔여일에 대해 아래 환불규정에 따라 환불 가능합니다.
    환불요청일 시 기준
    • 수강시작 후 1/3 경과 전, 실 결제금액의 2/3에 해당하는 금액 환불
    • 수강시작 후 1/2 경과 전, 실 결제금액의 1/2에 해당하는 금액 환불
    • 수강시작 후 1/2 경과 후, 환불 금액 없음
연관 상품
왕초보를 위한 모바일페이지 제작(Photoshop, HTML, CSS, jQuery 활용)(2024)Part.2 대표 썸네일 이미지

왕초보를 위한 모바일페이지 제작(Photoshop, HTML, CSS, jQuery 활용)(2024)Part.2

강의 구성
18
총 학습시간
8시간 37분
수강 기간
60 일간 수강
72,000