홈페이지 제작 (4) 썸네일형 리스트형 CSS 소개와 사용방법 (CSS란 무엇인가?) CSS 소개 첫 단추 페이지를 포스팅하기 전에 잠시 CSS가 태어나게 된 일화를 간단히 소개 후 넘어가도록 할게요 먼저 CSS는 Cascading Style Sheets의 약어로 사전적 용어로 풀이해 나타내면 계단식 스타일 시트라고 불립니다. 홈페이지 제작을 했었던 1,2세대 초기 웹디자인과 개발자들은 CSS라는 표준형 언어가 생기기 전에는 웹페이지 폰트에 컬러를 주거나 단일 페이지나 공용 페이지에 특수한 효과를 주고 싶을 때, 모든 페이지에 일일이 스타일 용어를 적용시키거나 개발자를 통한 프로그래밍적 언어로 제어를 해야 했습니다. 이때 당시에는 웹디자이너가 추구하는 미적 효과와 그것들을 실행해야 하는 개발자 사이에 마찰이 불가피했었는데요, 페이지가 늘어나면 늘어날수록 일일이 대입해 적용해야 했기 때.. 제이쿼리 슬라이더, 캐러셀 유틸 모음 (jQuery, Carasel) 홈페이지내에 제이쿼리 슬라이더,캐러셀 유틸 모음 페이지 입니다. 마치 회전목마가 돌아가는 것 같다는 의미의 캐러셀은 주로 홈페이지 메인상단에 위치하고 있으며, 쇼핑몰에서 프로모션이나 팝업이벤트를 보여주는 기능으로 많이 사용합니다. 모바일에서도 팝업등으로 많이 사용하고 있기 때문에 같이 연동되는 캐러셀을 사용하는게 중요합니다. 제이쿼리 버전에 영향을 받을 수도 있고, 많은 제이쿼리를 연결하면 동작을 하지 않을수도 있을 수 있어서 사이트내에 소스를 적용 및 확인 하시고 기능이 작동하는 슬라이드를 사용하시면 될 것 같습니다. 목록 캐러셀 모음 링크 보편적인 캐러셀 Cycle2 적용하기 배경을 제어하는 유틸소스 모음 ■ 캐러셀 모음 (이미지가 돌아가는 배너 코드) Carousel slide show [bxsli.. 홈페이지 독타입과 메타태그선언 (DOCTYPE,METATAG) 홈페이지 제작 을 위해서는 홈페이지의 정보를 담고있는 DOCTYPE(독타입)과 홈페이지의 성격을 담고있는 META TAG(메타태그)를 선언해 주는것 으로 제작이 시작됩니다. DOCTYPE 홈페이지를 제작하기전 선언하는 일종의 표식과 선언문에 해당합니다. ▲ HTML5 독타입 선언 홈페이지를 제작할때 처음 시작하는 선언문과 비슷합니다. ▲ 홈페이지의 언어가 이루어져있는 언어코드를 삽입하는 코드로 '이 홈페이지는 이런 언어로 만들어졌어' 라는것을 선언하는일종의 선언문입니다. 각 국가별 언어코드를 기록해줍니다. 한국="ko" 일본="ja" 미국="en" 등으로 이루어져 있습니다. ▲ 홈페이지를 장식하는 머리부분으로 각종 스크립트와 CSS 링크들을 연결시키는 역활을 합니다. 블루씰 웹디자인 - BLUESEA.. CSS 소개와 사용방법 (CSS가 뭔가요?) 🎨 CSS 소개 첫 단추 페이지를 포스팅하기 전에 잠시 CSS가 태어나게 된 일화를 간단히 소개 후 넘어가도록 할게요 먼저 CSS는 Cascading Style S heets의 약어로 사전적 용어로 풀이해 나타내면 계단식 스타일 시트라고 불립니다. 홈페이지 제작을 했었던 1,2세대 초기 웹디자인과 개발자들은 CSS라는 표준형 언어가 생기기 전에는 웹페이지 폰트에 컬러를 주거나 단일 페이지나 공용 페이지에 특수한 효과를 주고 싶을 때, 모든 페이지에 일일이 스타일 용어를 적용시키거나 개발자를 통한 프로그래밍적 언어로 제어를 해야 했습니다. 이때 당시에는 웹디자이너가 추구하는 미적 효과와 그것들을 실행해야 하는 개발자 사이에 마찰이 불가피했었는데요, 페이지가 늘어나면 늘어날수록 일일이 대입해 적용.. 이전 1 다음
