新媒体语境下图书馆网站响应式前端设计与应用.pdfVIP

摘 要 线上阅读作为培养人们养成阅读习惯的方式，在新媒体层出不穷的当下显得尤为重 要，一个能提供线上阅读的响应式图书馆网站可以满足用户在手机端、平板端等新媒体 上的阅读需求。本次项目的主要目的是，通过对图书馆网站的系列研究，设计并实现 “左道书屋”响应式图书馆网站。 该网站主要基于 HTML5 、CSS3 实现，页面视觉设计主要参考近年网页设计流行趋 势，页面功能设计在参考国内外图书馆网站的同时，将重点放在阅读功能上。页面实现 采用移动设备优先的 Bootstrap 框架搭建主要结构，在对加载速度影响不大的前提下对 页面动态以及用户体验进行优化。利用“左道书屋”响应式图书馆网站，用户可以在线浏 览图书馆中收录的书籍，查阅所需要的文献资料。通过网页设置的一周榜单、分类精选、 新书上架等板块可以帮助用户在缺少阅读目标时发现自己想阅读的书籍。本次课题研究 可以满足用户在新媒体语境下的阅读需求，从功能到界面带给用户更好的线上阅读体验。 关键词：响应式 网站设计 图书馆网站 Bootstrap I ABSTRACT As a way to cultivate peoples reading habits, online reading is particularly important when new media emerge in an endless stream. A responsive library website that can provide online reading can meet users reading needs on new media such as mobile phone and tablet. The main purpose of this project is to design and realize the responsive library website of zuodao library with a series of researches on the library website. The website is based on HTML5 and CSS3. Page visual design mainly refers to the popular trend of web design in recent years. The design of page function refers to the websites of libraries, and Page function design focuses on reading function. The website page adopts the bootstrap framework of mobile device priority to build the main structure, On the premise of little impact on the loading speed, optimize the page dynamics and user experience. Using the response library website of zuodao library, users can browse the books collected in the library online and look up the required documents. Through todays list, category selection, new book listing and other sections set up on the web page, users can find the books they want to read. From function to interface, it can brings users a better online reading experience. Keywords ：Responsive