홈페이지를 제작하다보면 텍스트는 필연적으로 들어가게 되어있습니다. 메뉴 항목이라던지, 홈페이지 제목 등등에 사용되곤 하죠. 푸터 영역엔 무조건 텍스트가 들어갑니다. 설마 푸터를 이미지로 퉁치는 만행을 저지르는 일은 없어야 할 것입니다. 오늘 알아볼 text-transform은 한글이 아닌 알파벳으로 이루어진 영문장을 사용할 경우에 적용할 수 있는 방법입니다. 내용이 너무나도 간단하니 예시를 통해 바로 알아봅시다. See the Pen CSS text-transform by rgy0409 (@rgy0409) on CodePen. 어떤가요? 금새 파악이 되죠? 그러면 간단히 요약해 보겠습니다. text-transform: none; ▶ 기본값 text-transform: capitalize; ▶ 영단어의 첫..
display: flex;에 대해서 계속해서 강좌를 이어나가도록 하겠습니다. 드디어 오늘은 flex의 마지막 시간이 될 것 같군요. 그동안 잘 따라오셨나요? 만약 이 누추한 곳을 처음 방문하신 분이시라면 flex에 대해서 정확하게 알아야 할 필요가 있습니다. 그래야 본문이 이해가 되거든요. 그리고 어차피 flex에 대해 알아야 나중에 퍼블리싱 하실 때 작업하시기 편하실 것입니다. 아래의 글들을 모두 정독해 주시기 바랍니다. CSS display: flex 그리고 inline-flex CSS flex 자식 요소의 가로 크기에 영향을 주는 flex-wrap 속성 CSS flex justify-content 자식요소 가로 정렬 원하는대로 배치 CSS flex align-items 자식요소 세로 정렬(배치)1 ..
CSS에서 미디어쿼리 (@media) 를 사용하면 쉽게 반응형으로 만들 수 있습니다. 특정 해상도 이상 혹은 이하일 때, 마크업 해둔 스타일로 변하도록 만드는 개념입니다. 이번에 친효스킨을 만들면서 더욱 확실히 개념을 정리할 수 있었습니다. 어떻게 이해했고, 어떤식으로 사용되어지는지 최대한 쉽게 설명을 드리겠습니다. 먼저 미디어쿼리를 마크업 할 때, 기준되는 해상도를 하나 정하셔야 합니다. 홈페이지 스타일 중 가장 만들기 쉬운 형태는 뭐가 있을까요? 저는 모바일 페이지라고 생각합니다. 블록요소가 그냥 세로로 쌓여있는 형태 입니다. 티스토리 반응형 스킨도 스마트폰에서 보면 세로로 정렬된 형태가 거의 대부분 입니다. 이는 모바일 해상도에서는 가로로 정렬할 수 있는 공간이 충분하지 않기 때문에 세로로 보여지게..
홈페이지를 제작하려고 하는데 혼자의 힘으로는 상당한 힘이 들어갑니다. 무료로 제작할 수 있다는 여러 사이트의 도움을 받으려고 시도해 봤지만, 무료로 진행하는 방법은 너무 한계가 많습니다. 빠져있는 기능도 많기도 하지요. 특히 사업자로 활동하시려고 한다면 결제시스템도 넣어야 하는데 그러기엔 너무 부족한 부분이 많습니다. #이 글을 친절한효자손 취미생활 블로그에서 보시는게 아니라면, 불법으로 복사한 글이므로 신고하시거나 창을 닫아주시기 바랍니다. (무단 복제 및 배포시 법적 대응)#블로그에 다른 목적으로 방문하신 분에 대하여 추후 책임을 묻겠습니다.#모든 내용은 공유하시되 출처만 남겨주시면 감사하겠습니다.#본 블로그는 크롬 브라우저 (Chrome Browser) 1920×1080 해상도에서 가장 선명하게 보..
늘어만가는 수많은 홈페이지들, 그리고 순식간에 무수히 사라지곤 합니다. 사라지는 이유는 무엇일까요? 답은 당연히 많이 알려지지 않아서 그럴 확률이 큽니다. 아시다시피 홈페이지를 만드는 이유는 방문자들을 많이 유입시켜서 최대한 홍보를 하는데 목적이 있는데, 그렇지 못한 경우라면 곤란해지죠. 특히나 요즘은 스마트폰으로 접속하시는 분들이 많기 때문에 다양한 기기에서 접속을해도 절대 잘 보이는 그런 반응형 홈페이지만 살아남을 수 있습니다. #이 글을 친절한효자손 취미생활 블로그에서 보시는게 아니라면, 불법으로 복사한 글이므로 신고하시거나 창을 닫아주시기 바랍니다. (무단 복제 및 배포시 법적 대응)#블로그에 다른 목적으로 방문하신 분에 대하여 추후 책임을 묻겠습니다.#모든 내용은 공유하시되 출처만 남겨주시면 감..
상대방의 회사에 대해서 알아보고자 할 때 보통 어디를 먼저 들어갈까요? 바로 그렇습니다. 기업 홈페이지 입니다. 이 회사의 연혁, 그리고 회사의 목표, 다루는 종목, 출시하는 제품 등등에 대한 모든 정보가 바로 홈페이지에 담겨 있습니다. 방문객에게 신뢰를 주고 믿음을 주고, 비전있는 회사로 보이려면 회사의 얼굴이라 불리우는 홈페이지를 정말 잘 만들어야겠죠? #이 글을 친절한효자손 취미생활 블로그에서 보시는게 아니라면, 불법으로 복사한 글이므로 신고하시거나 창을 닫아주시기 바랍니다. (무단 복제 및 배포시 법적 대응)#블로그에 다른 목적으로 방문하신 분에 대하여 추후 책임을 묻겠습니다.#모든 내용은 공유하시되 출처만 남겨주시면 감사하겠습니다. 그렇기에 회사 홈페이지를 그냥 싼 가격에 후려치는 그런 곳은 조..
홈페이지를 어떻게 만들어야 잘 만들지를 고민하시는 분들! 지금 이 곳까지 이렇게 검색의 검색을 통해서 오신 것으로 알고 있습니다. 솔직히 홈페이지를 아무것도 모르는 상태에서 하나하나 배워가며 만든다는 것은 무척이나 어려운 일 입니다. 홈페이지는 기술은 물론이고, 디자인적인 미술 감각도 필요하기 때문이죠. 그래서 우리는 전문업체에 맡기게 됩니다. #이 글을 친절한효자손 취미생활 블로그에서 보시는게 아니라면, 불법으로 복사한 글이므로 신고하시거나 창을 닫아주시기 바랍니다. (무단 복제 및 배포시 법적 대응)#블로그에 다른 목적으로 방문하신 분에 대하여 추후 책임을 묻겠습니다.#모든 내용은 공유하시되 출처만 남겨주시면 감사하겠습니다. 문제는 비용일 것입니다. 업체마다 천차만별 서로 다른 비용을 제시하고 있습니..
요즘 홈페이지를 만들려고 하는데 수 많은 홈페이지 제작 회사들이 있습니다. 저마다 다들 뭔가 장점이 있는 것 같습니다만, 선뜻 고르기가 어렵습니다. 여기가 저기같고... 저기가 여기 같기 때문이죠. 비슷비슷해서 비교도 어렵습니다. 이럴때는 오로지 뭐가 중요할까요? 제 생각은 무조건 기술력 입니다. 이유를 말씀 드리도록 하겠습니다. #이 글을 친절한효자손 취미생활 블로그에서 보시는게 아니라면, 불법으로 복사한 글이므로 신고하시거나 창을 닫아주시기 바랍니다. (무단 복제 및 배포시 법적 대응)#블로그에 다른 목적으로 방문하신 분에 대하여 추후 책임을 묻겠습니다.#모든 내용은 공유하시되 출처만 남겨주시면 감사하겠습니다. 기술력은 한마디로 작품이 됩니다. 수많은 건축물들, 기술가들의 다양한 실력들, 모두 결과물..
홈페이지를 만드려고 하는데 혼자의 힘으로는 역부족 입니다. 무료로 제작할 수 있다는 여러 사이트에도 들어가 봤지만, 무료로는 너무 한계가 많습니다. 빠져있는 기능도 많구요. 만약 사업자로서 활동하시려고 한다면 특히나 결제시스템도 들어가고 해야할텐데 그러기엔 너무 부족하지요. #이 글을 친절한효자손 취미생활 블로그에서 보시는게 아니라면, 불법으로 복사한 글이므로 신고하시거나 창을 닫아주시기 바랍니다. (무단 복제 및 배포시 법적 대응)#블로그에 다른 목적으로 방문하신 분에 대하여 추후 책임을 묻겠습니다.#모든 내용은 공유하시되 출처만 남겨주시면 감사하겠습니다. 그래서 우리는 홈페이지 제작 업체를 수소문해서 의뢰하곤 합니다. 문제는 가격이겠죠? 제 아무리 기능이 훌륭하다 하더라도 너무 터무니없는 비용을 지불..
무더운 여름이 가고, 이제 시원한 가을이 성큼 다가오고 있습니다. 올 여름은 유난히 눅눅했습니다. 비도 많이 왔구요. 이제 모처럼 환기도 시키고 집안의 묵은 공기와 침구류 청소를 대대적으로 해야 할 때가 왔습니다. 홈페이지도 한번 대대적으로 가을맞이 인테리어 리뉴얼을 하시는 분들도 부쩍 늘었습니다. 특히 의류쪽 홈페이지는 매 계절마다 새롭게 고치는게 일입니다. #이 글을 친절한효자손 취미생활 블로그에서 보시는게 아니라면, 불법으로 복사한 글이므로 신고하시거나 창을 닫아주시기 바랍니다. (무단 복제 및 배포시 법적 대응)#블로그에 다른 목적으로 방문하신 분에 대하여 추후 책임을 묻겠습니다.#모든 내용은 공유하시되 출처만 남겨주시면 감사하겠습니다. 홈페이지 제작에는 생각보다 많은 비용이 들어갑니다. 많은 비..
패션은 계절마다 다르고 매년 다릅니다. 물론 패션은 돌고 돈다고 하지만, 상황에 맞춰서 그리고 시기에 맞추어 변하고 있습니다. 홈페이지 경우도 그런가 봅니다. 특히 맞춤형 홈페이지는 유동성이 있어야 한다고 생각합니다. 고정형태로 제작하면 차후에 수정할 때 무척이나 어려운 부분이 있죠. 그래서 우리는 홈페이지 제작 기술력을 봐야 합니다. 무조건 싼게 중요한게 아니라고 생각합니다. #이 글을 친절한효자손 취미생활 블로그에서 보시는게 아니라면, 불법으로 복사한 글이므로 신고하시거나 창을 닫아주시기 바랍니다. (무단 복제 및 배포시 법적 대응)#블로그에 다른 목적으로 방문하신 분에 대하여 추후 책임을 묻겠습니다.#모든 내용은 공유하시되 출처만 남겨주시면 감사하겠습니다. 맞춤형 홈페이지 제작은 기술력과 사후관리!..
하루에도 수 많은 홈페이지가 태어나고 반대로 문을 닫고 있습니다. 또한 수십차례 리뉴얼이 이루어지는데 여기에서 많은 비용들이 발생합니다. 제작할 때, 그리고 수정할 때 등등 홈페이지는 운영을 직접 해보신 분들은 아시겠지만 상당히 많은 시간과 비용이 들어가게 됩니다. 병원 홈페이지는 더더욱 그렇습니다. 그래서 우리는 정말 믿고 맡길 수 있는 곳을 신중하게 찾고 있는 것입니다. #이 글을 친절한효자손 취미생활 블로그에서 보시는게 아니라면, 불법으로 복사한 글이므로 신고하시거나 창을 닫아주시기 바랍니다. (무단 복제 및 배포시 법적 대응)#블로그에 다른 목적으로 방문하신 분에 대하여 추후 책임을 묻겠습니다.#모든 내용은 공유하시되 출처만 남겨주시면 감사하겠습니다. 병원 홈페이지 제작은 당연히 가성비! 제가 알..
프렌차이즈 사업이 나날히 커지고 번창하고 있습니다. 그러면서 꼭 필요한게 바로 홈페이지죠. 우리나라 국민들 대다수가 스마트폰을 사용하고 있고, 이제 언제 어디서든지 스마트폰을 통해 검색을 쉽고 빠르게 할 수 있습니다. 그러려면 당연히 반응형 홈페이지가 제대로 작동을 해야 할 것입니다. #이 글을 친절한효자손 취미생활 블로그에서 보시는게 아니라면, 불법으로 복사한 글이므로 신고하시거나 창을 닫아주시기 바랍니다. (무단 복제 및 배포시 법적 대응)#블로그에 다른 목적으로 방문하신 분에 대하여 추후 책임을 묻겠습니다.#모든 내용은 공유하시되 출처만 남겨주시면 감사하겠습니다. 프렌차이즈 홈페이지 제작은 무조건 기술력과 사후관리가 답! 요즘에는 프렌차이즈 홈페이지에 결재시스템이 필수로 들어가는 경우가 많습니다. ..
학원을 다니는 학생들이 아직까지 많이 있습니다. 사교육 금지다 뭐다 하지만 학부모님들의 학구열은 멈출 생각을 하지 않습니다. 우리나라에는 수많은 학원들이 존재하고 있고, 각 학원마다 홈페이지를 이쁘게 꾸며서 학생들을 모집하고 있지요. 그렇다면? 이런 학원 홈페이지를 정말 기가막히게 만들어줄 업체는 어디가 있을까요? #이 글을 친절한효자손 취미생활 블로그에서 보시는게 아니라면, 불법으로 복사한 글이므로 신고하시거나 창을 닫아주시기 바랍니다. (무단 복제 및 배포시 법적 대응)#블로그에 다른 목적으로 방문하신 분에 대하여 추후 책임을 묻겠습니다.#모든 내용은 공유하시되 출처만 남겨주시면 감사하겠습니다. 학원 홈페이지 제작은 이곳에서 알아보세요! 학원 홈페이지를 만드는 제작업체는 전국에 무척 많습니다. 하지만..
홈페이지 기술이 나날이 발전하는 가운데, 이제 반응형 홈페이지는 기본이 되었습니다. 심지어 이제 무료 플랫폼인 블로그도 반응형으로 나오고 있습니다. 사실상 무료 플랫폼인 블로그는 만들기도 쉽고 관리도 쉬운 편이지만, 순수하게 반응형 홈페이지를 만든다는 것은 정말이지 웹프로그래머가 아닌 이상은 상당히 어렵습니다. #이 글을 친절한효자손 취미생활 블로그에서 보시는게 아니라면, 불법으로 복사한 글이므로 신고하시거나 창을 닫아주시기 바랍니다. (무단 복제 및 배포시 법적 대응)#블로그에 다른 목적으로 방문하신 분에 대하여 추후 책임을 묻겠습니다.#모든 내용은 공유하시되 출처만 남겨주시면 감사하겠습니다. 반응형 홈페이지 제작은, 역시 티나지! 그래서! 반응형 홈페이지 제작 업체를 여러곳을 알아보시는 도중 이곳까지..