一、任务导入\n\n在前一个项目中，我们已经掌握了网页设计的基本概念、HTML文档结构以及常用标签的使用方法。从本任务开始，我们将进入项目二的学习——围绕一个完整的网站项目，逐步完成页面设计、制作与优化。本次任务的核心目标是：理解网页设计的基本原则与流程，掌握网页制作前的准备工作，并能够独立规划一个简单网页的内容结构与视觉效果。\n\n二、知识准备\n\n（一）网页设计的基本原则\n\n1. 统一与简洁\n网页的整体风格应保持一致，包括配色方案、字体选择、导航样式、图片风格等。一般同站点或同栏目采用统一的视觉规则，以减少用户的认知负担。\n\n2. 对比与焦点\n通过颜色、大小、位置和留白的对比，使页面重点内容能够被用户一眼看到。重要信息、主按钮和推荐内容应使用更强的视觉层级。用元素可突出2—3个核心区域即可，不宜同时强调太多内容。\n\n3. 对齐与秩序\n属性等应遵循版式规范，形成明确的左右对齐轴；不同版块边界清晰，使用纵向或网格布局时元素行列保持一致，视觉上整齐美观。\n\n4. 留白与呼吸感\n页面不能塞满图片和文本，适当的留白能让用户轻松聚焦重要信息。版块之间采用均衡的 margin/padding 或 colspan 给出边距。\n\n5. 服务用户与目标导向\n从用户可能需要的信息路径出发设计和排列模块。设计首页、栏目页和内容页的典型结构及其导航层级。\n\n（二）网页设计的基本流程\n\n1. 需求分析：确定目标用户与展示目标。\n2. 信息架构（主要包括）信息组织方案与分析确定栏目。\n3. 原型构思：绘制灰模/线框图规划结构与草案。\n4. 视觉规范确立（配色、字体包括锚点规范）。\n5. 界面类小系列页面主要内容，例如图绘制首页 HTML / CSS基础样式构建 UI HTML页面或界面截图）。\n6. 动效、数据后台及发布运行。、功能\n\n（二）项目的主要线索路线方向与本任务——页面 —— 以某鲜花农产品展示类体验站点为公司\