Web前端开发学习笔记分享.docx

Web前端开发学习笔记分享

第一篇：Web前端开发学习笔记分享免费试学/一对一辅导/项目实训/就业保障Web前端开发学习笔记对于Web前端初学者而言，前人的学习经验及总结，能让自己的学习事半功倍；我在泛艺学苑学习Web前端开发已经有一段日子了，课程内容个人觉得很全面、专业；下面是我通过这段时间学习，总结的一些Web前端开发学习笔记【前端开发需要学哪些？>>】，一是为了给自己加深印象，二是希望能帮助其他Web前端学习者们；以后内容会持续更新，也欢迎大家进行补充。【获取全套学习资料>>】HTML篇总结非可视化标签：headmetastylescrpit...可视化标签：imgpspanaulli…只有可视化标签，才能用css改变它单标签：metalinkbaseimginputbrhr双标签：htmlheadbodypapspan..ullioldl….常用可视化标签p：一般用它来布局a超链接标签href*属性：设置跳转的网页地址target属性：设置跳转的目标结论：凡事页面可以点击跳转或者表单提交的文字，都用a标签img：src*属性用来设置图片的url数据、alt提供给搜索引擎搜索的ulli：列表；结论：只要将来设计页面中有固定样式的列表，就用ul和litablecaptiontrtd(th)：慢慢已经被淘汰了被ulli代替如果是合并竖排的就是合并行（rowspan）免费试学/一对一辅导/项目实训/就业保障如果是合并横排的就是合并列（colspan）HTML部分导图总结标签集合免费试学/一对一辅导/项目实训/就业保障免费试学/一对一辅导/项目实训/就业保障以上即为我在泛艺学苑这一阶段学习关于Web前端开发的总结以及笔记，接下来将要学习CSS；后续我会将Web前端开发学习总结陆续进行更新。泛艺学苑采用的在线教育，对于身处三线城市的我而言提供了很大的便利，平时有经验丰富的老师直播授课，课后有专业的老师进行一对一辅导，还给我提供了大量的学习资料，虽然现在才刚开始学习，但是我有信心学完后，能够找到一份满意的工作。情>>】【了解课程详第二篇：WEB前端开发经验总结ASP.NET前端开发经验总结通过此次大作业的设计到完成，我负责的是web前端的开发，经过此次作业和结合W3C上的自学，我渐渐有了一些对前端开发的小小经验（仅为个人意见）。WEB标准是什么？说是WEB标准，不过我这里主要是对HTML5和CSS3.0的一些经验总结。因为WEB含盖的内容实在是太多了，“WEB标准”是一系列标准的总称，包括HTML5.0、HTML4.0、XHTML1.1、CSS3.0、CSS2.1、XML1.0、RSS2.0、ECMAScript1.1、DOM1.0等等。所以这里要跟大家指出来一下，WEB标准不是我们所说的DIV+CSS。刚刚上面提到了――DIV+CSS，这里要说明下，这样说其实是不正确的。DIV+CSS准确的说法（个人的理解）应该是：采用W3C推荐的WEB标准中的HTML5结合CSS3.0样式表制作页面的方法，DIV应该指的是HTML标签，而CSS显示是指的CSS样式表了。采用WEB标准开发的好处那么W3C为什么会推荐这样的页面制作方法呢？下面我们就简单的看看采用WEB标准开发（个人理解的）相对以前TABLE布局的优势有哪些？1、节约运营成本看看我们的WEB标准制作方法是如何做到的？采用WEB标准制作，我们可以做到表现很形式的分离，我们用XHTML来表现（数据），用CSS来控制（页面元素呈现的）形式。写的好的页面，XHTML代码中基本上都是用户要看的数据，还其他修饰性的东西，全部由我们的CSS来控制。这样一来我们的（XHTML）页面的体积就大大减小了，这样你在带宽上的费用就会大家降低了，这个怎么降低的，你可以想象一下，YAHOO的首页小1K，100W个人一起访问，那么带宽节约了多少？而且可以更充分的利用带宽。而我们的CSS控制了，所有的页面元素的样式，现在想改网站的整体风格，你只需要花几分钟修改一下一个CSS文件，就可以轻松搞定了。维护的成本也下来了，省了不少钱了吧？还有，你开这个页面的速度会快很多啊，一个让你等半分钟的页面，除非里面的信息对你很有用，不然我们大家基本都没有太多的时间去用来等待的。2、对用户友好更友好，且有机会获得更多的用户现在来说说用户友好。首先我想把我们的用户来分下类。第一类：普通用户（每个访问我们网站的人）；第二类：搜索引擎；采用WEB标准开发的页面，结构清晰，页面体积小，浏览器兼容性好。普通用户访问的时候，页面打开速度快，而且不管用户使用那种浏览器，都能够正常访问（显示）页面，且页面的结构清晰，要找的数据可以很方便的浏览到。而对搜索引擎来说，一个好的采用WEB标准开发的页面，都是做过SEO优化的，它访问起来很友好，很容易理