CSS동영상강좌
페이지 정보
본문
[타모디자인] 30분만에 html/css 기초 적응하기 [1/2]
기획(?)에 일주일이 넘게 걸렸네요. 최단시간에 적응할수 있도록 준비해봤어요.
이번 강좌가 끝나면 바로 웹사이트 만들기를 할 예정이에요.
Location. : 디자인툴 공부하다가 html css 문법이 진짜 가물가물해서 복습하러 왔어요! 감사합니당
혱 : 하나도 몰랐는데..! 이해하기 쉽게 설명해주셔서 감사해요
Milo JTJ : 언제 봐도 너무 유익하네요!
추가적으로 어떻게 하면 생산성이 증대되는지 알려주시면 더 좋을 것 같습니다! :)
감사합니다! :()
JASON figur : 1:12 vs code 다운로드
1:37 시작
2:16 기본세팅
3:07 인라인/블록태그 차이점
4:21 div 이름지어주기(class)
4:57 css
7:07 목록태그(ul,li)
7:44 from, input
10:56 div 버튼 터치하기
12:47 img, 링크넣기
커팡 : 감사합니다 너무 재밌게 배웠네요
한시간만에 끝내는 HTML+CSS 입문
[개발자의 품격] 품격있는 개발자 되기!
여러분이 HTML, CSS에 대한 이해를 돕기 위한 강좌입니다.
HTML은 구조를 가지고 있고,
HTML Element로 이루어져 있어요.
그리고 Element의 속성을 관리하기 위해 Attribute를 쓰고요.
Element의 디자인을 입히기 위해서 CSS, 즉 Style을 적용하게 되어 있어요.
이렇게 하면 여러분들이 매일 이용하는 웹사이트가 되는 거예요.
HTML에 대한 기본개념과 CSS선택자를 이용해서 CSS를 적용하는 방법에 대해서 알려드려요.
#웹 #HTML #CSS
Hyun : 설명 쵝오!!!! 학교강의가 이해도 어렵고 지루해서 헤매다가 오아시스 발견! 감사합니다~~~^^
정현 : 차근차근 가르쳐주셔서 너무 좋았어요. 감사합니다. 많이 배우고 갑니다.
씨씨 : 굉장히 핵심 정확히 이해쉽게 설명하시네요 구독하고 갑니다
서버개발바 입장서 한번쯤은 배운걸 굉장히 짧은시간안에 상기시켜 학습시간을 단축하며 실제 유용한 기능만 설명을 아주 잘하십니다. 추후 수만명 구독 예상해봅니다
승원 : 계속 돌려보면서 따라하니까 뭔가 성과가 바로 나는 거 같아서 재미있게 배울 수 있네요!
30:00
19 3 : 38:49 북마크
HTML과 CSS를 쉽고 한번에 배울 수 있는 기회를 가질 수 있게 되어 감사하다는 마음 전하고 싶습니다~ 열심히 공부해보겠습니다 파이팅!
제대로 파는 HTML & CSS 강좌 - 웹개발 퍼블리싱 끝장내기
#html #css #코딩
- HTML과 CSS의 기초부터 고급까지
- Emmet으로 HTML 간편하게 코딩하기
- 웹 표준을 준수하는 퍼블리싱
- 포지션, 각종 레이아웃, 선택자 등 어려운 CSS 개념들
- 상속과 리세팅, 벤더 프리픽스, 포커스 비저블 등 복잡한 개념들
- 변수, 웹폰트, 필터, 애니메이션 등 고급 기능 활용법
- 반응형으로 모바일 환경에 대응하기
- 접근성 - 다양한 사용자를 배려하는 웹사이트 만들기
- 시멘틱 태그와 BEM을 활용한 적절한 사이트 구성
- 파이널 프로젝트를 통한 실전 지식
0:00 0-1. 강의 소개
1:38 0-2. ⭐️ 강의를 듣는 방법
6:52 0-3. 수강을 위한 환경 세팅
16:27 0-4. HTML, CSS, JavaScript가 뭔가요?
22:31 1-1. 제목과 본문
43:20 1-2. 종류와 중요도에 따른 태그
53:00 1-3. 인용된 컨텐츠
1:4:40 1-4. 나열되는 요소들
1:13:24 1-5. 이미지 넣기
1:25:17 1-6. 표 사용하기
1:36:20 1-7. 다른 곳으로의 링크
1:45:44 1-8. 사용자로부터 입력 받기 1
1:52:17 1-9. 사용자로부터 입력 받기 2
2:12:43 1-10. 사용자로부터 입력 받기 3
2:27:47 1-11. CSS로 넘어가기 전에
2:36:52 2-1. CSS 적용방법과 선택자들
2:59:18 2-2. 글자와 텍스트 스타일
3:21:23 2-3. 문단과 목록 스타일
3:30:51 2-4. 색 표현하기
3:41:36 2-5. 인라인 요소와 블록 요소
3:55:05 2-6. 박스 모델 1
4:13:41 2-7. 박스 모델 2
4:28:08 2-8. 배경 꾸미기
4:42:16 2-9. 포지셔닝
4:56:04 2-10. 요소들을 감추는 방법들
5:3:54 2-11. Flex 레이아웃
5:26:28 유료 파트에서 배우게 될 것
= = =
전체강의 들으러 가기:
https://www.inflearn.com/course/제대로-파는-html-css?inst=8a7619aa
얄코사이트: https://www.yalco.kr
책 - 혼자 공부하는 얄팍한 코딩지식: https://www.yalco.kr/book/
제대로 파는 Git \u0026 GitHub:
제대로 파는 HTML \u0026 CSS:
갖고 노는 MySQL 강좌:
반응형 프로그래밍 RxJS 강좌:
얄팍한 코딩사전 : [전체강의 링크 & 대학생 반값할인]
1. 전체 강의(약 11시간) 수강하기
아래 링크에서 유료 파트가 포함된 전체강의를 수강하실 수 있습니다.
https://www.inflearn.com/course/제대로-파는-html-css?inst=8a7619aa
2. 전체강의 대학생 할인
대학교 이메일 계정이 있다면 아래 링크를 클릭해주세요!
https://www.yalco.kr/univ-dc/?lecture=html-css
테크서퍼 : 감사합니다. 얄코님~! 한번엔 다 못 보겠지만 끊어서 꾸준히 보겠습니당
SeokHyun Youn : 3:07:00
좋은 강의 감사합니다.
HDK : 와... 마침 html css 강의 구매 해야지 하고 생각하고 있었는데 타이밍이 ㄷㄷㄷ
김진호 : 와 5시간 강의 소중하게보겠습니다.
기획(?)에 일주일이 넘게 걸렸네요. 최단시간에 적응할수 있도록 준비해봤어요.
이번 강좌가 끝나면 바로 웹사이트 만들기를 할 예정이에요.
Location. : 디자인툴 공부하다가 html css 문법이 진짜 가물가물해서 복습하러 왔어요! 감사합니당
혱 : 하나도 몰랐는데..! 이해하기 쉽게 설명해주셔서 감사해요
Milo JTJ : 언제 봐도 너무 유익하네요!
추가적으로 어떻게 하면 생산성이 증대되는지 알려주시면 더 좋을 것 같습니다! :)
감사합니다! :()
JASON figur : 1:12 vs code 다운로드
1:37 시작
2:16 기본세팅
3:07 인라인/블록태그 차이점
4:21 div 이름지어주기(class)
4:57 css
7:07 목록태그(ul,li)
7:44 from, input
10:56 div 버튼 터치하기
12:47 img, 링크넣기
커팡 : 감사합니다 너무 재밌게 배웠네요
한시간만에 끝내는 HTML+CSS 입문
[개발자의 품격] 품격있는 개발자 되기!
여러분이 HTML, CSS에 대한 이해를 돕기 위한 강좌입니다.
HTML은 구조를 가지고 있고,
HTML Element로 이루어져 있어요.
그리고 Element의 속성을 관리하기 위해 Attribute를 쓰고요.
Element의 디자인을 입히기 위해서 CSS, 즉 Style을 적용하게 되어 있어요.
이렇게 하면 여러분들이 매일 이용하는 웹사이트가 되는 거예요.
HTML에 대한 기본개념과 CSS선택자를 이용해서 CSS를 적용하는 방법에 대해서 알려드려요.
#웹 #HTML #CSS
Hyun : 설명 쵝오!!!! 학교강의가 이해도 어렵고 지루해서 헤매다가 오아시스 발견! 감사합니다~~~^^
정현 : 차근차근 가르쳐주셔서 너무 좋았어요. 감사합니다. 많이 배우고 갑니다.
씨씨 : 굉장히 핵심 정확히 이해쉽게 설명하시네요 구독하고 갑니다
서버개발바 입장서 한번쯤은 배운걸 굉장히 짧은시간안에 상기시켜 학습시간을 단축하며 실제 유용한 기능만 설명을 아주 잘하십니다. 추후 수만명 구독 예상해봅니다
승원 : 계속 돌려보면서 따라하니까 뭔가 성과가 바로 나는 거 같아서 재미있게 배울 수 있네요!
30:00
19 3 : 38:49 북마크
HTML과 CSS를 쉽고 한번에 배울 수 있는 기회를 가질 수 있게 되어 감사하다는 마음 전하고 싶습니다~ 열심히 공부해보겠습니다 파이팅!
제대로 파는 HTML & CSS 강좌 - 웹개발 퍼블리싱 끝장내기
#html #css #코딩
- HTML과 CSS의 기초부터 고급까지
- Emmet으로 HTML 간편하게 코딩하기
- 웹 표준을 준수하는 퍼블리싱
- 포지션, 각종 레이아웃, 선택자 등 어려운 CSS 개념들
- 상속과 리세팅, 벤더 프리픽스, 포커스 비저블 등 복잡한 개념들
- 변수, 웹폰트, 필터, 애니메이션 등 고급 기능 활용법
- 반응형으로 모바일 환경에 대응하기
- 접근성 - 다양한 사용자를 배려하는 웹사이트 만들기
- 시멘틱 태그와 BEM을 활용한 적절한 사이트 구성
- 파이널 프로젝트를 통한 실전 지식
0:00 0-1. 강의 소개
1:38 0-2. ⭐️ 강의를 듣는 방법
6:52 0-3. 수강을 위한 환경 세팅
16:27 0-4. HTML, CSS, JavaScript가 뭔가요?
22:31 1-1. 제목과 본문
43:20 1-2. 종류와 중요도에 따른 태그
53:00 1-3. 인용된 컨텐츠
1:4:40 1-4. 나열되는 요소들
1:13:24 1-5. 이미지 넣기
1:25:17 1-6. 표 사용하기
1:36:20 1-7. 다른 곳으로의 링크
1:45:44 1-8. 사용자로부터 입력 받기 1
1:52:17 1-9. 사용자로부터 입력 받기 2
2:12:43 1-10. 사용자로부터 입력 받기 3
2:27:47 1-11. CSS로 넘어가기 전에
2:36:52 2-1. CSS 적용방법과 선택자들
2:59:18 2-2. 글자와 텍스트 스타일
3:21:23 2-3. 문단과 목록 스타일
3:30:51 2-4. 색 표현하기
3:41:36 2-5. 인라인 요소와 블록 요소
3:55:05 2-6. 박스 모델 1
4:13:41 2-7. 박스 모델 2
4:28:08 2-8. 배경 꾸미기
4:42:16 2-9. 포지셔닝
4:56:04 2-10. 요소들을 감추는 방법들
5:3:54 2-11. Flex 레이아웃
5:26:28 유료 파트에서 배우게 될 것
= = =
전체강의 들으러 가기:
https://www.inflearn.com/course/제대로-파는-html-css?inst=8a7619aa
얄코사이트: https://www.yalco.kr
책 - 혼자 공부하는 얄팍한 코딩지식: https://www.yalco.kr/book/
제대로 파는 Git \u0026 GitHub:
제대로 파는 HTML \u0026 CSS:
갖고 노는 MySQL 강좌:
반응형 프로그래밍 RxJS 강좌:
얄팍한 코딩사전 : [전체강의 링크 & 대학생 반값할인]
1. 전체 강의(약 11시간) 수강하기
아래 링크에서 유료 파트가 포함된 전체강의를 수강하실 수 있습니다.
https://www.inflearn.com/course/제대로-파는-html-css?inst=8a7619aa
2. 전체강의 대학생 할인
대학교 이메일 계정이 있다면 아래 링크를 클릭해주세요!
https://www.yalco.kr/univ-dc/?lecture=html-css
테크서퍼 : 감사합니다. 얄코님~! 한번엔 다 못 보겠지만 끊어서 꾸준히 보겠습니당
SeokHyun Youn : 3:07:00
좋은 강의 감사합니다.
HDK : 와... 마침 html css 강의 구매 해야지 하고 생각하고 있었는데 타이밍이 ㄷㄷㄷ
김진호 : 와 5시간 강의 소중하게보겠습니다.
... 
댓글목록
등록된 댓글이 없습니다.
