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

本文介绍了品优购PC端电商网站的制作流程,包括项目规划、页面搭建、SEO优化等方面。重点讲解了网站的favicon设置、TDK三大标签的SEO优化、LOGO的SEO处理,以及Web服务器的使用。文章强调了模块化开发和代码规范的重要性,并提供了网站上线和维护的步骤。
摘要由CSDN通过智能技术生成

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

  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. 这里最典型的应用就是
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值