`

前端开发入门学习第0弹

阅读更多
最近开始对前端开发很感兴趣,虽然我只是个Java服务器端开发,但是莫名的兴趣,让我开始前端开发的入门学习。

在网上找了一个视频网站,开始从html开始学习,begining······

html学习,当然是学习html页面结构,以及常用的html标签的使用。
html标签的使用,两点很重要:一个是语义化,另一个是默认的表现形式

另外,从前端同学那里了解到,如何开始一个前端的工作:
首先:设计图。简单的说就是设计同学提供的PSD格式的图,用于切图等,或者产品提供的高保真的产品原型图也可以。
其次:说明文档。一般有产品同学提供,用于说明页面细节和效果等。

开发工作的开始: 从页面布局开始,布局就像盖房子一样,很重要。
我的总结就是:由大化小,由整化零,逐渐细化。 在这个过程中,每个小部分都会使用到盒子模型、浮动,挺重要的。

盒子模型:(一种简单的理解)
内容(CONTENT)就是盒子里装的东西;
而填充(PADDING)就是怕盒子里装的东西(贵重的)损坏而添加的泡沫或者其它抗震的辅料;
边框(BORDER)就是盒子本身了;
至于边界(MARGIN)则说明盒子摆放的时候的不能全部堆在一起,要留一定空隙保持通风,同时也为了方 便取出。


分享到:
评论

相关推荐

    web前端开发基础作业考核试题大全.pdf

    Web 前端开发基础知识点总结 本资源摘要信息将对《web 前端开发基础》作业考核试题题库大全进行...本资源摘要信息涵盖了《web 前端开发基础》作业考核试题题库大全中的大部分知识点,为读者提供了一个系统的学习导航。

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册十:正则表达式

    JavaScript是Web前端开发中不可或缺的一部分,它为网页赋予了动态功能和交互性。在JavaScript中,正则表达式(Regular Expression)是一种强大的文本处理工具,用于执行模式匹配和字符串操作。本篇教程将深入探讨...

    Web前端开发试卷及答案.pdf

    Web 前端开发基础知识 1. 在 Web 前端开发中,结构和表现是分离的,其中结构是指 HTML 代码,表现是指 CSS 样式。 2. 在 Web 前端开发中,float 和 margin 属性可以同时使用,但需要注意 IE6 的双倍边距BUG。 3. 在...

    vue前端开发实战PPT

    通过这些章节的学习,开发者可以全面掌握Vue.js的开发技巧,从基础概念到高级实践,再到实际项目应用,全面提升自己的前端开发能力。无论是新手还是有经验的开发者,都能从这个系列中获益匪浅。

    Web前端开发简明教程-源代码(HTML+CSS+JavaScript+jQuery)

    在本教程中,我们将深入探讨Web前端开发的基础知识,涵盖了HTML、CSS、JavaScript以及jQuery这四个核心技术。这些技术是构建交互式、响应式的现代网页所必不可少的。 **HTML(超文本标记语言)** HTML是网页内容的...

    Vue.js前端开发实战-PPT.rar

    Vue.js是一种流行的、开源的...这份Vue.js前端开发实战PPT将通过实例讲解以上知识点,帮助你从零基础开始,逐步成为Vue.js开发高手。学习过程中,结合实际项目实践,将理论知识转化为实际技能,提升你的前端开发能力。

    Web前端开发职业技能等级证书考试-中级模拟试卷.docx

    通过以上解析,我们可以看出中级Web前端开发考试涵盖了基础语法、CSS布局、JavaScript高级特性等多个方面,全面考察了考生的实际操作能力和问题解决能力。对于备考者来说,深入理解并熟练应用这些知识点至关重要。

    JavaScript & jQuery 交互式Web前端开发

    更高效的学习JavaScript和jQuery,快速成为一名Web前端工程师,零基础快速掌握 作者:(美)达科特(Duckett, J.)出版社:清华大学出版社 第1章 编程基础知识 第2章 JavaScript基础指令 第3章 函数、方法与对象 第4章 ...

    前端开发者手册2019 · 语雀1

    总之,《前端开发者手册2019》为学习和理解前端开发提供了全面的指导,不仅包含了基础技术的讲解,还涉及到了行业动态和发展趋势,是前端开发者和相关从业者的重要参考书籍。通过阅读和实践书中的内容,读者可以提升...

    python 零基础学习篇web前端开发基础css基础3 第七天知识点回顾 .mp4

    python 零基础学习篇

    python 零基础学习篇web前端开发基础JavaScript基础8 第八天知识点回顾 .mp4

    python 零基础学习篇

    Web前端开发技术-综合案例(无缝轮播图).pptx

    【Web前端开发技术-综合案例】无缝轮播图与留言板及电梯导航的实现 无缝轮播图是Web前端开发中常见的动态效果,用于展示多张图片或内容,并以平滑过渡的方式进行循环播放,给用户带来流畅的视觉体验。实现无缝轮播...

    python 零基础学习篇web前端开发基础JQuery8 第九天知识点回顾 .mp4

    python 零基础学习篇

    前端基础+hbuilderx+html+前端基础.zip

    在IT行业中,前端开发是构建Web应用程序不可或缺的一部分,它涉及到用户与网站或应用程序交互的所有界面。这个名为"前端基础+hbuilderx+html+前端基础.zip"的压缩包文件显然是一个前端学习资源,包含了HTML(超文本...

    前端基础教学(第一课堂).zip

    这个教程专为零基础的学习者设计,无论你是计算机新手还是对编程感兴趣的人,都可以通过这个教程入门前端开发。 首先,HTML(HyperText Markup Language)是构建网页内容的基础语言。它定义了网页的结构,如标题、...

    web前端零基础系统学习路线分享.docx

    Web前端零基础系统学习路线是构建前端开发技能体系的关键步骤,涵盖了从基础知识到高级技术的广泛领域。以下是对各个阶段的详细解读: **第一阶段:HTML+CSS** 在这个阶段,你需要掌握HTML的基础语法,用于创建网页...

    02前端开发推荐颜色.pdf

    标题中提到的“02前端开发推荐颜色.pdf”直接指向了文档的内容焦点,即前端开发领域中推荐使用的颜色集合。在网页设计和前端开发中,颜色不仅起着装饰的作用,更能影响用户的视觉体验,传递网站或应用的品牌理念。 ...

    最新web前端学习html5零基础教程学习大纲分享.docx

    本教程将引导你从零基础逐步掌握HTML5前端开发技术,并深入到全栈开发领域。 **第一阶段:前端页面重构** 在这一阶段,你将学习如何构建PC端网站布局,理解HTML5的新特性并应用CSS3来美化网页。HTML5引入了新的标签...

    零基础如何快速学好web前端,HTML5 CSS3 3D魔方拼图网页开发源码

    Web前端开发是构建互联网应用程序和网站的关键部分,它涉及到用户与网页交互的界面设计和实现。对于初学者来说,从零开始学习Web前端...通过这个教程,你不仅可以学习到前端开发的基础,还能体验到创造互动网页的乐趣。

    0基础学习前端开发的一些建议

    本文将围绕如何零基础学习前端开发提供一些建议,并分析入门前端的困境以及前端市场现状。 首先,学习前端开发的三大核心技术——HTML、CSS和JavaScript,这是每个前端开发者的基石。HTML负责网页的结构和内容,CSS...

Global site tag (gtag.js) - Google Analytics