본문 바로가기

강화도라이프

(47)

책보고 무작정 따라하는 웹 사이트 설계 - 2편 - 책보고 무작정 따라하는 웹 사이트 설계 - 2편 - 지난 시간에 이어 오늘은 웹 사이트의기본적인 레이아웃에 대하여 공부해 보겠습니다. 지난 시간에 HTML의 구조 중 안에 넣어주면 된다고 합니다.근데 이러면 li가 모두 inline이 되지 않나??아무튼위와 같이 됨을 확인 할 수 있습니다. ② 몸 부분 이나 태그를 선언해줍니다. 태그는 1번 밖에 선언이 되지 않는다고 합니다.과 이 같은 기능이면 굳이 왜 따로 있는지는알아봐야겠습니다. 태그의 단점 중에 익스플로러에서 지원이 안된다고 합니다. 그래서 이때는...해주면 된다고 합니다.한번만 선언할 수 있으니 이 구조는 필수겠네요. 태그는 말그대로 구역을 나타내고, 태그는 본문 이외의 내용을 나타내고,사이트바에서 많이 사용한다고 합니다. 태그는 본문을 나타내는..

책보고 무작정 따라하는 웹 사이트 설계 - 1편 - 책보고 무작정 따라하는 웹 사이트 설계 - 1편 - 소프트웨어와 웹 사이트에 대한 지식이 거의 없는 상태에서 블로그를 더욱 멋지게 만들기 위한 노력 중 하나로, 웹 사이트를 개발하는 언어 및 관련 지식들을 습득하고자 합니다. 메모한다는 느낌으로 진행되니 참고해 주시기 바랍니다. ( _ _ ) 1. 개요 웹 사이트는 아래의 세 가지 언어를 사용하여 만들 수 있다고 합니다. ▶ HTML (구조 잡기) ▶ CSS (옷 입히기) ▶ JAVAscript (동작하기) (1) HTML : 웹 사이트에 접속하여 보이는 텍스트와 이미지(블로그의 포스팅 내용) 등에 대한 정보 등을 입력. (2) CSS : 입력된 텍스트와 이미지 그리고 배경 등을 원하는 위치에 배치하고 색을 입히는 등 꾸며주는 것. (3) JAVAscri..

티스토리 블로그 스킨 꾸미기 - 사이드바(sidebar) 3편 - 티스토리 블로그 스킨 꾸미기- 사이드바(sidebar) 3편 -무료로 제공되는 스퀘어(square) 스킨을 활용하여코알못이 직접 수정해 보겠습니다. 2편을 못 보신분은 보고 오세요.^_^☞ 티스토리 블로그 스킨 꾸미기 - 사이드바(sidebar) 2편 - #sidebar .category > ul{margin: 0;padding: 0;}margin: 0; margin: 0; -> margin: 50px;외부 여백이 넓어지다 보니 내부 글씨들이 찌부러졌다. padding: 0; padding: 0; -> padding: 50px; #sidebar .category ul li{list-style: none;}list-style: none;list-style: none; -> upper-roman카테고리의 각..

티스토리 블로그 스킨 꾸미기 - 사이드바(sidebar) 2편 - 티스토리 블로그 스킨 꾸미기- 사이드바(sidebar) 2편 - 무료로 제공되는 스퀘어(square) 스킨을 활용하여코알못이 직접 수정해 보겠습니다. 스킨편집에서 CSS에 들어가 소스코드의 일부를 가져왔습니다. 코드를 보기 좋게 수정 후 진행하겠습니다. (이 글은 모바일 보단 PC로 보시는 것을 추천드립니다.) 실습을 진행하면서 내용이 기니, 궁금하신 부분은 Ctrl+F 로 해당 단어를 검색하여 찾으시면 조금 더 수월 하실 것으로 생각됩니다. 자, 시작하겠습니다! 위의 코드를 위에서 부터 차례로 아래로 내려오며 공부해보겠습니다. #sidebar a { color: #333; text-decoration: none; } color: #333; 를 먼저 수정해보겠습니다. "color" 를 #333에서 #ff..

RAW 이미지 형식(image format) RAW image format RAW는 가공과 압축되지 않은 원본 그대로의 대용량 파일 형식이라고 합니다.셔터스톡에 사진을 등록할 때 4MB 이상의 파일 크게가 되어야 한다고 하여, 남들은 어떻게 하고 있는지 찾아보니 카메라에서 화질 항목에서 RAW로 세팅을 하여 사진을 찍으면 PC로 옮겼을 때 후보정에도 유용하다고 하여 RAW로 세팅 후 사진을 찍어 PC로 옮겨서 보니 볼 수가 없었습니다.사진 파일의 확장자가 .CR2 되어 있었는데, 코덱이 없어서 볼 수가 없다는 것입니다.그래서 검색을 해보니 마이크로소프트 홈페이지에서 코덱을 받을 수 있다고 하여 찾아가봤습니다.☞ 코덱 받으러 가기 https://www.microsoft.com/ko-kr/download/details.aspx?id=26829Micro..

티스토리 블로그 스킨 꾸미기 - 사이드바(sidebar) 1편 - 티스토리 블로그 스킨 꾸미기- 사이드바(sidebar) 1편 -무료로 제공되는 스퀘어(square) 스킨을 활용하여코알못이 직접 수정해 보겠습니다. 스킨편집에서 CSS에 들어가 소스코드의 일부를 가져왔습니다.코드를 보기 좋게 수정 후 진행하겠습니다.(이 글은 모바일 보단 PC로 보시는 것을 추천드립니다.) 실습을 진행하면서 내용이 기니,궁금하신 부분은 Ctrl+F 로 해당 단어를 검색하여 찾으시면조금 더 수월 하실 것으로 생각됩니다. 자, 시작하겠습니다!/* * sidebar */#sidebar{ position: fixed;top: 0;left: 0;bottom: 0;padding: 0;width: 300px;height: 100%;background-color: #ffa;border-right: 1p..

이전 1 ··· 3 4 5 6 7 8 다음

티스토리툴바