Skip to content

Stringzhua/asus

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

asus

基于html的华硕商城---大作业 华硕商城html大作业开发说明

  • 创意点: 哈哈,单纯的就想写下类似购物的网页,说不定以后会用到之类的功能,所以就照着华硕商城写了下https://www.asus.com.cn/ 视频入口:首页(index)的5F视频(四个) 以及页脚的网站彩蛋(一个) 网页以及图片占用43MB
  • 开发工具: WebStorm 2022.2.3
  • 项目和所有子模块和库的名称: index.html为商城首页 am.html为A码兑换通道页面 login.html和register.html为登录和注册页面 qd.html为电脑驱动的下载页面 qycg.html为企业采购页面面 xjzl.html为新机租赁页面 zjbb.html为电脑必备软件下载页面 favicon.ico文件为网页图标(路径:images/favicon.ico) iconfont.css为阿里矢量图形库的css样式表 reset.css为整体页面默认布局 以下为自定义样式表: asus.css为index.html(华硕商城首页) xjzl.css为am.html(A码通道页面)、login.html(登陆页面)、qd.html(驱动下载页面)、register.html(注册页面)、xjzl.html(新机租赁页面)、zjbb.html(装机必备页面) qycg.css为qycg.html(企业采购页面)
  • 主要内容有: 轮播图、三角形的绘制,以及阿里矢量图形库的使用,以及表单的提交 作业素材使用到了华硕官方网站的页面,并使用火狐浏览器对网页素材进行了下载。 学会区分子父级盒子模型的嵌套,选中。 未解决的问题: 适配不同显示器分辨率的问题还没有解决,所以对于不同宽度的显示器会出现宽度不一样的情况,比如登录和注册页面。 网页商品的超链接 仅仅只链接了页脚的文字外部超链接(ps:没有网络是打不开的状态[404 notfound])
  • 收获: 通过十几天的漫长制作,学会了使用画图工具来修改图片大小以及分辨率,其次就是阿里矢量图形库的使用以及火狐浏览器的素材批量下载功能,最大的还是通过学习小米商城web大项目的原理,通过学习成功复刻了华硕(asus)官网的界面。至于缺失商品介绍的问题,我会在闲暇时间继续慢慢打磨类似购物车以及商品介绍视频以及更多的轮播图样式的页面。

About

基于html的华硕商城---大作业

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published