|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/responsive-web/
课程评论：没有评论
**课程名称：** 专为求职者准备的响应式网页设计 (HTML, CSS) **课程概述：** 在技术驱动的时代，掌握关键技术的人才备受青睐，能够获得更高的就业稳定性和有利的待遇，并拥有更广阔的职业发展空间（如自由职业、外包、教学、演讲、出版等）。HTML、CSS和JavaScript是构成网页的基石，是IT行业广泛使用的技术。其中，HTML和CSS的入门门槛相对较低，易于学习，尤其适合希望拓展设计或开发领域工作的人士。 **课程目标：** * 理解网页的基本结构。 * 掌握响应式网页用户界面的设计理念。 * 学习使用jQuery的load方法构建用户界面。 * 理解jQuery选择器和点击事件的概念。 **课程内容：** 本课程将引导学习者从头开始构建响应式网页，内容涵盖： 1. **响应式网站赏析：** 了解响应式设计的概念和实际应用。 2. **网站基础结构设计与编码：** 学习如何搭建网页的基本框架。 3. **jQuery基础用法与点击事件：** 掌握jQuery的核心功能，实现交互效果。 4. **响应式CSS代码编写：** 学习如何使用CSS实现网页在不同设备上的适配。 5. **头部导航栏的构建（移动端与PC端）：** 分别针对移动设备和PC端设计和实现头部导航。 6. **侧边汉堡菜单构建（移动端）：** 学习如何在移动端创建实用的汉堡菜单。 7. **使用jQuery load调用公共头部与底部：** 优化代码结构，提高效率。 8. **完成响应式网站内容：** 整合所学知识，构建完整的响应式网页内容。
[ 수강필요성 (+동기부여) ]기술 시대기술 가진 사람이 ‘우대'받는 시대1) 고용 안정성 (필요한 만큼 쉽게 내보내지 못함)2) 유리한 처우 (구하기 어려운 사람이 되면 될 수록 유리함)3) 직업 확장성 (프리랜서, 외주제작, 강사, 연사, 출판 등)보편적인 기술HTML, CSS, Javascript1) 웹 페이지를 만드려면 반드시 사용해야하는 기술2) IT 업계에서 널리 쓰임 (찾는 곳이 많음)낮은 진입 장벽HTML, CSS1) 상대적으로 배우기 쉬운 편2) 디자인 & 개발 직군에서 업무 확장을 위해 배우기 좋음[ 수업목표 ]웹 페이지 기본 구조 이해반응형 웹 UI 이해jQuery load를 이용한 UI 구성jQuery 선택자와 클릭 이벤트 개념 이해[ 수업내용]1) 반응형 웹 사이트 살펴보기 (2:38)2) 웹 사이트 기본 구조 설계 및 코딩 (7:10)3) jQuery 기본 사용법과 클릭 이벤트 이해 (5:57)4) 반응형 CSS 코드 작성 (6:05)5) 상단 헤더 구성 - 모바일 (16:34)6) 좌측 햄버거 메뉴 구성 - 모바일 (35:37)7) 상단 헤더 구성 - PC (7:53)8) 상단 네비게이션 구성 - PC (10:06)9) jQuery load를 이용한 공통 헤더&푸터 호출 (4:23)10) 반응형 웹 사이트 콘텐츠 완성 (22:19)
