지식이 없어서 구글크롬 인스펙터를 이용해 주어진 사이트의 전체 소스를 분석하는 것부터 시작하고 있어요
처음엔 html의 생소한 키워드(meta, nav, header, section, article, footer)에 대해 알아봤고 그 다음은 css, javascrip에 대해 알아보고 있고 동시에 이 사이트의 영역이 어떻게 나뉘어져있는지 알아보고 있습니다
[급 질문]
1. 큰 영역은 header section footer로 나누고 그 안에 div를 쓰는 것 같은데요. 맞나요?
2. 이후 각 영역에 대한 크기나 기타 스타일은 css로 설정하는 것 같구요. 컨텐츠 내용 html에 담고 나머지 꾸미는 것들은모두 css에서만 설정한다고 하는데... 맞나요?
지금 잘 안풀리는게 div인데
div 안에 div가 있고 또 그 안에 div...
class명이 다 달라서 css파일 뒤적거려보니
position, top, left, width, z-index 등 다 제각각 으로 초기화되어있는데 컴파일해서 웹으로 보면 어디 구역이 어느 div인지 모르겠고 헷갈리더라구요.
3. 이런 영역을 상세하게 보여주는 툴같은게 있나요? (현재 사용중인 툴은 aptana studio3 입니다)
4. 그리고 요즘 웹디자인할땐 먼저 웹의 틀?을 머릿속으로 그려낸 후에 바로바로 코딩하는 방식으로 하나요? 예전에 드림위버 GUI 방식에 익숙해서 깡코딩하려니 전체적인 그림이 안잡혀요
4-1. 처음엔 그냥 직접 margen, widrh, height 이런 값들 직접 수정-컴파일-수정-컴파일 반복하며 깨우쳐가야하나요?
5. 갑자기 생각난건데 파일이나 소스명에 als, owl이 들어간건 무슨 뜻인가요? 특별한 의미가 있나요. 검색해도 안나와서요
6. 혹시 -o-box-shdow, -moz-box-shadow, -webkit-shadow 중에서 o, moz, webkiz는 반응형 웹과 관련있는 키워드인가요? 다음주에 반응형 웹에 대한 주제로 30분간 발표를 해야합니다...(하나도 모름)
일단 생각나는 질문이 여기까지인데...
읽어주셔서 감사합니다
7. 기타 조언 해주세요(미침)
--------- 추가 질문 ---------
8. css파일중 reset과 style 2개는 꼭 들어가던데 reset파일 보니 모든 키워드를 none이나 0, block 등으로 초기화시켜놨던데 특별한 이유가 있나요
잡담 | 1118명이 읽었어요. 3.149.247.166
