【个人学习记录】从0开始学习前端开发

article/2025/7/5 3:54:04

提示:没有什么参考意义,只是个人学习的一个记录罢了。

为棕熊先生做一个独一无二的新闻网站

使用HTML、CSS、JavaScript做一个新闻网站,从设计网站开始。

前言

疫情原因,尝试新的有趣的东西,比如从头学一项技术,为棕熊先生做一个独一无二的新闻网站。最开始是W3C的一个前端开发讲解的短课程,大致有了一个了解。然后学着学着概念开始混淆,就去找了一些高校的课程系统的听一下。选择的是网易公开课上的北京林业大学的《web前端开发》。

`

一、初识web前端开发

web 系统
前端 用户呈现
开发 写代码
网站网页的集合(类似文件夹文件的包含关系)
主页(首页):index
确定元素类型

  • 主题
  • 客户端(扁平化)(例如平板、手机、PC用户端等)<=> 服务器端

网页元素类型:

  • logo站标
  • 导航栏
  • 表单
  • 文字
  • 图片
  • 广告横幅

浏览器:解析网站源代码,渲染网页,例如:IE 浏览器(劝退)、Safari浏览器(不普适)、Firefox浏览器(可行)、Opera浏览器(没用过)、Chrome浏览器(强推)、360浏览器(广告多)

对于开发者:
结构:HTML(5):语义、页面结构(搭积木一样,建房子的钢筋结构)
样式:CSS(3):审美、美化页面(我不行,我审美差,术业有专攻,装修硬装)
行为:JavaScript:交互。用户体验(好好学,有大用,装修精装)
技术标准:W3C:万维网联盟

二、先准备一个模板,兼职美术生

1.Laser

在这里插入图片描述
Photoshop平替版,有点Photoshop基础,但是电脑带不动ps的同学可以尝试一下。
在这里插入图片描述

没什么学不会的,多尝试几遍就是了。功能还需要探索。

2.把你的概念做出一个demo,自己看得懂就行,后续还能添加

在这里插入图片描述

总结

想做一个网站的念头一旦出现了就想尝试一下,不管能不能做到最终的效果,就是想尝试一点新鲜新奇有趣的东西,同时也有疫情的原因,多了许多的时间。兔子小姐和棕熊先生来源于我从20年开始写给一个人的专属童话故事,使用一二和布布的表情包暂时做一个插入,后续也可能会改。我一直坚信,没有什么东西是学不会的,明白和精通是两个概念,花一点时间能学会一门技术,但是要想精通绝不是简单的皮毛。路是一步一步走下去的。


http://chatgpt.dhexx.cn/article/k1svXH3H.shtml

相关文章

从零走向专业,腾讯前端大牛经验分享:如何快速学习前端开发?

很多同学想学习WEB前端开发,不过面对大量的前端学习资料(视频教程、网上教程、书籍)等,不知道从何处下手。 作为一个多年从事前端开发的程序员,为了让新手程序员少走点弯路,这里就分享腾讯前端大牛快速学习前端开发的经验: 一、前端学习思路 前端学习存在一个普遍的问题…

C语言求一个大数范围以内的素数(质数)既然如此简单

⭐本章简介 本章讲解一下C语言求素数的一个程序。5种求解方式&#xff0c;最后一种可以求大数&#xff01; 有多种方法&#xff0c;难度依次增大&#xff08;但是不会太大&#xff09;&#xff0c;程序的质量也依次增大。 ♾️目录 ⭐本章简介⭐求素数的方法&#x1f4a1;暴力…

判断素数、输出100内素数 C语言初学

素数又称质数。所谓素数是指除了 1 和它本身以外&#xff0c;不能被任何整数整除的数&#xff0c;例如13就是素数&#xff0c;因为它不能被 2~12 的任一整数整除。 判断一个整数m是否是素数&#xff0c;只需把 m 被 2 ~ m-1 之间的每一个整数去除&#xff0c;如果都不能被整除&…

C语言:查找打印质数(素数)

这个题是很灵活的&#xff0c;有几种解法&#xff0c;也有很多种优化方法&#xff0c;这里&#xff0c;我来谈谈一种个人感觉比较容易理解的方法。 首先&#xff0c;要知道质数&#xff08;素数&#xff09;是什么&#xff1f; 质数&#xff08;素数&#xff09;是除了1和它本…

输出100 - 200之间的素数C语言

输出100 - 200之间的素数 素数就是质数&#xff0c;即除了1和它本身不再有求它因数的自然数 那么这道题的思路就是用100到200之间的数去除以比这个数小的所有数&#xff08;除了1和它本身&#xff09;&#xff0c;如果有余数说明它不是一个素数 看下面代码&#xff1a; int m…

求素数C语言

求素数C语言 代码如下&#xff1a; #include<stdio.h> int main() {int i, n;printf("请输入一个数:"); scanf("%d", &n);for (i 2; i < n ; i){if (n%i 0)break;}if (n <1 ) printf("这不是素数\n");else if (i < n) pr…

QQ群 该页面暂时无法显示

如图&#xff0c;在使用QQ群文件时出现“该页面暂时无法显示”的错误信息。 首先检查IE能否正常使用。 打开IE果然显示了错误信息&#xff0c;按照说明改正代理服务器信息。QQ群即可正常使用。

qq群文件问题完美解决

1.点开设置 2.点击网络和Internet 3.点击网络和共享中心 4.点击你家的WiFi 5.点击属性 6.把这个前面的对勾取消掉 7.点击确定 8.完成操作

解决QQ或TIM下载群文件网路失败或者网速贼慢的办法

这几天项目上有些文件都放在了Q群上&#xff0c;可是发现只要稍微大一点的文件基本都是下载失败&#xff0c;不是网络错误就是下载半天才下好&#xff0c;现在介绍一下解决的办法&#xff1a; 1- 百度上搜索“群空间” 2- 登录你的QQ账号 3- 在右上角有我的QQ群&#xff0c;在…

解决PC端的的TIM群聊界面无法显示公告、文件、记录栏,不显示群消息

笔者的PC端TIM经常遇到各种“暂时无法显示”&#xff0c;公告、文件、记录栏&#xff0c;群消息都没了。 解决方法&#xff1a; 打开ie浏览器右上角齿轮->Internet选项->连接->局域网设置只勾选 自动检测设置把代理关了。 就能正常显示 转载自贴吧草上黑

电脑版QQ或TIM群文件无法显示,空白,加载不出来

问题描述 登陆电脑版QQ或者TIM后&#xff0c;点击群文件&#xff0c;显示无法打开。 解决办法 将代理服务器关闭&#xff0c;然后QQ或者TIM群文件就能打开啦。&#xff08;然后代理服务器自己确定是否再次开启&#xff09; 参考博文 参考博文1

QQ “安全检查未通过,禁止下载该文件” 解决方法

经评论区提醒&#xff0c;此方法可能已经不再适用。如有人成功解决了&#xff0c;或者没有成功解决&#xff0c;麻烦评论区告诉我一下。谢谢&#xff01; 在下载群文件的时候&#xff0c;偶尔会遇到上图的情况&#xff0c;明明是正经文件&#xff0c;却没有通过安全检查。解决方…

解决QQ群、讨论组上传文件,由于网络原因上传失败?

最近qq上传群文件老是失败&#xff0c;但是同事他们可以&#xff0c;目前已经解决QQ群、讨论组上传文件&#xff0c;由于网络原因上传失败&#xff1f;&#xff0c;做法如下&#xff1a; 输入regedit&#xff0c;打开注册表&#xff0c;然后找到这个位置HKEY_CURRENT_USER\Sof…

QQ头像无法加载,显示初始默认头像的解决方法

前言 终于。。终于&#xff01;查过那么多资料&#xff0c;翻过无数带有蛛丝马迹的信息&#xff0c;根本没有人能解决我遇到的这个问题&#xff0c;它是如此独特&#xff0c;如此难以排查&#xff01;&#xff01; 删过文件、改过网络配置、本地测试过相关数据接口、重装过QQ、…

安全检查未通过_QQ群文件未通过安全检查,禁止下载该文件解决办法(QQ收藏)

需要从群文件下载一个压缩包文件,可是却显示下载失败,具体原因为“QQ群文件未通过安全检查,禁止下载该文件”,按有的说法在设置里把安全防护的等级设置为最低,还是不行,手机也同样。 在将放弃的时候,发现直接用手机收藏群文件,然后用电脑登上qq去收藏里面下载完美解决。…

QQ群无法下载视频和图片解决方案

最近换的新电脑 登录QQ后发现在QQ群里的图片或视频无法下载 如图所示&#xff1a; 一开始以为还是 网络问题 导致无法下载 但是 不影响聊天和上传文件 &#xff1f;&#xff1f;&#xff1f; 意味着网络正常 想了下 新电脑 外置的硬盘一直未装 下载的路径改变了 重新定义的本…

【问题记录】qq中群文件、群相册以及一些服务一直显示不出来

一、问题描述 qq各种服务不给力&#xff0c;以为是qq设置的原因&#xff0c;卸载后重装还是不行 二、解决方法 问了度娘&#xff0c;试了又试&#xff0c;最后通过去掉代理服务器成功解决了问题&#xff0c;步骤如下&#xff1a; 1.按下WinR组合bai键打开运行&#xff0c;…

QQ群文件无法正常显示/微信(PC)电脑端公众号文章打开后显示一片空白的解决办法

QQ群文件无法正常显示/微信&#xff08;PC&#xff09;电脑端公众号文章打开后显示一片空白的解决办法&#xff1a; 【解决办法】 1.打开ie浏览器&#xff0c;右上角类似齿轮的图标&#xff0c;找到Internet选项&#xff0c;打开 2.找到局域网设置 3.把下图中的所有钩去掉 4.…

QQ出现“该页面暂时无法显示”解决办法!

1 问题 电脑QQ/TIM不知道怎么回事除了消息界面&#xff0c;其他文件&#xff0c;公告&#xff0c;设置都无法打开。 2 原因 时很有可能你电脑自带的&#xff0c;或者你电脑中的IE浏览器也是无法正常使用&#xff0c;因为QQ群使用的是IE的内核。 3 解决 -----首先检查IE能否…

电脑无法正常上网以及QQ群文件一直显示刷新

电脑无法正常上网以及QQ群文件一直显示刷新 不知道是因为使用了VPN还是什么原因&#xff0c;反正电脑突然就出现了能上网又不能不上网的状态。 就是电脑的wifi显示已连接&#xff0c;但是无法访问网页&#xff0c;QQ能登陆但是群文件以及除了聊天框其他地方基本都是显示页面无…