XE는 레이아웃 html이나 외부 페이지를 화면에 보여주기 전에 위젯, 애드온 등 특정 코드는 해석한 뒤 화면에 뿌려줍니다. 아래 XE 위젯 코드는 로그인 정보를 뿌려주는 짧은 코드로 아래 코드만 레이아웃 html이나 외부 페이지에 넣어주면 해석된 정보를 화면에 뿌릴 수 있습니다.
갑자기 웹표준이라는 게 유명해 졌습니다. 그리고 저는 웹표준을 따르며 코딩하는 방식, 즉 실제 소스가 궁금했습니다. 그런데 검색엔진이라는 놈은, 웹표준으로 검색을 하니 제가 궁금해하는 것이 아닌 것만 알려주었습니다. 그리하여 웹표준에 대한 개념은 네이년이나 다움에서 배우시고 저는 실제 소스를 보여드리겠습니다.
준비물은 html과 css에 대한 지식과 연습용 파일 2개 입니다. 하나는 index.htm 이고 다른 하나는 index.css 입니다. 이 두 파일을 가지고 컨텐츠와 디자인이 분리된 페이지를 하나 만들어보겠습니다.
위의 소스 대로 만들면 아래와 같은 꼴이 됩니다. works 메뉴 위에 마우스를 올리면 해당 메뉴의 색상이 바뀌고 그 상단에는 4px 두께의 녹색 선이 보이는 네비게이션 메뉴 입니다.
이게 기본 입니다. 웹표준은 이런 식으로 컨텐츠 부분과 디자인 부분을 분리하여, 다양한 웹브라우저(익스, 파복, 크롬은 물론 시각 장애인용까지)에서도 쉽게 컨텐츠를 확인할 수 있게 하는 코딩 방식 입니다. 물론, 검색엔진도 좋아해서 검색을 통한 방문자 수를 높이는 효과도 가져옵니다. (이건 좀 부수적인 효과지요?)
댓글을 달아 주세요