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>。