본문 바로가기
반응형

웹디자인9

부트스트랩2.3 시작 ●부트스트랩 - css, 자바스크립트에 관한 프레임워크이다. - http://maczniak.github.io/bootstrap/index.html 에 들어가서 부트스트랩 파일을 다운받아 사용한다. - 부트스트랩은 html5 로 작성해야한다. html5는 문서 앞에 '' 를 붙인다. (html4에서는 ' 2013. 8. 28.
와콤 타블릿 뱀부 CTL 470 ●CTH470이랑 CTL470이랑 고민하다가 CTL로 결정했는데 이 두가지의 가장 큰 차이점은 가격,지우개 유무,손가락터치 유무,무선 유무입니다.여기서 무선으로 하려면 추가로 5만원상당의 무선킷을 구입해야 합니다. 전 초보자이고 타블릿 처음 쓰는거라 CTL470으로 구입하였습니다 2013. 1. 6.
3d max UI 인터페이스 ●기본 화면 ●메뉴 바 - 파일의 입출력, 편집,도구 등의 내용 등이 있다. ●메인 툴바 - 모델링,렌더링 등에 관련된 많이 사용되는 기능들을 포함한다. ●뷰포트 - 실제 작업하는 공간이다. ●커맨드 패널 - 기본적인 도형, 라인, 카메라, 라이트 등에 관련된 모든 것과 편집할 수 있는 도구들이다. ●애니메이션에 관련된 작업을 하는 곳이다. 2012. 7. 19.
html <div>로 메뉴(내비게이션) 만들기2 ●마우스 롤 오버 태그, 속성 ●웹표준 준수 위해서 이미지의 alt속성을 꼭 넣어주고, 처럼 태그 마지막 부분을 꼭 막아줘야한다. 별 의미 없는 그냥 화면을 꾸미기 위한 이미지의 경우는 alt속성에 값을 넣지 않고 alt=""처럼 빈 속성값을 설정한다. ●이미지 링크 테두리 없애기 - 이미지에 링크를 걸면 테두리가 생긴다. 개별적으로 border값을 설정하는 것 보다 css를 이용하여 테두리를 제거한다. img {border:"0"} ●가로 메뉴 예 2012. 5. 30.
html <div>로 메뉴(내비게이션) 만들기1 ●세로 메뉴 1111 2222 3333 4444 결과 1111 2222 3333 4444 ●li안에 이미지를 세로로 나열할 때 이미지 사이에 여백이 생길경우, img속성에 'vertical-align:top;'로 설정한다. ●가로 메뉴 1111 2222 3333 4444 결과 1111 2222 3333 4444 ●li안에 'display:inline;'를 적용하면 가로로 배열이 된다. ●li안에 이미지를 가로로 나열할 때 이미지 사이에 여백이 생기는 경우, li안에 'float:left;'로 설정한다. 2012. 5. 30.
html <div>로 웹사이트 레이아웃 구성하기2 ●웹표준 레이아웃 a b c d ●#wrap{margin:0 auto; width:900px;} - table에서는 align="center"로 중앙 정렬을 했지만, 웹표준에서는 따로 중앙정렬은 없다. 그래서 중앙정렬을 하려면 가장 바깥 div에 'margin:0 auto'를 선언해 준다. 'margin:0'은 상하 0px라는 뜻이고 'auto'는 좌우를 중앙에 위치하게 한다. ●큰 div(wrap,header,sidebar,content,footer 등)를 만들고 그 안에 세부적인 div를 만든다. 큰 div는 height값을 주지 않고 세부적인 div에 height를 준다. ●width, margin, padding, height 수치를 정확히 계산해서 레이아웃을 만든다. 만들 레이아웃 디자인을 프린.. 2012. 5. 28.
html <div>로 웹사이트 레이아웃 구성하기1 ●형태 #wrap{width:1000px;} #header{width:1000px; float:left;} #sidebar{width:300px; float:left;} #content{width:700px; float:left;} #footer{width:1000px; float:left;} header sidebar content footer ●html의 와 css로 레이아웃 구성하기 예 header sidebar content footer ● wrap - 레이아웃 전체를 묶어서 wrap안에 있는 div들이 깨지지 않고 자리를 잘 잡게 하기 위한 테두리이다. header - 넓이값과 float으로 위치를 잡아주면 된다. sidebar, content - sidebar와 content의 합은 레이아웃 .. 2012. 5. 22.
css 기초 정리 ● html, xml 등은 문서의 구조를 정의한다. css 는 문서의 표현을 정의한다. ●html에서 구조를 나타내기 위해 사용하는 요소들 div, span, ul, ol, dl, h1~h6, p, table 등이 있다. ●css는 html의 각 구조를 시각적 표현으로 꾸며준다. ●css의 기본 규칙 - 선택자 {속성: 값; } ex) body {background-color: gray; } ●css의 선택자 - 스타일을 적용할 대상으로, body, p, h1 등 html의 요소명이나 id명,class명을 사용할 수 있다. ●css의 속성 - 해당 선택자의 어떤 스타일을 부여할지 결정한다. ●class 선택자와 id 선택자 - 특정 요소를 대상으로 스타일을 적용하기 위해 사용한다. - id선택자는 사용할.. 2012. 5. 20.
html 문법, 태그 간단 정리1 -html 기본형식 내용 - 태그 주로 제목,글자표시할때 사용 - 태그 break line, 강제줄바꿈 -태그 가운데 정렬 - 2011. 11. 22.
반응형