본 논문은 콘크리트 슬래브교량의 반복적인 설계과정을 신속히 처리함과 동시에 모든 성과물을 작성함에 있어 웹을 기반으로 한 설계자동화 시스템 개발을 위한 것이다. 웹 기반 구조도면 처리기법은 웹기반 설계자 동화시스템 핵심 기술 중 하나이다. Active Server pages(ASP)는 설계 요소를 유용하게 활용하며 이를 데이터베이스에 저장하게 된다. eXtensible Markup Language(XML)과 XML기반 벡터그래픽은 구조 도면을 웹 화면으로 효과적으로 신속히 구현할 수 있다. 본 논문에서는 XML과 Scalable Vector Graphics(SVG)를 활용하여 웹 화면에 구조도면 및 설계 성과품을 작성하였다. 구조도면 작성 시 핵심 도면작성 요소기술로서 개발된 XML Data Island는 웹 기반 구조도면 작성 시 매우 효과적임을 증명하였다.