用html设计一个网站(学完了HTML还要学什么)

2025-03-21 19:00:01 0

用html设计一个网站(学完了HTML还要学什么)

本文目录

学完了HTML还要学什么

作为BAT的Java开发工程师来回答。不论你打算做FE还是UI,HTML只是非常基础的前端入门语言,如果未来想在互联网前端领域发展,你还要学习JavaScript和CSS。

三驾马车

我在前面的回答里也强调过,如果想在前端开发发展,那么HTML,JavaScript和CSS作为前端的三驾马车是最最基础的入门语言,无论如何绕不开的。

据我了解,除了计科相关的职位,有些设计专业也会学习HTML。(我弟弟是学习设计的,就有一门选修课是用HTML写一个网页,我教了他display什么的,让他觉得特别神奇。)也就是说,就算你未来不打算做网页开发的FE,而打算做网页设计的UI,对前端语言有所了解,也能对你的未来职业发展很有帮助,因为可以让你更专业的与FE和PM沟通你的设计稿。

如果题主已经学完了HTML,那么想必已经能写出简单的HTML网页框架了。在这里介绍一个小tip(也许你已经会了),可以让你平时看到喜欢的页面的时候就能看看当前页面的html,从而更好的指导自己使用HTML。那就是F12按键,这个快捷键可以快速调出当前页面的前端数据,是调试开发非常有用的工具。

不仅是看当前页面的html和css(上图elements),有时候前端要看点击了某个按钮后调用了哪些请求,携带了哪些参数的时候,也会用这个功能,点击右边红框network即可。就可以看到当前页面发送了哪些请求,request和response分别是什么,是前端开发者自我调代码和查bug时候必不可少的工具。

如我上面所说,学会了HTML之后,还要学习负责描述页面细节的CSS,和脚本语言JAVASCRIPT,这两者也都可以通过我上面介绍的方式来调试。

学会了上述三驾马车之后,就可以根据你的个人情况决定下一步走向:是做一个前端开发的FE,还是做设计的UI呢。其实如果是一个大一大二的学生,就算不是专业设计专业,也是来得及现在学,未来从事UI的,我们UI团队有个妹子就是计算机专业毕业的,她和我说她本科时候最喜欢去设计专业蹭课,硕士期间的课题是人工智能,但是也不影响人家追求人生真爱,做一个UI,而且由于她坚实的计算机知识基础,反而比其他UI更加受欢迎,升职速度也更快。

因此,题主如果现在还年轻,完全可以按照自己的真心热爱,好好的做一个选择。

我是苏苏思量,来自bat的Java开发工程师,每日分享科技类见闻,欢迎关注我,与我共同进步。

写一个网站需要掌握何种知识

关注Web前端进阶指南,学习前端,体验科技产品带来的极致体验,分享最实用的科技小技巧,解答您的疑惑。

一切从简,我们只说应该最低具备点什么样的知识,技术标准,做出一个用户体验好,简易直观,收录良好的企业,个人网站。只针对小白和初学者,懂技术的也不会问这样的问题,本着不懂技术我们就套模板。

一个网站由什么东西组成?

  • 你得去访问,需要域名

尽管IP地址能够唯一地标记网络上的计算机,但IP地址是一长串数字,不直观,而且用户记忆十分不方便,于是人们又发明了另一套字符型的地址方案,即所谓的域名地址IP地址和域名是一一对应的,这份域名地址的信息存放在一个叫域名服务器(DNS,Domain name server)的主机内,使用者只需了解易记的域名地址,其对应转换工作就留给了域名服务器。域名服务器就是提供IP地址和域名之间的转换服务的服务器。所以你得去购买一个域名,不贵一年也就几十块钱,然后解析到你得服务器,然后才能通过域名访问服务器上的网站文件。域名服务器就是提供IP地址和域名之间的转换服务的服务器。

  • 你得需要一个云服务器放你的代码

云服务器是一种简单高效、处理能力可弹性伸缩的计算服务。帮助您构建更稳定、安全的应用,提升运维效率,降低IT成本,使您更专注于核心业务创新。

在这你可以购买云服务器或者虚拟主机,一般我建议你买虚拟主机,避免了备案和配置安装与部署,服务器的话比虚拟主机贵,还要备案,香港服务器就不用了,此外你还得配置数据库等东西,比较麻烦,虚拟主机你自己就会操作。

  • 你得有代码形成的网站页面

这里你得会切图,按照设计给的页面用Html+css+js把页面切出来,外加上动画效果,然后把后台的数据给渲染到页面上,这样就可以了,如果说我们使用了网站模板,那根本不需要我们去写页面,直接拿它的用就行,一般开源的后台都有自己的模板。

  • 你得有后台放你的数据,让这些数据显示在页面

后台我们就直接使用开源后台就可,如果你不懂代码就不会操作,难得很,所以我建议你直接使用网站模板,一般后台都有自己模板,很多的,你可以挑一套适合自己的网站模板拿来直接使用,比如帝国CMS,SiteServer,pageAdmin,destoonDT,DEDECMS他们都有自己的网站模板,超级方便,你只需要把自己的内容添加上去,大家可以尝试使用SiteServer后台,很方便,操作简单,模板很多样,安全,服务商经常更新的。

  • 都整好了,得优化收录

我觉得其它的都不叫事,唯独这优化收录真是个技术活,我们总不能一直放在那不动吧,得让网站有收录,这样看的人越多,才会了解你的企业,这你一搜,排名很靠前,心里都舒服,比如你搜“网站制作”,你的公司排名第一,说明你做的不错,或者优化的不错,总之你是有优势的,很多人都会自觉地去选择你家做网站。所以说,优化很重要的。

总结

其实做一个网站不是很难,懂得技术也不是很多,现在大家都在用开源的后台,虽然页面都是自己设计的,最难的也就在渲染和部署这一块,要是我们用模板那几本就没啥可做的,懂点HTML+CSS+JS做页面,该页面, 部署服务器,优化的知识很快就能做好一个网站了。

用html设计一个网站(学完了HTML还要学什么)

本文编辑:admin

更多文章:


js是什么软件(解释js ajax和cgi各是什么工具在b/s中起什么作用)

js是什么软件(解释js ajax和cgi各是什么工具在b/s中起什么作用)

本文目录解释js ajax和cgi各是什么工具在b/s中起什么作用javascript用什么软件JS脚本语言是干什么用的JS文件是做什么用的JS都可以做什么.js是什么文件格式解释js ajax和cgi各是什么工具在b/s中起什么作用名词解

2025年2月14日 07:00

winform刷新窗体数据(winform中一个窗口关闭后在主窗口上自动刷新显示的数据谢谢)

winform刷新窗体数据(winform中一个窗口关闭后在主窗口上自动刷新显示的数据谢谢)

本文目录winform中一个窗口关闭后在主窗口上自动刷新显示的数据谢谢C# winform怎么实现子窗体关闭时刷新父窗体数据winform中数据库更新后如何让窗体自动刷新大概有100个客户端,如果用Timer,那效率太低了,请高手指教win

2025年2月11日 13:40

什么是内卷最佳解释(内卷的最通俗解释)

什么是内卷最佳解释(内卷的最通俗解释)

本文目录内卷的最通俗解释内卷的定义是什么如何通俗易懂地解释内卷是什么意思“内卷”是什么意思网络用语内卷是什么意思内卷的最通俗解释1、内卷比较通俗的解释就是:把自己困在困境之中生活,没有更多的生存空间,带有一定的负面消极情绪2、内卷(invo

2025年3月22日 16:40

php空间推荐(推荐我一个php空间 可以在线解压的)

php空间推荐(推荐我一个php空间 可以在线解压的)

本文目录推荐我一个php空间 可以在线解压的推荐免费PHP空间请推荐谁家的php主机空间服务技术比较强推荐我一个php空间 可以在线解压的PHP在线解压缩工具,非cPanel用户必备2007-06-10 07:17终于找到几款好用的php在

2025年3月17日 09:00

society of actuaries(数学系跨专业考研)

society of actuaries(数学系跨专业考研)

本文目录数学系跨专业考研society of actuaries考试通过率数学系跨专业考研保险精算师,这个注册认证是数学和经济学的结合,如果你选择精算的研究生,对于你非常合适,现在的保险精算师考试可是很热的啊,如果你考上了保险精算师,毕业后

2025年2月25日 10:20

boarding是什么意思啊(boarding check是什么意思啊)

boarding是什么意思啊(boarding check是什么意思啊)

本文目录boarding check是什么意思啊“boarding”是什么意思flowboarding是什么运动,也叫flowriding“Boarding Time”的意思是什么boarding check是什么意思啊同学你好,很高兴为您

2025年3月7日 14:20

asf格式文件怎么打开?如何打开.asf文件

asf格式文件怎么打开?如何打开.asf文件

本文目录asf格式文件怎么打开如何打开.asf文件asf格式文件怎么打开.asf文件用Windows Media Player就可以打开,.asf文件是微软自己的媒体格式。打开.asf文件方法如下:1、右键.asf文件,选择打开方式。2、在

2025年2月27日 06:30

position属性relative(position定位属性中absolute和relative的区别)

position属性relative(position定位属性中absolute和relative的区别)

本文目录position定位属性中absolute和relative的区别position的值relative和absolute定位原点是position定位属性中absolute和relative的区别bsolute指绝对位置,就是说设定

2025年2月23日 00:00

pilot音标(英语China’s largest pilot怎么翻译)

pilot音标(英语China’s largest pilot怎么翻译)

本文目录英语China’s largest pilot怎么翻译1 what’s she like 是什么意思 2 pilot 有几种发音 分别是什么pilot和university中的i读音相同吗英语单词pilot读法pilot的音标宇航员

2025年3月31日 21:00

“都是”是什么意思?都的意思是什么

“都是”是什么意思?都的意思是什么

本文目录“都是”是什么意思都的意思是什么都是什么“都是”是什么意思意思是全是,完全是或者表示全部包括在内。读音:dōu shì示例:幸福都是奋斗出来的。把蓝图变为现实,将改革进行到底,无不呼唤不驰于空想、不骛于虚声的奋斗精神,无不需要一步一

2025年2月21日 01:00

javascript是一种什么语言(javascript属于什么样的语言)

javascript是一种什么语言(javascript属于什么样的语言)

本文目录javascript属于什么样的语言javascript是啥JavaScript是什么类型语言javascript是什么语言javascript属于什么样的语言Javascript是一种由Netscape的LiveScript发展而

2025年4月4日 09:40

ability是什么意思(Ability什么意思)

ability是什么意思(Ability什么意思)

本文目录Ability什么意思ability的用法ability是什么意思“ability”是什么意思ability什么意思Ability什么意思能力的意思。ability英   n.能力;才能;本领;才智1、动词 + abilityhav

2025年3月2日 06:20

camera(camera是什么意思翻译)

camera(camera是什么意思翻译)

本文目录camera是什么意思翻译CAMERA是什么意思camera是什么意思英语单词camera是什么意思camera 的意思是什么怎么读camera英语翻译是什么意思Hover Camera该不该买HoverCamera小黑侠跟拍折叠智

2025年3月5日 22:10

ionic vue(大前端学习)

ionic vue(大前端学习)

本文目录大前端学习如何用vue.js和ionic搭建前端框架大前端学习学习前端的知识图,分为8个阶段,前端的前景是很不错的,如果学的可以,找到工作是没有问题的,希望你能找到好的工作。前端学什么如何用vue.js和ionic搭建前端框架前端可

2025年3月25日 13:40

史上最贵的域名cars.com价值8.7亿美金,大家觉得cars.vip怎么样?cars.com和cars.vip这两个域名哪个好

史上最贵的域名cars.com价值8.7亿美金,大家觉得cars.vip怎么样?cars.com和cars.vip这两个域名哪个好

本文目录史上最贵的域名cars.com价值8.7亿美金,大家觉得cars.vip怎么样cars.com和cars.vip这两个域名哪个好英语里的伤疤Scabs怎么念史上最贵的域名cars.com价值8.7亿美金,大家觉得cars.vip怎么

2025年3月17日 02:50

最基本的表格制作方法(如何制作一张表格)

最基本的表格制作方法(如何制作一张表格)

本文目录如何制作一张表格表格的制作方法电脑word表格制作教程如何制作一张表格Microsoft Word 提供了几种创建表格 (表格:表格由一行或多行单元格组成,用于显示数字和其他项以便快速引用和分析。表格中的项被组织为行和列。)的方法。

2025年3月24日 15:20

webapi测试(webapi 返回类型到底应该是什么才合适,这是个问题)

webapi测试(webapi 返回类型到底应该是什么才合适,这是个问题)

本文目录webapi 返回类型到底应该是什么才合适,这是个问题如何测试webapi controller如何让webapi只接受ajax请求如何使用web api测试工具siege和ab的post方法来发送json数据 / 蓝讯web测试,

2025年3月3日 13:20

数据库删除语句(如何删除数据库中的一行)

数据库删除语句(如何删除数据库中的一行)

本文目录如何删除数据库中的一行mysql中怎么删除一个数据库如何删除数据库中的一行删除语句的基本结构为DELETE FROM 表名称 WHERE 列名称 = 值如果筛选条件多余一列的时候可以使用 AND或OR将条件连接起来例如有一张Pers

2025年3月15日 03:00

jqgrid隐藏列(jqgrid控制列的隐藏显示,怎么使table的宽度不变)

jqgrid隐藏列(jqgrid控制列的隐藏显示,怎么使table的宽度不变)

本文目录jqgrid控制列的隐藏显示,怎么使table的宽度不变在js中怎么改变jqgrid行数据jqgrid怎么用js改表格数据如何利用jqGrid表格插件显示和隐藏表格字段搭建jqgrid框架,但是页面什么都不显示, 哪里出错了jqgr

2025年2月13日 21:30

equalsandhashcode(hashcode和equals的关系是什么)

equalsandhashcode(hashcode和equals的关系是什么)

本文目录hashcode和equals的关系是什么equals和hashcode的区别,hashcode的作用hashcode和equals,怎么理解这段话,最好举例hashcode和equals的关系是什么hashcode和equals的

2025年2月18日 19:20

近期文章

folderbrowserdialog(folderBrowserDialog1 的使用C#)
2025-04-05 01:30:01
本站热文

harbor,port,pier的区别?谁能解释“harbour“(港口)与“pier“(码头)的区别
2025-02-22 17:40:03 浏览:18
ibatis foreach(ibatis 批量update操作)
2025-02-10 23:40:06 浏览:7
endless rain(endless rain表达什么情感)
2025-02-14 06:00:02 浏览:6
标签列表

热门搜索