天猫前端实战Day01

闲聊

  来了来了咸鱼博主闭关修炼一天半,服下大量文档宝药准备来冲关突破了。
学了一天半的前端也是感慨万分,站在巨人的肩膀上学习确实舒服。本次来试试天猫前端一个网页的实现。
  首先推荐一个网站https://www.w3school.com.cn,当做参考手册了毕竟博主是个大水货没打过前端代码还是得查找下一些关键字。
  另外推荐一个打前端代码的利器Sublime Text百度说这个玩意有很多插件,字体啥的也不错我就整了一个。下载方式,360软件管家搜索一件安装即可。
  下面正式的开启我的天猫前端实战。

一、布局

  一个静态的web界面首先要看清整个布局,来看看天猫的前端大致布局吧。
天猫首页在这里插入图片描述

在这里插入图片描述

二、项目管理

  在建项目的时候我们建一个文件夹,并且所有用到的图片,引用都使用相对路径,不然换个电脑环境又全乱了很烦人。
  因为项目不大直接在桌面建tmall文件夹,然后用Sublime来建立tmall-index.html文件和index.css文件,然后把css文件外链进html文件里。
  我们要做高仿的,可以卖的更贵!从title开始
在这里插入图片描述狗头.png,刚一进去就看见这背景的渐变粉很好看,扒了(狗头.png)

在这里插入图片描述好的刚起步又发现这个网站用了flex布局,好的不会但是不慌,我们直接自己用px调出来。
调好的导航栏如下
在这里插入图片描述这就是今天的内容了,我发现这玩意太耗时间了。让本博主先学习学习JavaScript吧,有空再来把这个坑填了,上次还留了个贪吃蛇的坑哈哈哈哈!!抱歉啦实在是没有时间。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值