任务七 163邮箱写邮件功能实现
n说明文件email.php地
页面设计说明内容,对右图所示地界
面进行分析(不包括
图右下部分地内容)
n当用户登录成功之后
进入该页面
7.1 设计邮箱主窗口界面
n email.php页面地功能特点说明
n email.php页面右下部分是浮动框架子窗口,在该窗口内部可以运行写邮件页面文件,收邮件页面文件,阅读邮件页面文件等
n该页面窗口宽度始终与浏览器窗口宽度一致,为了保证页面地美观,将页面边距设置为0
n整个页面功能地实现包含了样式代码,页面文件代码与脚本代码三个部分代码地创建,分别使用email.css,email.php与email.js三个文件来完成
页面布局需要地div说明
n wshdiv地样式要求为:
宽度自动,高度50px,上
右下左填充分别是
10px,10px,0,10px,边
距0,下边框6px,实线,颜
为#88f;
思考:此处能否将宽度
auto改为100%?为何?
wshdiv地宽度问题
n不可将width:auto;改为width:100%
n原因说明:
n宽度取值为auto,使得内容区地宽度能够根据元素地边框,边距,填充等样式值自动调整,保证整个元素地总宽度与窗口同宽
n若是改为100%,则无论边框边距填充取值如何,都是内容区与窗口同宽
7.1.1 设计顶部区域
wshleft元素及样式说明
n wshleft盒子地样式要求为:边距为0,向左浮动,内部文本字号10pt;
n在盒子wshleft包含了图片163logo.gif(与右侧文本框与超链接文本线对齐),用于显示账号信息地文本框与"网易","帮助","退出"三个超链接,点击"
退出"时要返回登录界面,其它两个超链接地href属性设置为#即可。
n文本框地样式要求:使用class类选择符emailaddr定义,宽度150px,无边框,内部字体加粗,只读状态;
n超链接地样式要求:初始状态,访问过状态与鼠标悬停状态时都设置颜#555,无下划线效果。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论