web界面初-1

来源:互联网 发布:淘宝如何延期收货 编辑:程序博客网 时间:2024/05/22 15:10

这学期第二次人机界面设计已经开始,这次是做一个网页界面的剧院管理系统。

小组已经把每个人的任务都分配下午了,我也今天开始做了,把大致的界面框架写出来,但需要修改的还是慢慢找,然后再修改。界面的统一是这次需要较上次相比值得注意的。

我之前还好早早下了这个Adobe Dreamweaver CS6,还是很方便的。这里说两个今天找到的解决方法。

如何插入背景,大小不足的可以不复制

<div id="formbackground" style="position:absolute;width:100%;height:100%;z-index:-1"><img src="pictures/background.jpg" height="100%" width="100%"/></div>
要是背景图片太小会一直复制,这里可以避免这种状况。

如何插入时间;如何设置位置

<div id="time1" style="position:absolute;left:1080px;top:68px;" >︿( ̄︶ ̄)︽( ̄︶ ̄)︿</div><script> setInterval("document.getElementById('time1').innerHTML = new Date().toLocaleString();", 1000);</script>

插入之后网页显示这个表情之后会变成系统时间,然后每个div的位置可以用

<div style="position:absolute;left:600px;top:20px;"><input type="text" name="nameid"></div>left是到窗口左侧的距离top是到窗口顶端距离根据自己的需要设置
最后说个小问题,一开始那个超链接有时可以,有时不行,url那里的路径结果是要这样来:file:///F|/html/XXX.html (我这里是F盘里html文件夹里面的XXX文件),第一次adcs还给提示,后面就没有,我还以为都是默认的了。

0 0