PC端品优购项目 网站制作流程、项目搭建、 三大标签 SEO 优化 、 LOGO SEO 优化 、 Web 服务器 、 注册页面不需要SEO 、

-------------------- 网站制作流程 --------------------

1. 客户沟通、制定方案
2. 签订合同
3. 预付定金
4. 初稿审核
5. 前台页面设计，后台功能开发
6. 测试验收
7. 上线培训
8. 后期维护

-------------------- 品优购项目规划 --------------------

1. 品优购项目整体介绍
2. 品优购项目学习目的
3. 开发工具以及技术栈

1. 品优购项目整体介绍

项目名称：品优购

项目描述：品优购是一个电商网站，我们要完成 PC 端首页、列表页、注册页面的制作

2. 品优购项目的学习目的

1. 电商类网站比较综合，里面需要大量的布局技术，包括布局方式、常见效果以及周边技术。
2. 品优购项目能复习、总结、提高基础班所学布局技术。
3. 写完品优购项目，能对实际开发中 制作 PC 端页面流程 有一个整体的感知。
4. 为后期学习移动端项目做铺垫。

3. 开发工具以及技术栈

1.开发工具

1. VScode 、Photoshop（fw）
2. 主流浏览器（以Chrome浏览器为主）

2.技术栈

1. 利用 HTML5 + CSS3 手动布局，可以大量使用 H5 新增标签和样式
2. 采取结构与样式相分离，模块化开发
3. 良好的代码规范有利于团队更好的开发协作，提高代码质量，因此品优购项目里面，请同学们遵循以下代码规范。（详情见素材文件夹— 品优购代码规范.md）

4. 总结

1. 品优购项目整体介绍 （制作首页、列表页、注册页三个页面）
2. 品优购项目学习目的 （里面包含技术较多，能极大锻炼我们布局技术）
3. 开发工具以及技术栈 （切图用ps， 代码用Vscode，测试用chrome， 大量使用HTML5+CSS3）

-------------------- 品优购项目搭建工作 --------------------

1.需要创建如下文件夹：

1. 项目文件夹 shoping
2. 样式类图片文件夹 images
3. 样式文件夹 css
4. 产品类图片文件夹 upload
5. 字体类文件夹 fonts
6. 脚本文件夹 js

2.需要创建如下文件：

1. 首页 index.html
2. CSS 初始化文件 base.css
3. CSS 公共样式文件 common.css

有些网站初始化的不太提倡 * { margin: 0; padding: 0; }
比如新浪：
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img{margin:0;padding:0}

3.模块化开发

1. 有些样式和结构在很多页面都会出现，比如页面头部和底部，大部分页面都有。此时，可以把这些结构和样式单独作为一个模块，然后重复使用
2. 这里最典型的应用就是