最近开始对前端开发很感兴趣,虽然我只是个Java服务器端开发,但是莫名的兴趣,让我开始前端开发的入门学习。
在网上找了一个视频网站,开始从html开始学习,begining······
html学习,当然是学习html页面结构,以及常用的html标签的使用。
html标签的使用,两点很重要:一个是
语义化,另一个是
默认的表现形式。
另外,从前端同学那里了解到,如何开始一个前端的工作:
首先:设计图。简单的说就是设计同学提供的PSD格式的图,用于切图等,或者产品提供的高保真的产品原型图也可以。
其次:说明文档。一般有产品同学提供,用于说明页面细节和效果等。
开发工作的开始: 从
页面布局开始,布局就像盖房子一样,很重要。
我的总结就是:
由大化小,由整化零,逐渐细化。 在这个过程中,每个小部分都会使用到盒子模型、浮动,挺重要的。
盒子模型:(一种简单的理解)
内容(CONTENT)就是盒子里装的东西;
而填充(PADDING)就是怕盒子里装的东西(贵重的)损坏而添加的泡沫或者其它抗震的辅料;
边框(BORDER)就是盒子本身了;
至于边界(MARGIN)则说明盒子摆放的时候的不能全部堆在一起,要留一定空隙保持通风,同时也为了方 便取出。
分享到:
相关推荐
Web 前端开发基础知识点总结 本资源摘要信息将对《web 前端开发基础》作业考核试题题库大全进行...本资源摘要信息涵盖了《web 前端开发基础》作业考核试题题库大全中的大部分知识点,为读者提供了一个系统的学习导航。
JavaScript是Web前端开发中不可或缺的一部分,它为网页赋予了动态功能和交互性。在JavaScript中,正则表达式(Regular Expression)是一种强大的文本处理工具,用于执行模式匹配和字符串操作。本篇教程将深入探讨...
通过系统地学习这些文件中的内容,学习者将能够从零开始构建一个现代的Web前端,同时也能够对前端开发有一个全面和深入的理解。这套材料由张颖编写,适合那些希望入门Web前端开发的初学者,或者已经具备一定基础但...
Web 前端开发基础知识 1. 在 Web 前端开发中,结构和表现是分离的,其中结构是指 HTML 代码,表现是指 CSS 样式。 2. 在 Web 前端开发中,float 和 margin 属性可以同时使用,但需要注意 IE6 的双倍边距BUG。 3. 在...
通过这些章节的学习,开发者可以全面掌握Vue.js的开发技巧,从基础概念到高级实践,再到实际项目应用,全面提升自己的前端开发能力。无论是新手还是有经验的开发者,都能从这个系列中获益匪浅。
首先,文件标题“python源码教程,超级详细,附开发教程手册,python前端开发,开发学习第四章,入门级”表明该压缩包内容是关于Python语言的教程,包含源码,特别适合初学者。教程内容涵盖了前端开发领域,并且特别...
此外,教程还涉及了Python前端开发的基础知识,这对于希望从事Web开发的学习者来说是一个很好的起点。虽然Python并不是传统意义上的前端开发语言,但它在Web开发中依然扮演着重要的角色,尤其是在后端开发和自动化...
在本教程中,我们将深入探讨Web前端开发的基础知识,涵盖了HTML、CSS、JavaScript以及jQuery这四个核心技术。这些技术是构建交互式、响应式的现代网页所必不可少的。 **HTML(超文本标记语言)** HTML是网页内容的...
Vue.js是一种流行的、开源的...这份Vue.js前端开发实战PPT将通过实例讲解以上知识点,帮助你从零基础开始,逐步成为Vue.js开发高手。学习过程中,结合实际项目实践,将理论知识转化为实际技能,提升你的前端开发能力。
通过以上解析,我们可以看出中级Web前端开发考试涵盖了基础语法、CSS布局、JavaScript高级特性等多个方面,全面考察了考生的实际操作能力和问题解决能力。对于备考者来说,深入理解并熟练应用这些知识点至关重要。
更高效的学习JavaScript和jQuery,快速成为一名Web前端工程师,零基础快速掌握 作者:(美)达科特(Duckett, J.)出版社:清华大学出版社 第1章 编程基础知识 第2章 JavaScript基础指令 第3章 函数、方法与对象 第4章 ...
总之,《前端开发者手册2019》为学习和理解前端开发提供了全面的指导,不仅包含了基础技术的讲解,还涉及到了行业动态和发展趋势,是前端开发者和相关从业者的重要参考书籍。通过阅读和实践书中的内容,读者可以提升...
Vue.js 是一套用于构建用户界面的渐进式JavaScript框架,它被设计为可以自底向上逐层应用。...无论是初学者还是经验丰富的开发者,都可以从Vue.js的入门到实战中不断深入学习,掌握前端开发的各个层面。
python 零基础学习篇
python 零基础学习篇
【Web前端开发技术-综合案例】无缝轮播图与留言板及电梯导航的实现 无缝轮播图是Web前端开发中常见的动态效果,用于展示多张图片或内容,并以平滑过渡的方式进行循环播放,给用户带来流畅的视觉体验。实现无缝轮播...
python 零基础学习篇
在IT行业中,前端开发是构建Web应用程序不可或缺的一部分,它涉及到用户与网站或应用程序交互的所有界面。这个名为"前端基础+hbuilderx+html+前端基础.zip"的压缩包文件显然是一个前端学习资源,包含了HTML(超文本...
这个教程专为零基础的学习者设计,无论你是计算机新手还是对编程感兴趣的人,都可以通过这个教程入门前端开发。 首先,HTML(HyperText Markup Language)是构建网页内容的基础语言。它定义了网页的结构,如标题、...
Web前端零基础系统学习路线是构建前端开发技能体系的关键步骤,涵盖了从基础知识到高级技术的广泛领域。以下是对各个阶段的详细解读: **第一阶段:HTML+CSS** 在这个阶段,你需要掌握HTML的基础语法,用于创建网页...