UI界面设计项目实战计算机与互联网

本书以理论知识为基础、以项目实战为主的理实相结合的方行编写，介绍了网站设计制作流程、网页UI设计规范、网页常用布局等相关知识，并通过文化旅游网、家居装饰网、公益阅读网和视听音乐网4个实战项目，系统阐述了PC端和移动端网页界面设计与网页开发过程。本书项目实用性强，思政鲜明，每个项目通过任务驱动的情景式学读者制作一个完整的网页页面，有效激发学，提高网页设计效率和从业素质。本书配有所有项目案例的源码、课件、微课等资源，扫码即可使用。

本书可作为高等院校WUI设计与网页制作相关课程的教材，也可作为网页设计与制作从业人员的自学参考书。

第1篇 PC端网页界面设计与布局实现

项目1 文化旅游网主页界面设计与布局实现

1.1 PC端网页界面设计相关知识

1.2 项目实战——文化旅游网主页界面设计

1.3 项目实战——文化旅游网主页头部模块布局实现

1.4 项目实战——文化旅游网主页导航模块布局实现

1.5 项目实战——文化旅游网主页banner模块布局实现

1.6 项目实战——文化旅游网主页主体模块布局实现

1.7 项目实战——文化旅游网主页页脚模块布局实现

项目2 家居装饰网主页界面设计与布局实现

2.1 PC端网页布局实现相关知识

2.2 项目实战——家居装饰网主页界面设计

2.3 项目实战——家居装饰网主页头部模块布局实现

2.4 项目实战——家居装饰网主页导航和banner模块布局实现

2.5 项目实战——家居装饰网主页主体模块布局实现

2.6 项目实战——家居装饰网主页页脚模块布局实现

第2篇 移动端网页界面设计与布局实现

项目3 公益阅读网主页界面设计与布局实现

3.1 移动端网页界面设计相关知识

3.2 项目实战——公益阅读网主页界面设计

3.3 项目实战——公益阅读网主页头部模块布局实现

3.4 项目实战——公益阅读网主页导航模块布局实现

3.5 项目实战——公益阅读网主页banner和搜索模块布局实现

3.6 项目实战——公益阅读网主页主体模块布局实现

3.7 项目实战——公益阅读网主页页脚模块布局实现

项目4 视听音乐网主页界面设计与布局实现

4.1 移动端网页布局实现相关知识

4.2 项目实战——视听音乐网主页界面设计

4.3 项目实战——视听音乐网主页头部模块布局实现

4.4 项目实战——视听音乐网主页导航和banner模块布局实现

4.5 项目实战——视听音乐网主页主体模块布局实现

4.6 项目实战——视听音乐网主页页脚模块布局实现

参考文献

为了更好地信息技术与教育教学的深度融合，体现高等院校课程内容的职业性、实践性和开放性，满足专业教学和学生的多样化学，编者以岗位能力分析为起点，与企业人员合作，共同确定编写框架与内容，时刻贯穿思政元素，学生通过书中内容的学有效提升综合职业能力和素质，具备一定的设计与创新能力。传统纸质教材一般讲述相对完整的知识体系，以顺序的方式编排学，并且实战内容篇幅较少，没有体现教材的职业性和思政。本书将网页设计与制作的知识与技巧融入具体的项目和任务，每个项目就是一种网页开发的解决方案，项目分解核心知识点、思政元素融入具体的模块实战任务，每个任务既相对独立又循序，且难度层次不同，学根据自身基础定制学书分为4个项目26个实战任务，详细介绍了网页界面设计与布局实现的基本知识和各类实战技巧。项目1和项目2为PC端网页应用案例括PC端界面设计和布局实现相关知识、PC端主页界面设计实战、PC端主页页面制作实战三部分内容。项目3和项目4为移动端网页应用案例括移动端界面设计和布局实现相关知识、移动端主页界面设计实战、移动端主页页面制作实战三部分内容。本书注重理论与实践的结合，突出应用与实践操作：理论知识介绍由浅入深、通俗易懂，通过图文并茂的形式，帮助读者理解和吸收相关知识；实践案例既是对知识的强化，又是对实际应用技能的锻炼与培养，能够读者知识与技能的双向发展，满足读者的个性化学。本书的如下：（1）项目实用性强，思政鲜明。每个项目的不同任务结合文化旅游、简约环保等主行情景式学符合社会综合人才的培养需求。（2）任务驱动，目标明确。项目实施过程分为具体的操作任务按阶段学个任务通过知结、拓展实践为读者提供更多解决问题的方法和实践方向。（3）教学资源完善，使用方便。书中所有项目均提供案例源文件、素材、教学课件和微课，读者扫码即可观看和学松掌握相关知识与技能。本书参考学时为48~64学时，建议采用理论实践一体化教学模式。本书在编写过程中力求全面、深入，但由于编者有限，书中部分内容在数据或规范要求上可能出现更新不及时的现象，敬请广大读者批评指正。

编 者