개발공부일지/CSS6 HTML/CSS 따라하기 기본 Naver 회원가입 페이지 Clone - Footer 안녕하세요 Hynn입니다. 이제 마지막 단계만을 남겨두고 있습니다. Footer 라고 하는 영역은, 특별한 정보라기 보다는, 각 회사의 이용약관,정보 및 연락처등이 포함된 Information 영역입니다. 하지만 이전에 Block 성질의 Element 를 학습하면서, 이러한 유형들을 몇가지 살펴본 바 있습니다. 그 중 Header, Footer 는 일반 홈페이지에서도 많이 보이는 영역이기 때문에, 용어에 익숙해지면 도움이 되리라 생각합니다. 원래는 어제 업로드가 됬어야 했지만 몸의 신호로 긴급하게 병원을 다녀오다 보니 작성이 늦었습니다. 그럼 마무리해보도록 하겠습니다. ================================================================== 1. Footer.. 2022. 10. 28. HTML/CSS 따라하기 기본 Naver 회원가입 페이지 Clone - Contents 3 안녕하세요 Hynn입니다. 이전 포스팅에서는 유저정보를 입력하는 영역을 완성했습니다. 이제 마지막으로 전화번호를 입력하고, 인증번호를 입력하는 영역, 그리고 가입하기 버튼까지 완성해보도록 하겠습니다. 이미 앞선 포스팅을 따라오셧다면, 이제 어렵지 않게 할 수 있으리라고 생각합니다. 다만 몇가지 추가로 사용되는 Element 나 속성은 같이 설명하면서 진행하도록 하겠습니다. ================================================================== 1. Contents Part3 - Joinnumber 2. Joinnumber - HTML 3. Joinnumber - CSS =================================================.. 2022. 10. 26. HTML/CSS 따라하기 기본 Naver 회원가입 페이지 Clone - Contents 2 안녕하세요 Hynn입니다. 이전 포스팅에서는 아이디,비밀번호 영역을 완성했습니다. 이제 이름과 같은 유저의 정보를 입력하는 영역을 완성해보도록 하겠습니다. 이미 앞선 포스팅을 따라오셧다면, 이제 어렵지 않게 할 수 있으리라고 생각합니다. 다만 몇가지 추가로 사용되는 Element 나 속성은 같이 설명하면서 진행하도록 하겠습니다. ================================================================== 1. Contents Part2 - Joinuser 2. Joinuser - HTML 3. Joinuser - CSS ================================================================== 1. Contents P.. 2022. 10. 26. HTML/CSS 따라하기 기본 Naver 회원가입 페이지 Clone - Contents 1 안녕하세요. Hynn 입니다. 이전 포스팅에서는 Header 영역을 작성했고, 실제 홈페이지와 유사하게 작성했습니다. 이제 메인무대가 되는 회원가입 부분의 Contents 를 작성해보도록 하겠습니다. 개발자는 아무래도 주어진 언어를 가지고 활용하는 직업이 되는것이니 만큼, 이전 포스팅에서 다루었던 Element 위주로 어떻게 활용이 되었는지를 가지고 작성해보도록 하겠습니다. ================================================================== 1. Contents Part1 - Joinidpw 2. Joinidpw - HTML 3. Joinidpw - CSS ======================================================.. 2022. 10. 25. HTML/CSS 따라하기 기본 Naver 회원가입 페이지 Clone - Header 안녕하세요. Hynn 입니다. 이전 포스팅에서 Layout을 설정했기 때문에, 이제 실제 보여지는 Contents 를 작성해보도록 하겠습니다. 컨텐츠는 이미 이전 포스팅에서 Header, Join_form,Footer 의 3가지 큰 틀로 나누었고, 하나하나씩 분리하여 작성해보도록 하겠습니다. Header 영역에서는 크게 네이버 로고가 표시되고, 로고를 클릭하면, 홈페이지로 이동되는 구조를 가지고 있습니다. 하나의 포스팅에 모든 영역을 작성하면, 글이 길어질 수 있으니, 3가지 영역을 나누어 작성해보도록 하겠습니다. 기존에 다루지않은 Element 에는 각 영역에 설명을 첨부하였으니, 같이 적용해보시면 좋을 거 같습니다. ===============================================.. 2022. 10. 25. HTML/CSS 따라하기 기본 - Layout 설정 안녕하세요. Hynn 입니다. 이번 포스팅에서는 지난 포스팅들의 작성된 Element 와 CSS의 기초개념을 같이 사용하여, 웹 페이지의 Layout을 설정하는 방식의 대한 기본 가이드를 작성하려고 합니다. 이 가이드에서는, CSS에서 가장 기초적으로 사용되는 명령어를 위주로 작성하였고, 기초적인 Layout 만을 작성하기때문에, 그를 토대로 여러개의 포스팅 과정을 거쳐 완성해보도록 하겠습니다. 가장 접근성이 쉬운 사이트 중 Naver의 회원가입 페이지를 바탕으로 작성해보겠습니다. ============================================================================= 1. CSS의 의미 2. 홈페이지 레이아웃 살펴보기 3. HTML 작성 구성도 틀 잡기.. 2022. 10. 24. 이전 1 다음
