项目总结
一、项目
1、规划项目
1) 页面数量
2) 页面命名
3) 页面功能
4) 公共样式(公共部分和初始化样式)
5) 完善的项目整体布局
2、项目seo优化
1)页面主题优化
实事求是的写自己网站的名字,网站名字要合理
2)页面头部优化
meta
1.指名编码方式
keywords关键字、描述Description
2.name:
description:描述网站的功能
keywords:
renderer:渲染引擎内核
content
描写你的网站特色内容、主要内容、经营范围、高度总结
webkit/ie-comp/ie-stand
http-equiv="cache-Control"
content="no-cache"禁止浏览器缓存
public 可被任何缓存区缓存 默认
no-siteapp百度搜索禁止转码方式——百度支持
3) 标签
hx标签
a标签
4)超链接优化
a)采用纯文本链接,少用flash动画设置链接,因为搜索引擎无法识别flash上的文字
b)最好别使用图片热点链接
c)按规范书写超链接,写title属性可以提示访客作用
5) PR友情链接PageRank
6) 为网站做一个网站地图
7) 图片优化:
给图片加alt属性,即使无图也使用
避免页面体积过大,控制在100kb内
合理的代码结构,结构分明
8)命名规范(语义化,结构化)、建议使用小写字母,以英文字母开头、名称反映用途和相关信息,且简短
3、良好的用户体验至上
大体严格按照设计图,差之毫厘,失之千里
满足用户的需求
4、注释
注释:用于查找,给自己提醒,方便后期维护、交接
5、注意事项
1)h1 标签最好只用一次:网站标题/logo
2)盒模型、怪异盒模型
3)float浮动,脱离文档流问题
4)尽量用padding,不要用margin
5)使用雪碧图,减少文件大小
6)尽量不要用position定位
……
6、命名规范
1)驼峰式命名
大驼峰:manContentBig
小驼峰:man-/_content-/_big
尽量用下划线
2)英语单词命名(语义化)
7.语义化
1)含义
什么是语义化?就是用合理、正确的标签来展示内容,比如h1~h6定义标题。
2)语义化优点
1)易于用户阅读,样式丢失的时候能让页面呈现清晰的结构。
2) 有利于SEO,搜索引擎根据标签来确定上下文和各个关键字的权重。
3) 方便其他设备解析,如盲人阅读器根据语义渲染网页
4) 有利于开发和维护,语义化更具可读性,代码更好维护,与CSS3关系更和谐。
主体结构标签,如图所示:
8、响应式
1)媒体查询
2)vw:视图宽度 100vw 100%
3)vh:视图高度 100vh 100%
9、兼容性
1)初始化样式
例如:*{
padding:0px;
margin:0px;
}
2)css3样式设置:添加浏览器内核前缀,提高兼容性
谷歌: webkit内核 前缀-webkit-
苹果: webkit内核 前缀-webkit-
火狐: gecko内核 前缀-moz-
IE:Trident内核 -ms-
欧鹏: -o-
3)注意重点IE的兼容性
至少调整到IE9
4)Hack
尽量避免使用css hack
但是:为了顾及用户体验实现向下兼容
注意:过多滥用会导致HTML文档混乱不堪,增加管理和负担
二、答辩人自身
1、提前做好准备
1) 完整清晰的思路
2) 简洁明了的ppt
3) 拉通练习1~3遍
4) 答辩前放松心情
2、专业化术语
3、良好的布局观念
4、外表形象和气质
1)穿着整洁
2)沉稳、自信
3)声音洪亮,有起伏
三、第一阶段自身问题
问题:
1)项目开发不够完善
2)前期准备不充分
3)开场,说话太过平稳,逻辑不清晰,会漏掉项目的一些部分
4)专业术语不强
解决:
1)多练习上台讲话
2)准备一些讲话的固定公式
3)重要的技术,多练习,巩固基础,提高速度
4)思维导图
祝大家以后都是项目经理