The Research And Implementation Of The New Media Web Technology

In the era of mobile Internet, the display of old home page on the new media device is poorer, virtual campus does not support browser of the new media mobile device, undergraduate admissions website also does not adapt to mobile device, and has many problems such as hidden safe trouble.This paper is a part of the information project of China University of Geosciences(Beijing). The homepage, undergraduate admissions website, virtual campus and other important sites, all need to adapt to the needs of the mobile Internet.The development of new homepage using responsive web design, cooperate with HTML5 and CSS3 technology. Responsive web design is a combination and promotion of existing web technologies. It’s the display mechanism of solve any internet-enabled devices to perfect the layout of the page content. Responsive web design uses media query, streaming distribution, elasticity images, etc. Its common frameworks are the Bootstrap, Groundwork CSS 2, etc.The development of new website of undergraduate admissions uses the Struts 2 and Spring framework, match the Oracle database, deployed on Linux server environment, improve the stability and security of the site. New undergraduate admission website also uses the responsive web design, can be adaptive to arbitrary terminals.For a long time, to develop a website with complex man-machine interactive interface such as virtual campus, often use Adobe Flash technology. But flash does not have a good compatibility on mobile devices(especially the i OS devices). The reconstruction of virtual campus mainly uses the Open Layers(an open source map engine with better compatibility) and Title Cache. Open Layers is used in the development of Web GIS client whick is developed by Java Script libraries. Title Cache is an open source project used to solve the map service cache problem, which can improve the response speed of the client browser to load map effectively.This paper completed the development of new homepage of China University of Geosciences(Beijing), undergraduate admission website and virtual campus with responsive web design. The same pages can adapte PC, tablet computers, mobile phones and other new media equipment, which realizes the consistency visit.Studies have shown that responsive web design can realize the adaptive web design demand of numerous media device well. Organic combination front-end developer of HTML + CSS + Java Script has good compatibility and prospects. It can develop more vivid, more human-machine interactive web sites, and can combine with the development of We Chat platform and mobile APPs of i OS or Android, boost the further development of new media.