lsfak48 发表于 2019-10-20 00:00:00

2019年最新Web前端项目实战—华为荣耀商城

.
├── 1 1-项目前期分析.flv
├── 2 2-header部分.flv
├── 3 3-导航下边框调整.flv
├── 4 4-banner与honor20部分.flv
├── 5 5-相关推荐部分.flv
├── 6 6-商城链接最新消息 服务中心部分.flv

复习：
1.1到目前所学的布局方式
table布局：
div+css布局：
固定布局
百分比布局

1.2 盒子模型
Margin border padding content

1.3 布局模型
流动模型 标准流 block inline inline-block
浮动模型 left right
层模型 relative absolute fixed

1.4 BFC(Block Formating Context) 块级格式化上下文
Float 不为none
Position 不为static
…

1.5 雪碧图 CSS Sprite
减少http请求
利用background属性实现

1.6 Hack
Html Hack Css Hack: 值的Hack 选择器Hack
IE Tester 模拟

一、
项目实战一
一个网站会有很多页面，可以通过a标签进行跳转；
每个页面都是多种信息的载体

一个网站包含这么几个部分：
网页结构 html
网页表现 css
网页行为 js
可能会存在一些素材及配置文件等等

目前为止，一个网站包含这么几个目录：
Images 图片目录 存放所有的素材文件
Css 存放所有css样式文件
Js 存放所有的js文件

网页文件
还可能会有一些其他的第三方引包
做一个项目之前，首先要分析项目需求；
拿到效果图，查看素材尺寸等是否完整，及时和美工沟通；
没有问题之后，分析页面结构组成，形成一个大概的思路
进行页面及效果的布置
网站首页 index.html 对应的css文件一般名字为 style.css 或 default.css
其他页面按照语义化进行命名
一些比较简单的样式 原子类设置 base.css
多个页面可以共享的样式 我们叫做公共样式 comment.css
当前页面的样式
看到通栏 width:100%
版心 inner 900-1300px之间


下载地址：

**** Hidden Message *****

南风深蓝 发表于 2019-11-15 09:25:01

下来学习啦

19991127aabb 发表于 2019-11-20 14:52:16

gdgdgdgfbcbvcvd

tinkkk 发表于 2020-4-1 10:22:23

膜拜神贴，后面的请保持队形~

vippp 发表于 2020-5-14 12:31:48

膜拜神贴，后面的请保持队形~

Copycat 发表于 2020-5-30 17:52:55

11111111111

Dogcag 发表于 2020-6-20 09:57:36

111111111111111

jiaozhiwei 发表于 2020-7-27 23:37:22

果断MARK，前十有我必火！

sms 发表于 2020-9-2 19:04:13

ssssxa大王的权威的我的武器

tddxk632 发表于 2020-10-11 16:50:38

1sddsdsdsdsd

8413848 发表于 2020-12-6 14:34:53

不管你信不信，反正我是信了。

yuanzelin8 发表于 2020-12-30 23:06:09

2019年最新Web前端项目实战—华为荣耀商城
页: [1]
查看完整版本: 2019年最新Web前端项目实战—华为荣耀商城