项目（1）

项目制作流程

1.确定网站的定位
2.网站的用途
3.网站的原型图构画
4.网站制作技术的采用
5.网站的推广
6.网站的维护
7.网站的安全

项目需求分析

产品需求

1.定位
2.用户：用户需求、用户画像、用户场景

产品设计

1.结构：功能结构、业务流程
2.设计：设计风格、产品原型
3.交互：便捷的入口、用心的交互

产品运营

1.市场
2.运营
3.商业

项目准备工作

1.项目编码规范：制定规范的目的、开发工具和开发平台、命名和编码规范
2.命名方式：常见的布局命名、常见的类名命名方法
3.项目搭建文件名：文件夹文件名、文件名

常见的布局命名

命名	含义
header	头部
main	主要内容
main-left	左则布局
main-right	右侧布局
nav	导航条
content	内容
footer	底部
sidebar	侧栏
column	栏目
loginbar	登录条
logo	标志
news	新闻
subnav	子导航
menu	菜单
submenu	子菜单
search	搜索
friendlink	友情链接
list	文章列表
register	注册
status	状态
partner	合作伙伴

常见的类命名方法

类名	描述
.products	产品
.products_prices	产品价格
.products_description	产品描述
.product_review	产品评论
.editor_review	编辑评论
.news-release	最新产品
.publisher	生产商
.screeenshot	缩略图
.faqs	常见问题
.keyword	关键词
.message	提示信息
.tips	小技巧
.vote	投票
.searchInput	搜索输入框
.branding	商标
.partner	合作伙伴
.arrow	箭头
.sitemap	网站地图

美团购项目搭建文件名

名称	说明
Group buying	项目文件夹
images	图片类文件夹
css	样式文件夹
font	字体类文件夹
js	脚本文件夹
index.html	首页页面
city.html	城市列表页面
register.html	注册页面
login	登录页面
index.css	首页样式
city.css	城市列表页面样式
register.css	注册页面样式
login.css	登录页面样式
base.css	初始化样式
com_header.css	头部公共样式
com_footer.css	底部公共样式
index.js	首页JS文件
city.js	城市列表对应json文件
city02.js	城市列表对应json文件
method01.js	三种三级联动JS文件
method02.js	三种三级联动JS文件
method03.js	三种三级联动JS文件
mouse.js	首页常用样式封装
register.js	注册页面JS文件
login.js	登录页面JS文件

美团项目开发

1.学习目标：建立项目体系

2.建立项目体系：美团购JS基础项目部分需要在原有HTML+CSS项目上进行开发，复制GroupBying文件夹，新键对应的HTML页面，CSS样式，JS脚本，同时添加准备工作的JS文件