15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > HTML CSS网页实训

HTML CSS网页实训

时间:2023-10-02 01:42:01 | 来源:网站运营

时间:2023-10-02 01:42:01 来源:网站运营

HTML CSS网页实训:​页面设计主要应用HTML超文本标记语言和CSS,使用现在主流的CSS+DIV方式布局。采用外部样式表,使内容与样式分离,从而精简代码。




注册和登录页面模仿的华为登录界面,当然,看起来稍微有点相似,实际差别还是很大的。毕竟我们现在只学习了HTML AND CSS。




用户端程序流程

管理员端程序流程


下面展示部分页面,原码可以关注微信公众号小兴且爱学获取。

主页登录页面如上,采用div+css方式布局,分为上中下三部分。

注册页如上,采用div+css方式布局,分为上中下三部分,而中间又分为两个div,左侧是button按钮,右侧表格与表单相结合,使排版更加整齐。

主页

主页采用采用div+css布局,分为A,B,C,D,E,F六个部分。A部分为一菜单栏和登录注册等操作按钮;B部分从左到右一分为三,B1为logo,B2为横向菜单栏,B3为搜索框;C部分由2个div构成,左侧为纵向菜单栏,右侧为一个展示图片;D部分为商品展示区,上方为商品品牌,下方左侧为一div,右侧是8个div排列;E与D相同;F为页面的尾部,展示版权等信息。A,B,C三部分主要应用了无序列表标签<ul>。




关键词:

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭