网页设计与制作项目化教程（微课版）课件 项目8-“中国传统书画艺术”网站 （用DeepSeek实现代码生成）

WEB“中国传统书画艺术”网站…项目8HTML5+CSS3项目化教程4个任务·7个学习小节模块2综合项目08项目8“中国传统书画艺术”网站…本章任务01需求分析2个小节02网站设计2个小节03资源准备实训内容04网页制作3个小节模块2综合项目|项目8“中国传统书画艺术”网站…028.1需求分析任务说明详见教材对应章节知识点·概念本任务以综合实操为主，概念要点参见教材相应说明。语法格式标签结构：<标签名属性="值">内容</标签名>样式规则：选择器{属性:值;}主要环节1项目背景2需求说明模块2综合项目|项目8“中国传统书画艺术”网站…|任务8.1038.1.1项目背景任务8.1需求分析“中国传统书画艺术”网站是以DeepSeek软件作为主导工具进行设计与制作的，同时…本节要点深度求索人工智能基础技术研究有限公司（简称“深度求索”或“DeepSeek”），成立于2DeepSeek在HTML+CSS网站设计方面提供了强大的代码生成与优化功能此外，DeepSeek还支持布局设计与美化在本项目的开发中，将全程以DeepSeek作为主导，完成整个开发流程，首先是关于项目背景在DeepSeek对话页面的搜索框中，给出核心关键词，如主题、字数、书写方式等，如图8-模块2综合项目|项目8“中国传统书画艺术”网站…048.1.2需求说明任务8.1需求分析根据项目背景，由DeepSeek协助完成本网站的规划，如图8-1-4所示。本节要点根据8.1.1节项目背景内容，由DeepSeek协助完成本网站的规划，并根据实际情况，选模块2综合项目|项目8“中国传统书画艺术”网站…058.2网站设计任务说明详见教材对应章节知识点·概念本任务以综合实操为主，概念要点参见教材相应说明。语法格式标签结构：<标签名属性="值">内容</标签名>样式规则：选择器{属性:值;}主要环节1网站主题设计2网站风格设计模块2综合项目|项目8“中国传统书画艺术”网站…|任务8.2068.2.1网站主题设计任务8.2网站设计“中国传统书画艺术”网站是典型的展示型网站，这类网站的主要作用是通过网络展示的方式，宣传自己的企业形象及产品…本节要点实操任务本节以浏览器实操演示为主，按教材步骤完成页面制作与效果验证。模块2综合项目|项目8“中国传统书画艺术”网站…078.2.2网站风格设计任务8.2网站设计根据用户需求，确定“中国传统书画艺术”网站的风格设计特征，本内容由DeepSeek生成，如表8-2-1所示。本节要点实操任务本节以浏览器实操演示为主，按教材步骤完成页面制作与效果验证。模块2综合项目|项目8“中国传统书画艺术”网站…088.3资源准备任务8.3资源准备本节要点本任务为拓展实训内容，按教材配套视频完成练习。模块2综合项目|项目8“中国传统书画艺术”网站…098.4网页制作任务说明详见教材对应章节知识点·概念本任务以综合实操为主，概念要点参见教材相应说明。语法格式<sectionid="gallery"><divclass="gallery-grid"><divclass="gallery-item">任务效果图图任务8.4任务效果主要环节1环境搭建2网站基本框架设计3网站个性化功能设计模块2综合项目|项目8“中国传统书画艺术”网站…|任务8.4108.4.1环境搭建任务8.4网页制作操作过程见7.4.1节。本节要点安装IIS服务器创建站点页面测试模块2综合项目|项目8“中国传统书画艺术”网站…118.4.2网站基本框架设计任务8.4网页制作下面将利用DeepSeek来实现本网站的设计与制作，包含主页面index.html和书法子页面calligraphy.htm…本节要点网站主页面基础框架设计网站书法子页面基础框架设计模块2综合项目|项目8“中国传统书画艺术”网站…128.4.2网站基本框架设计本节实现过程1/2实现步骤1在搜索框中输入能体现网页布局色系等的关键词，如“中国传统书画艺术为主题，生成网站代码，HTML+CSS”…2启动SublimeText3软件可以根据DeepSeek网站的生成文件结构创建站点文件夹，如图8-4-4所示，也可以根据实际情况自行规划3在style文件夹中创建style.css文件单击DeepSeek中HTML、CSS源代码的“复制”按钮，将源代码分别粘贴到已创建的网站文件夹unit8的inde…4从当前页面中可以看出很多问题主要从布局与色系两大方面入手，在DeepSeek搜索框中逐一输入修改要求，建议每次输入的修改要求不要太多…5调整页面中导航的结构建议修改操作逐个进行，不要一次进行多项操作，以提高DeepSeek的性能…6布局基本确定以后进行CSS样式的修改；（1）页面背景颜色改成土黄色，添加渐变模块2综合项目|项目8“中国传统书画艺术”网站…|本节实现过程138.4.2网站基本框架设计本节实现过程2/2实现步骤1网站书法子页面基础框架设计当主页面设计与制作完成之后，整个网站的布局、色系等核心技术已基本完成，下面以此为基础，进行子页面的设计与制作2在搜索框中输入关键词按回车键即可执行“书法页面”的生成操作，如图8-4-9所示3在网站文件中添加书法子页面（calligra在网站文件中添加书法子页面（calligraphy.html），将DeepSeek生成的HTML源代码复制/粘贴到该文件中…模块2综合项目|项目8“中国传统书画艺术”网站…|本节实现过程148.4.3网站个性化功能设计任务8.4网页制作DeepSeek能够根据用户的需求随机生成网页的基础框架，但是网页中的细节部分（如图片等），还需要人工调整…本节要点本网站面向所有热爱中国传统书画艺术的人群，关于页面中的图片，读者可通过中国书画艺术相关的首先对主页面index.html中“画廊”模块区域中的图片添加一个<div>区域标签，即“画廊”模块的图片区域样式调整后，CSS具体代码如代码8-4-2所示利用Su