디지털 노마드를 꿈꾸며/실전연습6 서브라임 텍스트로 만든 첫 웹페이지3 (수월-) ABOUT 페이지를 분석할 차례다. HOME 페이지는 완성되었고, 같은 html을 그대로 복사해서 ABOUT과 SERVICES로 복사하면 된다. 지금까지 분석했던 기본 설정 및 HOME에 대한 분석을 참고하고 싶다면 다음의 두 글의 링크로! https://dowhateveryouwant1661.tistory.com/28 서브라임 텍스트로 만든 첫 웹페이지1 (뿌듯-) (유툽을 보고 따라 만들긴 했지만) 다음과 같은 모습이다. 누가봐도 엉성하긴 하지만 하나하나 따라서 만들어 보니 진짜 만들어 지는구나..! 신기하기도 하고 재밌기도 하다. 태그를 한줄 한줄 덧붙여 갈 때 마다.. dowhateveryouwant1661.tistory.com https://dowhateveryouwant1661.tistory... 2020. 4. 7. 서브라임 텍스트로 만든 첫 웹페이지2 (지끈-) 오늘은 쇼케이스, 뉴스레터, 각주 등 첫 화면의 중간-아래 부분을 분석해보려고 한다. 어제는 헤드, 헤더 부분을 분석해봤다. 사용할 때는 잘 몰랐던 아주 디테일한 과정까지 신경써서 생각해야 했다. 더 구체적으로 확인하고 싶다면 아래의 글을 참고! https://dowhateveryouwant1661.tistory.com/28 서브라임 텍스트로 만든 첫 웹페이지1 (뿌듯-) (유툽을 보고 따라 만들긴 했지만) 다음과 같은 모습이다. 누가봐도 엉성하긴 하지만 하나하나 따라서 만들어 보니 진짜 만들어 지는구나..! 신기하기도 하고 재밌기도 하다. 태그를 한줄 한줄 덧붙여 갈 때 마다.. dowhateveryouwant1661.tistory.com 사진에 큰 메세지가 있는 부분이 'showcase'인데 이 부분.. 2020. 4. 6. 서브라임 텍스트로 만든 첫 웹페이지1 (뿌듯-) (유툽을 보고 따라 만들긴 했지만) 다음과 같은 모습이다. 누가봐도 엉성하긴 하지만 하나하나 따라서 만들어 보니 진짜 만들어 지는구나..! 신기하기도 하고 재밌기도 하다. 태그를 한줄 한줄 덧붙여 갈 때 마다 새로고침을 해서 계속해서 바뀌는 웹페이지를 확인하면서 작업하는 것도 재미가 쏠쏠하다. 번거롭게 캡쳐해가면서 까지 이렇게 글로 남기는 이유는 무작정 따라하기만 하는 것 보다 하나씩 분석해 보면 머릿속에 더 오래 남을 거 같아서이다. 파일 작성시에는 html > css순서대로 작성했지만, 분석은 해당 부분별로 html>css를 나눠가면서 하는 게 나을 거 같다. 0. html기본설정 가장 먼저, 기본 문서는 index.html로 지정하고 해당 폴더와 그 안에 css폴더와 img폴더를 만든다. 사용할 이.. 2020. 4. 5. SKILLSHARE:첫 웹사이트를 만들고 싶은 사람들에게2 웹사이트 만들기의 구체적인 방법을 더 알아보자. 쓰다보니 요약 내용을 다 작성하면 포스팅이 너무 길어질 것 같아서 나눠서 기록한다. 이전 내용이 궁금하다면 아래의 링크를 참고! https://dowhateveryouwant1661.tistory.com/20 SKILLSHARE:첫 웹사이트를 만들고 싶은 사람들에게 나만의 첫 웹사이트를 만들어 보자! HTML도 배우고 있고 CSS도 배우고 있고 하지만 한낱 지식들에 불과하다. 아직도 알아야 할 것들이 많고 갈 길이 멀지만 지식만 쌓아갈 순 없다. 직접 만들어 봐야한다. 직접 코.. dowhateveryouwant1661.tistory.com 역시 같은 선생님을 모시고 왔다. 웹사이트에서 제공할 내용을 최대한 다 준비하고 시작하면 효율적으로 시간과 공간을 계.. 2020. 3. 25. 이전 1 2 다음