Abstract: With the implementation of rules for graded cybersecurity protection, the requirements for cybersecurity issues has been increasingly high. The aim of this research is to meet the demands of information construction in Yangtze River Scientific Research Institute, improve the insufficient security defense capability, and solve the problems of aging function, old-fashioned interface and unfavorable compatibility of portal website. In view of this, we proposed to realize responsive page design through Bootstrap front-end framework. Meanwhile, according to the graded protection of cybersecurity 2.0 standard, we optimized and upgraded the website system in terms of graded protection evaluation, website UI design, application function development and other aspects. Application tests verified that the system runs stably with clear interface and sound compatibility, reaching the standard of level II graded protection, hence guaranteeing the network security.

Key words: cybersecurity, graded protection, portal website, Bootstrap front-end framework, responsive page