关于自学Web前端开发(供自己使用)

别人的警告:大多数初学者学习网页制作所用的集成开发环境(IDE)大多是Dreamweaver(我现在用的就是DW cc),这种所见即所得的“吊炸天”IDE为我们带来了极大的方便。But:虽然它入门快,见效快,很容易让初学者爱上,,聪明的IDE也成全了我们的惰性。

正确的方向胜过无谓的努力:也不知道它对不对,没有大神指导的铝孩纸也是没办法了:

第一阶段--HTML学习:超文本标记语言(HyperText Mark-up Language)是网页的骨架,无论是静态网页还是动态网页,最终返回到浏览器端的都是HTML代码,浏览器将HTML代码解释渲染后呈现给用户。

HTML的学习是一个记忆和理解的过程,学习中,可以借助DW的拆分“视图辅助学习”,在“设计”视图中看效果,在“代码”里学习本质,这里,只掌握了各种“原材料”的制作方法。

第二阶段--CSS学习:层叠样式表(Cascading Style Sheets),真正做到网页表现与内容分离的一种样式设计语言,极大提高了开发速度,降低了维护成本。

css中的盒子模型,相对布局,绝对布局等能够实现对网页中各对象的位置排版进行像素级的精确控制。

第三个阶段--JavaScript:它是一种在客户端广泛使用的脚本语言,提供了一些内置函数,对象和DOM操作,借助这些可以实现一些客户端的特效,验证,交互等,使页面看起来不那么呆板。

关于兼容性:很让人头痛。

第四个阶段--jQUery:是一个免费,开源的轻量级的JavaScript库,并且兼容各种浏览器(jQuery2.0以及后续版本放弃了对IE6/7/8浏览器的支持),现在有很多基于jQuery的插件可供选择,这样在实现一些丰富的动态效果时更方便快捷,大大节省了开发时间,提高了开发速度,这也充分体现了其write  less , do  more的核心宗旨

Bootstrap:是Twriter推出的一个开源的用于前端开发的工具包,是一个css/HTML框架,并且支持响应式布局,一直是GitHub上的热门开源项目。

在项目开发过程中,可以借助Bootstrap提供的CSS样式、组件、JavaScript插件等快速完成页面布局和样式设置,然后再有针对性的微调样式,这样基于框架进行开发大大缩短了开发周期。

别人的建议:很多初学者缺乏对页面布局进行整体分析,不能宏观上对页面中盒子间的嵌套关系进行把握,就急于动手去做,导致页面中各元素间的关系很紊乱,容易出现盒子在浮动时错位等情况。建议采用“自顶向下,逐步细化”的思想,先用几个盒子将页面从整体上划分,然后逐步在盒子中继续嵌套盒子。

还要多浏览优秀的网站,善于分析借鉴设计思路和布局方法,见多识广,进而融会贯通,取他人之长为我所用。

同时还要善于使用Firebug这个利器,一方面可以再学习过程中帮助我们调试自己的页面,另一方面可以使用Firebug方便查看,分析别人网站的源代码。

原文地址:https://www.cnblogs.com/fmjlwb/p/8150697.html

时间: 2024-10-29 19:13:34

关于自学Web前端开发(供自己使用)的相关文章

web前端开发培训和自学 哪种选择更适合你

web前端相对于其他软件开发是比较容易入门的,但是如果深入学习就比较困难了,这门技能需要从业人员掌握一定的设计.代码.交互技能和一些SEO技能,容易入门还涉及这么多知识和技能,那学习web前端开发到底是培训好还是自学好,哪种效率更高些? 其实我们在网络.APP上浏览网页时看到的所有漂亮的页面都是由web前端来实现的,在我们看来简单,但一个小小的符号都是web前端工作者经过仔细斟酌得到的.针对这些观点,我们就简单来了解下web前端开发培训和自学各自优劣势: web前端开发培训优劣势: 优势:1.学

学web前端开发,培训还是自学靠谱?

web前端在最近这几年越来越被重视,很多公司往往花高薪还是无法找到一个令自己满意的web前端人才,所以web前端的前景还是非常不错的,而且web前端上手也容易,如果能静下心来学习,几个月的时间还是可以有所成就的.那么,如何学习web前端开发?自学好还是培训好? 学习web前端开发,首选需要掌握web前端开发的相关知识,web前端相关知识如下: 1.学好CSS是网页外观的重要一点,CSS可以帮助把网页外观做得更加美观. 2.div布局:DIV元素是用来为HTML文档内大块的内容提供结构和背景的元素

小猿圈web前端开发讲师:零基础自学html5开发方法

web前端开发目前市场使用率随着需求逐年递增.越来越多的年轻人转行进入了web前端开发领取.html5强大的功能是有目共睹的,本属自身独特的优势让这一技术越来越受欢迎,相比于原生APP,html5已经逐渐在用户体验生无限接近,再加上低廉的开发成本和强大的适配功能,早已经可以俘获开发商和开发者的芳心,本文小猿圈web前端开发讲师介绍零基础如何自学html5开发? 小猿圈web前端开发讲师:零基础自学html5开发方法: 1.拒绝插件,遇到交互效果就选择扒插件,这是一种非常不可取的方法,在这种情况之

Web前端自学之路学习路线,web前端开发网站

前端开发作为一个由网页制作演变成的新兴岗位,其实在国内外来说,受到重视的时间并不长,在前几年间技术快速的发展和其应用普及率的迅猛增长,使得前端人才市场一片盛况空前的景象,由于其的易入门性和不错的发展前景,吸引了众多前端爱好者和转行人员的青睐. 都说前端技术属于易学难精,其易入门性也是相对Java,python那些语言来说的,并不是说任何人可随便信手拈来,而且今天的"前端"并不等同于"美工",前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化.SEO和服务

【WEB前端开发】新手入门:html语言学习的7个秘诀

WEB前端开发学习过程中,作为一个新手入门级别的菜鸟你,要如何系统的学习呢 ? 本期为介绍其一: html语言学习的7个秘诀 也就是说如何学习HTML语言. 新手们有一个常见的错误就是犹豫于判断哪种编程语言是做好的.最该先学的. 我们有很多的选择,但你不能说那种语言"最好".我们应该理解:说到底,什么语言并不重要. 重要的是理解数据结构.控制逻辑和设计模式. 任何一种语言-甚至一种简单的脚本语言-都会具有所有编程语言都共有的各种特征,也就是说各种语言是贯通的. 我编程使用Pascal,

优秀的web前端开发人员需要具备三大技能

注:以下内容是从网上转载的 Web 前端开发在这十年内发生了很大的变化,从市场和销售的角度来看,web 应用甚至常常会超过那些桌面应用.当下,web前端开发可以说是互联网开发中的一个热门职位,很多互联网公司都非常需优秀的web前端开发人员,毫不夸张的可以这么说,市场情景广阔.不过,说到兴趣,还是得看自己喜不喜欢,想不想做,如果一点兴趣都提不起来,那也是在浪费时间,不如不学不做.所以对web前端感兴趣的朋友可以多学多练,成为一名优秀的web开发人员,去走兼顾自己兴趣与生存的最佳人生路径. 不过,成

Web前端开发十日谈

一直想写这篇“十日谈”,聊聊我对Web前端开发的体会,顺便解答下周围不少人的困惑和迷惘.我不打算聊太多技术,我想,通过技术的历练,得到的反思应当更重要. 我一直认为自己是“初级”前端开发工程师,一方面我入道尚浅,只有短短几年,另一方面我自知对技术的钻研并不深入,可能是由于环境的原因,当然最重要的是,我幸运的参与到互联网崛起的浪潮之巅.时势造就了一批技能薄弱但备受追捧的“弄潮者”,这在很大程度上影响我们对“技术本质”的洞察力,多年来也一直未有成体系的“前端技术”布道佳作,以至于当下多数人对前端技术

【转】十款让 Web 前端开发人员更轻松的实用工具

这篇文章介绍十款让 Web 前端开发人员生活更轻松的实用工具.每个 Web 开发人员都有自己的工具箱,这样工作中碰到的每个问题都有一个好的解决方案供选择. 对于每一项工作,开发人员需要特定的辅助工具,所以如果下面这些工具对于你来说都是新的领域,那么这篇文章是非常有用的,因为这些实用的工具将让你的工作更有效率. Spritepad 借助 SpritePad,你可以在几分钟甚至几秒钟内创建你的 CSS 精灵.只需拖放您的图片,立即可以生成 PNG 精灵图片以及 CSS 代码.不需要在 Photosh

web前端开发和后端开发有什么区别?

web前端分为网页设计师.网页美工.web前端开发工程师 首先网页设计师是对网页的架构.色彩以及网站的整体页面代码负责 网页美工只针对UI这块儿的东西,比如网站是否做的漂亮 web前端开发工程师是负责交互设计的,需要和程序猿进行交互设计的配合. web前端需要掌握的有脚本技术javascript DIV+CSS现下最流行的页面搭建技术,ajax和jquery以及简单的后端程序等. 后端的话可供开发的语言有 asp.php.jsp..NET 这些后端开发语言的话搭建环境都不一样,具体如果你想学的话