html css 썸네일형 리스트형 HTML로 만드는 홈페이지, 누구든 쉽고 빠르고 간단하게 - 6(CSS) 안녕하세요 ~ 인포돈 입니다~!! 이번 시간으로 CSS를 마무리하려고 합니다. 이전까지 배운 것들로 충분히 저의 홈페이지를 만들 수 있다는 생각이 들고 있기 때문입니다. 이전까지 CSS의 기본을 배웠다면, 이제는 CSS에서 저희가 가장 원하는 바로 배치에 대해서 알아볼 겁니다. 이전에 배웠었던 CSS의 속성들을 잊지 않고 있다면, 머지않아 저희가 목표로 한 홈페이지를 각자의 힘으로 제작하실 수 있을 것입니다. 1. grid 이번에 알아볼 문법은 바로 grid!! 이 grid는 앞서 배웠던 속성과 태그와는 다르게 바로 값에 해당하는 문법입니다. 왜 이것만 따로 빼와서 배우냐?? 바로 엄청 중요하고 유용한 값이기 때문이죠. 우선 grid를 배우기 앞서서 와 태그에 대해서 배워야 합니다. 앞서 배운 태그들은 .. 더보기 HTML로 만드는 홈페이지, 누구든 쉽고 빠르고 간단하게 - 5(CSS) 안녕하세요 인포돈입니다. 저번 시간에 이어서 css에 대해서 알아보겠습니다. 이전 시간에 css속성과 id, class에 대해서 알아보았습니다. 이번에는 본격적으로 꾸미기 위한 css 코드들을 알려드리겠습니다. 1. border 해당 아래 코드에는 border라는 속성이 사용되었습니다. 해당 코드는 무엇을 의미할지 고민해 보세요 본 코드의 결과는 아래와 같습니다. 보시면 css의 경우 큰 박스가 생성되고 "css is good code"라는 텍스트는 작은 박스가 생성되는 것을 알 수 있습니다. 이러한 이유는 바로 box model 때문입니다. h1태그의 경우 화면 전체를 사용하는 block 형태이고 a 태그의 경우는 자기 자신 주위만 사용하는 inline형태이기 때문입니다. * 여기서 프로그래머들은 항상.. 더보기 HTML로 만드는 홈페이지, 누구든 쉽고 빠르고 간단하게 - 4(CSS) 안녕하세요 인포돈 입니다. 이전 시간까지 HTML 문법에 대해 알아보았습니다. 이번 시간에는 HTML과 상호보완적으로 많이 쓰이는 CSS에 대해서 알아보도록 하겠습니다. 물론 HTML만으로도 홈페이지를 만들 수 있지만 저희는 좀 더 이쁘게 만들고 싶지 않으신가요??? 그렇다면 CSS의 일부분을 배우면 저희가 보는 이런 웹사이트들처럼 저희도 엔지니어가 될 수 있습니다. 이전에 HTML 태그를 연습했던 1.html 파일로 그대로 연습해보셔도 되고, 새롭게 파일을 만들어서 진행하셔도 무방합니다 바로 본론으로 들어가 css에 대해서 알아보겠습니다. HTML에서는 가운데 정렬, 배경 이미지 등 예쁘게 꾸미기 위해서 만들어진 게 CSS라는 문법입니다. 하나의 예시를 보여드리겠습니다. HTML 해당 코드는 css가 .. 더보기 HTML로 만드는 홈페이지, 누구든 쉽고 빠르고 간단하게 - 3(태그, 속성) 안녕하세요 인포돈 입니다. 이번 시간부터는 본격적은 HTML에 대해서 알아볼 수 있는 기회입니다. HTML 관련 자료를 찾아보던 중 '생활코딩'이라는 분의 영상을 보게 되었는데, 보다 쉽고 재미있게 가르쳐 주시더라고요. 그분의 강의를 따라가면 보다 쉽게 이번 프로젝트를 완성시킬 수 있다는 생각이 들어서 바로 실행에 옮겼습니다. 해당 개발 환경을 따라 구축한 뒤 하루 만에 HTML의 전반적인 내용을 다 훑어보았습니다! 그 내용을 토대로 이번 학습을 진행해보겠습니다. 내용은 방대하지만 현재 우리 HTML로 만드는 홈페이지 프로젝트에 적합한 내용만 추려보았습니다! * Atom 이외의 개발 환경을 구축하고 싶으신 분들은 'best html editor 2021' 이런 식의 검색을 통해서 가장 최신 에디터들을 접.. 더보기 HTML로 만드는 홈페이지, 누구든 쉽고 빠르고 간단하게 - 1(계획) 안녕하세요 인포돈 입니다. 처음 블로그의 글을 올려보네요. 여러 번의 수정이 있겠지만, 최선의 노력으로 열심히 올려보겠습니다! 저의 첫 포스팅은 바로 HTML로 만드는 홈페이지!! 저도 HTML을 처음 접해 보기 때문에 같이 배우면서 제작까지 도전해 보려 합니다. 대신!! 모두가 이번 HTML로 만드는 홈페이지 시리즈를 따라 하신다면 시리즈를 완독 했을 때는 반드시 자신만의 홈페이지를 직접 제작했다는 성취감을 드리겠습니다. 우선 우리 모두가 처음이거나 익숙지 못한 것을 공부할 때 가장 중요한 것이 무엇인지 아시나요?? 저는 바로 목표입니다! 무엇이든 처음 시작은 의욕이 넘칩니다. 그러나 시간이 지나면 지날수록, 그 열정을 빠르게 식어가죠 그럴 때마다 저희는 되새겨야 됩니다. 저희의 목표를요 작은 팁은 처.. 더보기 이전 1 다음
