웹코딩 공부&공유/내 작품

안녕하세요 오늘은 간단한 로그인 폼을 만들어보도록 하겠습니다 기능적인 부분은 하나도 없이 HTML과 CSS만 사용하였기 때문에 디자인만 참고해보시면 좋을것 같습니다 따로 크기를 정해놓지 않은 % 방식으로 하였기 때문에 사이즈를 너무 줄이는 모습까지는 신경쓰지 못하였습니다 중요한 부분 - 위치선정 - display: flex; align-items: center; justify-content: center; flex-direction : column; -디자인 - outline : none; background : linear-gradient() border-radius : --px; box-shadow : -px -px -px color; letter-spacing : -px; SNS 버튼부에서 봐야할 ..

안녕하세요 동영상을 활용한 웹 메인 홈페이지 제작하기 2편 시작하겠습니다 - 1편 - 레이아웃 및 미리보는 화면 동영상을 화면 사이즈에 맞게 넣는 방법이 있습니다 2020/12/27 - [웹코딩 공부&공유/내 작품] - [html/css] 동영상을 활용한 웹 메인 홈페이지 제작하기 - 1편 [html/css] 동영상을 활용한 웹 메인 홈페이지 제작하기 - 1편 안녕하세요 오늘은 동영상 파일을 활용한 웹 메인 홈페이지 제작을 해보았습니다 CSS까지 자세하게 하여서 2편 ~ 3편정도로 나눌까 생각중입니다 들어가기에 앞서 사이즈는 width : 100% height : 100vh homnay.tistory.com 동영상은 1편에 있습니다 2편에는 이미지만 나타내도록 하겠습니다 1. 설명란 또는 글자를 랜덤으로..

안녕하세요 오늘은 동영상 파일을 활용한 웹 메인 홈페이지 제작을 해보았습니다 CSS까지 자세하게 하여서 2편 ~ 3편정도로 나눌까 생각중입니다 들어가기에 앞서 사이즈는 width : 100% height : 100vh 이며 레이아웃 엄청 간단합니다 ㅎㅎ 미리보기 화면 동영상 웹 페이지 1. 배경에 동영상 넣는 방법 & 화면 꽉 채우는 방법 video HTML 코드 HTML 에 video Tag를 가져와서 src에 경로를 입력해 줍니다 video 태그 안에도 수많은 것들이 있지만 그 중에 사용된 3개를 먼저 설명 드리겠습니다 muted 소리가 있는 동영상은 소리가 안나오게 만들어 준다 autoplay 홈페이지가 로딩 되자마자 동영상 자동 재생 loop 동영상이 끝나면 처음으로 돌아가서 다시 재생 경로에 관..

안녕하세요 베트남에 장기해외실습으로 1년 조금 넘는 시간을 살았었는데요 북부에는 많이 여행다니고 했었는데 어떻게 하다보니 중부, 남부로는 한번도 여행을 가보지 못했어요 살다 보니 베트남어도 어느정도 할 줄 알게되고 많은 친구도 사귀게 되었었는데요 저도 다시 베트남에 가야하는데 언제쯤 다시 갈 수 있으려나 하하.. 코로나때문에 해외 어디 여행이라도 가고싶어도 가질 못하니.. 베트남 중부, 남부로 여행을 가고 싶어서 간단하게 하나 만들어 보았습니다 2020/08/01 - [웹코딩 공부&공유/css] - 나혼자 웹 독학 - css flex(플렉스)를 활용한 메뉴바 만들기 나혼자 웹 독학 - css flex(플렉스)를 활용한 메뉴바 만들기 안녕하세요 간단한 html, css를 이용한 menubar를 만들어 보려..