Development of Tools for Supporting the Creation of Web Pages that Automatically Arrange Images

Abstract

This study proposes a method for displaying structured layouts that are the same as “comprehensive layouts” on web browsers. Our proposed method recognizes the positions of web image materials derived from “comprehensive layout,” and descrive image tags based on them in HTML. First, our system carries out template matching to recognize the coordinates of a corner of each web image material. Then, the system embeds the absolute coordinates into the output HTML text file so that each image material can be displayed on a browser in the same locations as the corresponding material position that is specified in the comprehensive layout. Depending on all loaded web image materials to perform this processing, the positions of all web image materials are specified, and HTML files that include this information are output. Our method enables the users to achieve web page layout that looks the same as the comprehensive layout.