Geologic field survey is very important for the high school students who take the courses of earth science under the 7th earth science curriculum, however actually it is very difficult for the students to survey in the field because of long time and distance, and expenses. To overcome these difficulties, this study focused on developing the web contents and teaching-learning materials for virtual geologic field survey of the Songaksan and Jisagae area, Jeju island. The developed web contents were placed into three parts; main manu, sub manu and contents to help the learners flow-chart of the program easily. To overcome the weakness of existing textual web materials, some movable images and worksheets were provided for the learners, and the web contents were designed for the learners to experience as similar as the geologic field survey may let them do.