웹표준공부하기/html_css (5) 썸네일형 리스트형 html에서 css적용하는 3가지 방법과 우선순위 안녕하세요.Html로 뻐대를 만들었다며 조금 더 보기 좋게 꾸미기 위해서 필요한 요소가 바로 CSS (cascading style sheets) 입니다. CSS (cascading style sheets)웹 문서의 전반적인 스타일을 미리 저장해 둔 스타일시트이다. 문서 전체의 일관성을 유지할 수 있고, 세세한 스타일 지정의 필요를 줄어들게 하였다.기존의 HTML은 웹 문서를 다양하게 설계하고 수시로 변경하는데 많은 제약이 따르는데, 이를 보완하기 위해 만들어진 것이 스타일 시트이고 스타일 시트의 표준안이 바로 CSS이다. 간단히 스타일 시트라고도 한다. HTML을 이용해서 웹 페이지를 제작할 경우 전반적인 틀에서 세세한 글꼴 하나 하나를 일일이 지정해주어야 하지만, 웹 페이지의 스타일(작성형식)을 미리 .. html 문서 구조화 요소 명칭과 역활 html문서를 보면 이래와 같은 문서 구조를 갖추고 있어요. 웹 문서의 소스를 보는 방법은 매우 간단합니다. 소스가 보고 싶은 페이지를 열고 F12버튼을 누르면 해당 페이지에 대한 html 소스를 확인할 수 있어요. 이러한 구조를 갖추어서 코딩해야 하는 이유는 검색엔진, 반응형레이아웃 등을 컴퓨터가 문서의 구조와 내용을 파악해야 하기 때문이죠. ● 머릿말 : header요소웹문서 페이지 혹은 섹션의 머리말 영역을 나타낼때 사용하고 들어가는 내용들에는 웹문서의 제목, 소개 등 문서 관련 설명등이 있어요. ● 탐색메뉴 : nav요소현 문서에서 다른 페이지 혹은 같은 페이지 이동을 할 수 있는 링크로 구성된 섹션을 표현합니다. ● 독립된 본문 : article웹문서에서 주요 내용을 가진 독립된 컨텐츠를 나타냅.. html5 코딩 기본 구문과 html, css차이와 역활 오늘은 html 기본구문과 html, css역활에 대해 공부한것을 기록하려고 합니다. html은 위에 보시다시피 크게 html, head, body 크게 세 덩어리로 나눌 수 있어요. 은 문서형식 선언이며 html5.0으로 제작한다는 의미입니다. 사이에는 meta, title 내용 외에도 많은 태그들이 들어가는데 그 외 태그들은 아래 표를 참고해 주세요. meta 웹 페이지에 추가 정보인 검색키워드, 사이트 설명등이 들어갑니다. title 사이트, 웹페이지의 제목 script script 스크립트 추가 link 웹 페이지에 다른 파일을 추가 (ex. css스타일시트 파일) style 웹페이지에 스타일시트를 추가 base 웹페이지에 기본 경로를 지정 사이에는 타이틀을 제외하고는 눈에 보여지는 내용 보다는 .. 무료 코딩 프로그램 brackets 브라켓 다운로드, 에밋코딩/젠코딩 설정방법, 장점 오늘은 무료 코딩 프로그램 brackets 브라켓 다운로드, 다크모드 테마 설정 방법과 코딩을 효과적으로 빠르게 할 수 있도록 도와주는 에밋코딩(Emmet) / 젠코딩(Zen coding) 설정 방법 그리고 html 기본구문을 빠르게 만들어 주는 단축키에 대해서 알려드릴게요. 코딩 프로그램은 여러가지 있는데 저는 brackets 브라켓을 사용하고 있어요. brackets 브라켓을 사용하기 전에는 Editplus를 사용했었는데 개인적으로 brackets이 잘 맞는것 같아요. 코딩 프로그램은 이것이 좋다! 저것이 좋다! 결론은 내리기 애매하니 여러 가지 사용해 보시고 성향에 맞는 프로그램으로 사용하시면 되요. 솔직히 메모장으로만 아니면 OK!!! 1. 코딩 프로그램에 어떤 것들이 있나요? 코딩프로그램 bra.. 테이블 코딩 하던 디자이너 웹표준을 공부합니다. 웹디자이너 사원 김OO 명함을 처음 받았을 때를 잊지 못하겠다. 잘 다니던 무역회사를 그만두고 무언가 경쟁력이 있고 나이가 들어서도 오래 할 수 있는 일을 하고 싶은 마음 하나로 웹디자인을 배우기 시작했다. 1999년도 말에서 2000년 초 직업학교에서 드림위버, 포토샵, 일러스트, 플래시를 배우며 과연 내가 웹디자인이라는 직업을 가질 수 있을까? 끊임없이 나에게 질문을 던졌다. 지금도 그렇지만 그때도 이미 많은 사람들이 웹디자인을 배우기 시작하고 있었고 그 경쟁에서 내가 살아남을 수 있을까? 하는 불안감이 컸던 듯했다. 그런데 그런 불안감과 걱정을 깨고 웹디자이너로 취업을 했을 때 그 기분은 아직도 잊지 못한다. 내가 웹디자이너를 하던 때는 웹 표준 코딩이 아닌 테이블로 코딩을 했었다. 테이블 안에 테.. 이전 1 다음
