如何仿写网站静态页面,命名规范——第一次仿写百度首页心得、思路、总结、步骤+好用自学网站推荐

Web前端开发初级自学之路,良心推荐自学网站+日常学习交流

                                              浏览大概3~5分钟.请耐心阅读

———————----------—### 仿写百度心得————————--------

仿写百度心得

1.HTML&CSS&选择器命名规范
首页:index

2对于一个静态首页基本套路

  1. 先对页面结构进行划分(注释好),有大体到细节,先大后小

  2. <!-- <span>举报</span> -->这是HTML注释样式 /* font-size: 14px; */这是CSS 注释样式

  3. 再DIV等语义化的标签,进行元素的填写

  4. 接下来一个一个去实现分析

  5. CSS文件下,准备好所有选择器,进行样式设计、调试。

————————————我的启蒙网站分享—————————————

1.W3Cschool ——文本阐述性比较强,视频少,不过实例多

起初我开始自学是在:https://www.w3cschool.cn/minicourse/play/wsfnp
后来学着学着便去另一个视频网站:https://ilovefishc.com/,这两个交替着学在这里插入图片描述

2.小甲鱼——讲的很有意思呀!

B站上有资源,不过和这个网站更新一样的,由于我学的是CSS+HTML,后来不更新就没关注了。

https://ilovefishc.com/在这里插入图片描述
——————————————以上两个网站的查询手册都不错

3.书籍推荐

在开始讲我接触的第三网站前,还有一本书,我哥哥给我的

这本书结合实践,然后疑难点再看一下,能得到更好的解释这本书结合我插入图片描述

5.表严肃——我主要看视频来联系

看他的视频:直接是开发案例,刚好我用的也是VScode开发环境,在其中学到很多:1快捷键、2选择器命名方式、3页面划分
反正讲的全是干活在这里插入图片描述
这里我想说课程代码的
zhe

4.阿里云——视频:学了移动端的Web开发(未看完)没学JavaScript

在这里插入图片描述

                                          ~~2020.02.14写~~ 仍在疫情期间
发布了17 篇原创文章 · 获赞 1 · 访问量 1115

猜你喜欢

转载自blog.csdn.net/Zhu4010/article/details/104318714