提示:没有什么参考意义,只是个人学习的一个记录罢了。
为棕熊先生做一个独一无二的新闻网站
使用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年开始写给一个人的专属童话故事,使用一二和布布的表情包暂时做一个插入,后续也可能会改。我一直坚信,没有什么东西是学不会的,明白和精通是两个概念,花一点时间能学会一门技术,但是要想精通绝不是简单的皮毛。路是一步一步走下去的。