携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第23天,点击查看活动详情
(分类列表页(list))
- 列表页面是新的页面,我们需要新建页面文件list.html 。
- 因为列表页的头部和底部基本一致,所以我们需要把首页中的头部和底部的结构复制过来。
- 头部和底部的样式也需要,因此list.html中还需要引入 common.css。
- 需要新的list.css样式文件,这是列表页专门的样式文件。
1. header和nav的制作
- 秒杀盒子sk ( second kill )定位即可
- 1号盒子左侧浮动sk_list里面包含ul和li
- 2号盒子左侧浮动sk_con里面包含ul和li
2. 导航栏模块
3. 列表页主体
- 1号盒子sk _container给宽度1200,不要给高度
- 2号盒子sk_hd,插入图片即可
- 3号盒子sk_bd,里面包含很多的ul和li
产品数量不确定的时候,不要给高度,需要自动撑开盒子。
制作过程中可能会出现的问题:
4. web服务器
服务器(我们也会称之为主机)是提供计算服务的设备,它也是一台计算机。在网络环境下,根据服务器提供的服务类型不同,服务器又分为文件服务器、数据库服务器、应用程序服务器、Web服务器等。
Web 服务器一般指网站服务器,是指驻留于因特网上某种类型计算机的程序,可以向浏览器等Web客户端提供文档,也可以放置网站文件,让全世界浏览;可以放置数据文件,让全世界下载。
以下服务器我们主要指的是Web服务器。
根据服务器在网络中所在的位置不同,又可分为本地服务器和远程服务器。
4.1 将自己的网站上传到免费的服务器
注意∶一般稳定的服务器都是需要收费的。比如︰阿里云
这里给大家推荐一个免费的远程服务器(免费空间) free.3v.do/
- 去免费空间网站注册账号。
- 记录下主机名、用户名、密码、域名。
- 利用cutftp软件上传网站到远程服务器。
- 在浏览器中输入域名,即可访问我们的网站了。
第一次注册的时候一定要点击FTP然后进行激活。
然后通过cutftp这个软件进行上传即可。