构建网站的过程1 确定确定项目

• 确定网站是为谁而设。是为你自己吗？还是为你机构的客户或你的自由职业者业务
• 界定网站的目的是什么。换句话说，定义你的网站项目的业务和用户目标（见UX讲座）。

• 商业目标的例子：销售高档狗粮
• 用户目标的例子：找高质量的狗粮或者是好的价格

• 确定一个目标受众。如果可能的话，并且对你的网站有意义的话，要非常具体（这可以来自你的客户）

• 例子："女性，20至40岁，居住在欧洲，收入超过2000/月，对狗有兴趣"

计划项目

• 计划和收集网站内容：副本（文本）、图像、视频等。
• 内容通常由客户提供，但你也可以帮助他们制作和寻找一些内容（简单地寻找免费的图片是最简单的，但如果他们想要文案，就向他们额外收费。）
• 对于较大的网站，规划出网站地图：网站需要哪些页面，以及它们之间的关系（内容层次）。
• 根据内容，计划每个页面需要多少秒来传达内容的信息，并以何种顺序。
• 定义网站的个性（参考网站设计单元）

草图布局和组件创意

• 思考你需要哪些组件，以及你如何在布局模式中使用它们（在网页设计部分获得灵感）。
• 把想法从你的脑子里拿出来：用纸笔或一些设计软件（如Figma）画出草图。
• 这是一个迭代的过程：用不同的组件和布局进行实验，直到你得出第一个好的解决方案。
• 你不需要画出所有的草图，也不要让它变得完美。在某些时候，你已经准备好跳入HTML和CSS了

设计并建立你的网站

• 使用步骤1、2和3的决定、内容和草图，用HTML和CSS设计和建立网站（"在浏览器中设计"）。
• 在步骤3中，你选择你已经有的布局和组件，在这个步骤中，你需要去设计实际的视觉风格。
• 根据选定的网站个性、我向你展示的设计指南和灵感来创造设计。（参考设计单元）
• 尽可能使用客户的品牌（如果已经存在）进行设计决策：颜色、排版、图标等。

测试优化

• 确保网站可以在主流的浏览器中正常运行（Chrome，Firefox, Safari, edge, 甚至是老的IE）
• 确定在移动设备上测试网站成功，不仅仅在开发工具中；
• 优化所有图片，在尺寸和文件大小方面（见图片讲座）
• 修复简单的无障碍问题（如颜色对比问题）
• 在Chrome DevTools中运行Lighthouse性能测试，并尝试修复报告中的问题。
• 思考搜索引擎优化问题（SEO）

发起总计划

• 一次性做完所有工作，任何事情都是完美的，你得到了客户的认可，是时候与世界分享你的杰作了。
• 将你的网站文件上传到一个托管平台。有无数的平台，我们将使用一个免费的计划（Netlify）。
• 选择并购买一个好的域名，一个能很好地代表品牌、令人难忘、易于书写的品牌。

维护并保持维护网站

• 发布并不是终点。。。。。
• 如果你与客户合作，你可以创建一个月度维护合同（经常性收入）。
• 安装分析软件（如Google Analytics或Fathom）以获得有关网站用户的统计数据。这可以为今后网站结构和内容的变化提供参考。
• 一个定期更新的博客是保持用户回来的好方法，也有利于SEO。