1.开发流程
1.1 需求分析
对要开发的产品进行定位比如产品类型,产品功能,面向的客户群,达到的目的
1.2 整体规划
根据需求分析的结论,确定网站中要展示的内容,层次,展示形式等,然后给出对应内容的文案
1.3 界面设计:
由设计师根据整体规划的结果,将网站的各个页面进行设计,最终给出设计图,颜色,数据信息等
1.4 前端程序设计:
前端开发人员将根据得到的设计图,进行代码的编写,实现网页的界面,功能
1.5 前后端系统整合:
后端开发人员进行数据库设计,将程序功能与界面进行整合,前后端配合进行功能调试
1.6 测试验收:
项目经理及相关测试人员,根据项目前期策划为指导对产品进行测试验收,测试产品的交互效果,功能实现等
版心:网页中主要内容所在的区域,一般在浏览器窗口中水平居中显示,从而让用户的实现更集中。
常见版心宽度:960px 980px 1000px 1200px;
制作方法:标准流中 margin
布局流程
1.确定版心
2.分析页面中行模块 以及每个模块中的列模块
3.制作HTML页面,CSS文件
4.初始化css 然后开始运用盒子模型的原理,通过DIV+CSS布局来控制网页
3.常见布局
1.一列固定宽度且居中
2.两列左窄右宽
3.通栏平分布局
布局案例:拉钩首页
-
title 设置网页名称
<title>互联网求职招聘找工作-上拉勾招聘-专业的互联网求职招聘网站</title>
-
icon link标签设计
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
-
css分级引入
将css划分公共部分和私有的部分,公共部分所有页面都使用,私有部分只能当前页面使用
清除默认样式的css: reset.css
网站的公共样式的css,
页面独有的css
head 区域 logo 导航nav等内容
内容主题区域 content
footer 脚注部分 关于 备案 等等信息