若想学 HTML,应从何入手?

news2024/11/23 21:30:10

前言

个人信息: 大三 工商管理 逻辑算清晰 无编程基础 想学网页设计,打算从HTML开始 。
下面是问题:

  1. 需要先学一些更基础的语言(如C++之类的)吗?
  2. 有何建议: (1)看哪些书、泡哪些论坛、关注哪些大师的博客、看哪些视频、有没必要上个培训班什么的(我人在广州)? (2)不怕麻烦的话,请各位大概说下自己的学习HTML的过程?
  3. 随便说一些你还想说的东西。

正文

和题主一样大三公共事业管理,文科妹子,无编程基础,一个月之内做了个还算漂亮的官网~

分享一下我的入门经历吧!

step1:

首先我看了这道题目的回答,咨询了一些前端工程师们,决定从经典的

http://w3school.com.cn
入手,把上面的课程刷一遍!

刷到一半的时候心里没底了。。什么时候能看完呢?而且感觉概念这么多,就算刷完了也不记得几个啊!

怎么办!

step2:

接着,改变学习轨迹的恩人出现了!在

@彭猫
老师的指点下我决定把这个教程看一遍!

30 Days to Learn HTML & CSS
[这里是视频打包下载的地址:

学习网站开发必备推荐!30天学会HTML和CSS基础入门视频教程 (免费精品课程)
]

一天的时间边看边开着 sublime跟着同步做,同时用 evernote 做笔记。

基础知识差不多了,但是还觉得不太牢固,于是又刷了一遍书

Head First HTML with CSS & XHTML (豆瓣)
书的开头序中提到了「元认知」这个概念,就觉得这本书赞赞哒!看完之后果然符合认知心理学学习的原理。

发现两个东西的授课本质是一样的!

在这期间,无意间下了一个app 叫「Lrn」,卡片式地教你几种语言的基础知识。于是每晚和男神聊微信的间隙就顺手把html和css又刷了一遍(喂和男神聊天还这么不专心!!)
在这里插入图片描述
在这里插入图片描述

UI设计也很棒!推荐没事的时候也可以刷一下!

step3:

基础知识差不多啦,可以直接上手做项目了!

(我当时因为要做官网,还先用 bootstrap 做了一个,被嫌弃太丑就毙掉了= =)

你又问了,做什么项目呢?

最简单的就是搭一个自己的博客啦,或者是一个简单的静态展示类网页。一般的公司官网都可以哦~

依托于 github pages

接着就是:

搭建一个免费的,无限流量的Blog----github Pages和Jekyll入门
(这个教程还是感觉不够小白,我会再写一个哒)

其实真的没有想象中那么难,初期就是看别人的网站很好,右键「检查元素」

直接把人家的代码复制粘贴过来就可以了。。。

像这样子!
在这里插入图片描述
在不断地复制粘贴中你不仅搭起来了自己的博客,还学会了80%以上的 HTML !

所以说,学编程最好的途径不是看一堆资料,而是

Just do it!

哦对了,最后这个教程也很推荐!!!
学习 | Codecademy

最后祝大家新年快乐,红包拿到手软!

更多干货🚀

  1. 如果我的博客对你有帮助、如果你喜欢我的博客内容,请 “👍点赞” “✍️评论” “💙收藏” 一键三连哦!
  2. 💗【👇🏻👇🏻👇🏻关注我| 💬获取更多源码 | 优质文章】 带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、期末大作业模板 、等! 「在这里有好多
    前端 开发者,一起探讨 前端 Node 知识,互相学习」!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/116845.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

无忧·企业邮筒功能介绍

应用介绍 企业邮筒,基于B/S模式的邮件客户端,采用JVS的统一用户体系,作为JVS的协同办公的应用之一。 产品特点 私有化部署、支持多邮件账户、将多个邮件客户端统一为web操作、 软件架构 软件架构说明,JVS-mailbox是作为JVS基…

服装实体店运营需要的所有软件,合集在此!(建议收藏)实体店运营 实体店运营干货 实体店运营全流程所需系统推荐

随着信息化普及程度越来越高,各行各业的运转速度都在加快,做生意的老板们也开始发现,单靠以前的人工管理已经完全不够用了。 尤其是服装实体店,款式分类多,库存又容易挤压,更加需要有科学的手段去管控日常的…

MyBatis学习 | 缓存机制

文章目录一、一级缓存1.1 简介1.2 一级缓存的失效情况二、二级缓存2.1 简介2.2 二级缓存的使用学习地址🔗 https://www.bilibili.com/video/BV1mW411M737https://www.bilibili.com/video/BV1NE411Q7Nx官网文档 一、一级缓存 1.1 简介 💬概述&#xff1…

Spring与SpringBoot

目录 前言 1、Spring能做什么 1.1、Spring的能力 1.2、Spring的生态 1.3、Spring5重大升级 1.3.1、响应式编程 1.3.2、内部源码设计 2、为什么用SpringBoot 2.1、SpringBoot优点 2.2、SpringBoot缺点 3、时代背景 3.1、微服务 3.2、分布式 分布式的困难 分布式的…

迪文DGUS智能屏如何轻松实现3D动画

三维立体的视觉效果已经被广泛应用于人机交互中,三维图形逼真的显示效果往往可以更加直接的传递出视觉信息,减少用户的信息解读门槛。 传统的三维立体静态、动态画面的显示往往对于 GPU 的图像处理性能、显示带宽有较高要求,GPU 需要完成图形…

使用gs_probackup进行数据库物理备份与恢复

概述 物理备份与恢复适用于数据量大的场景,主要用于全量数据备份恢复,也可对整个数据库中的WAL归档日志和运行日志进行备份。openGauss提供了三种物理备份与恢复相关的工具:gs_backup、gs_basebackup和gs_probackup。三个工具的对比见下图。…

基于FPGA的时间数字转换(TDC)设计(二)

1、多相位TDC计时FPGA代码设计 接上期的讲解,本期主要讲多相位TDC计时的FPGA代码实现。图1为TDC测量实现系统图。时间信号经过探测器后,转换为电信号,一般探测器出来的信号幅度和脉宽都比较小,需要时间鉴别器进行比较和整形,以便于FPGA能够识别。经过FPGA TDC计时模块后,…

RabbitMQ:订阅模型-消息订阅模式

订阅模型-消息订阅模式,也可以称为广播模式,生产者将消息发送到 Exchange,Exchange 再转发到与之绑定的 Queue中,每个消费者再到自己的 Queue 中取消息。 RabbitMQ 单生产单消费模型主要有以下五个角色构成: 生产者&am…

机器学习10大经典算法详解

“数据算法模型”。 面对具体的问题,选择切合问题的模型进行求解十分重要。有经验的数据科学家根据日常算法的积累,往往能在最短时间内选择更适合该问题的算法,因此构建的模型往往更准确高效。本文归纳了机器学习的10大算法,并分别…

Python基础语法(一)

Python基础语法 文章目录Python基础语法基础语法变量的语法(1) 定义变量(2) 使用变量变量的类型(1) 整数(2) 浮点数(小数)(3) 字符串(4) 布尔(5) 其他动态类型特性输入输出注释通过控制台输出通过控制台输入运算符算术运算符关于除法// 取整除法关系运算符逻辑运算符关于短路求…

美格智能Cat.1无线POS终端解决方案,引领消费支付新场景

近年来,随着我国移动互联网的蓬勃发展和智能手机的快速渗透,移动支付在我国全面普及。尤其是后疫情时代下,无接触观念的普及,使我国消费市场形成了以移动支付为主的消费习惯,并催生了万千移动支付场景终端的数字化、智…

磁盘被写保护怎么办?5个方案解除它

硬盘、移动硬盘、U盘、SD卡和TF卡(也称为手机存储卡)具有写保护功能。当它们出现写保护的状态,我们就没有办法在里面写入数据。具体而言,就是无法保存和删除文件。磁盘被写保护怎么办?你需要下面5个方案帮助你&#xf…

20221227英语学习

今日短文 How to Become an Expert 想成为行业的专家?不是只花时间就够了 The drive to become expert – to become as good as we can be, at whatever we’ve chosen to do – is something we all share.It is not about external markers of success.It’s a…

01【WEB开发、Servlet】

文章目录01【WEB开发、Servlet】一、WEB开发简介1.1 什么是WEB开发1.2 软件的架构1.2.1 BS和CS概述1.2.2 WEB资源的类别1)静态网站的特点:2)动态网站的特点:1.3 Web服务器1.3.1 什么是服务器(硬件)1.3.2 什…

再也不愁渲染素材了?AI 生成3D纹理 #Polycam3D 推出新功能

最近有不少群友运用 AIGC 工具来提升工作效率,我听说连 3D 数字资产的渲染贴图素材都能生成了。Mixlab小杜3D 内容制作工具也是我非常感兴趣的领域,Polycam3D 本是一款扫描建模工具,近期也推出了AI生成3D纹理的功能,推荐大家去尝试…

启封化工行业ERP方案 ---危险化学品的备案管理

目录 危险化学品的备案管理制度 易制毒制爆危险化学品采购流程 Sage X3 ERP 危化品备案管理方案 危险化学品的备案管理制度 不少化工企业在日常的生产经营过程中,都有可能会涉及到易制毒、易制爆相关的危险化学品的购买和使用,由于易制爆、易制毒危险…

Vue组件、组件通信、路由、axios、$event、$refs、跨域代理、element-ui

文章目录{ { } }插值表达式$eventv-for删除、新增axios方法优化启动 Vue项目Vue项目的运行流程组件的三个结构组件的使用组件之间的通信父子 组件通信兄弟组件通信操作DOM插槽 slot移除node_modules路由安装、入门嵌套路由获取路由参数跨域代理element-ui表单验证Message 消息提…

基于Java+SQL Server开发(PC)学生管理系统【100010054】

题目学生管理系统 一、摘要 在当今互联网行业,Java 的使用及热度在各大排行榜中始终位于前列,通过本次课程设计,巩固所学 Java 知识,了解 Java 项目的开发流程。本程序是使用 Java 开发的一款学生管理系统,设计中使用…

微信开放小程序SDK,几款SDK产品对比分析

前言 这几天看到微信团队推出了一个名为 Donut 的小程序原生语法开发移动应用框架,通俗的讲就是将微信小程序的能力开放给其他的企业,第三方的 App 也能像微信一样运行小程序了。 其实不止微信,面对广阔的B端市场,阿里也早已开放…

kafka学习笔记

1. 官网 ​​​​​​​​​​​​​​​​​​​​​​​​​Apache Kafka 2. akf X轴拆分: 水平复制,就是讲单体系统多运行几个实例,做集群加负载均衡的模式,主主、主备、主从。解决单点,高可用问题 Y轴拆分: 基于不同的业务拆分 Z轴拆…