遇到的问题:
1.智还王项目中的轮播图与模块最好可以占满整个网页的页面,给用户更好的体验感觉(由1218届学长提出);
2.在切换页面时顶部的导航栏位置有些移动,这个问题会在以后的制作过程中注意,避免再次出现这种情况
3.在点击导航跳转页面时,最好把所在页面的导航标题变色,让用户更加清楚的知道自己所在的页面,增加用户的体验感
4.在新建HTML和CSS之前,先建好相对应的文件夹,用来储存文档,避免以后不必要的麻烦
5.在做页面之前先理清思路,不要做到哪里想到哪里,容易混乱
6.注释问题还要注意,最好多写注释,方便以后调试与找错
7.基础知识的掌握有些不足,空有想法却不能实现
8.思路打不开,停留在固定思维,没有创新
以上是自己的问题
下面是班级的问题整理
1.输入框可用首行缩进或者padding实现默认文字与输入光标的对齐
2.记着写标题,不要出现“无标题文档”,可引入网页标志
3.父级div的第一个子级元素的margin-top会影响父级div,解决办法:
a.超出部分隐藏:overflow:hidden;可能会与下一个父级div出现间隔,设置margin-top为负可解决。
b.设置上边框
c.将第一个子元素设置为一个1px高的空div
d.给父级元素设置padding-top;
4.导航部分注意点击后保留点击状态
5.相对最外层的div不用设高
6.注意文件格式,分类;代码注释
7.注重整体的美观、细节和用户友好
在制作智还王时用到的一些方法
overflow:hidden; 模块超出部分隐藏
.border-radius: 50%; (改变div的形状(变圆))
text-indent:__px; (调节字体缩进(每段文字开头的距离)
.点击改变字体:
var c = document.getElementById('div_0'); (先找到你要改变的字体的位置赋值给一个变量)
if(id==1){
c.innerHTML="用户指南"; }(如果点击到这个页面的时候改变文字)
background-image:url(../images/images/1_shouye/gy.png);(引用背景图片)
background-repeat: no-repeat; (使背景图片不平埔)
:hover{ } (选择鼠标指针浮动在其上的元素,并设置其样式:)
text-align: center; (字体居中)
position: fixed;(对于整个页面进行定位)
<a href="#">元素</a> (点击元素时刷新页面)