尽管我已经学会了使用HTML / CSS和JavaScript进行编码,但我发现建立网站很困难。 我该怎么做才能开始建立网站?

听起来很陈腐,但只要做到

从简单的内容开始–用一个文本段落制作一个HTML文档。 更改页面标题。 使用一些标签来创建链接,强调某些单词,插入换行符。

现在编写一些CSS –更改页面的前景色和背景色,更改字体,更改文本大小。 乱七八糟的布局–限制页面的宽度,为您的段落添加一些边距,为它提供不同的背景。

现在编写一些Javascript-复制该段落并将其附加到文档末尾。 删除部分文字。 更改页面标题。

现在创建一个按钮,并将您的Javascript绑定到它,这样,在单击该按钮之前,它不会运行。 现在更改按钮的外观。 当用户指向它时,使其变色。

继续详述。 添加更多元素。 添加更多样式和功能。 添加更多页面。 将它们链接在一起。 插入一些图像,音频或视频。

一旦确定可以完成所有这些工作,就开始学习可以为您做些乏味的工作的框架-看看Bootstrap,JQuery等。开始学习一些服务器端代码。 使用浏览器中的开发人员工具来探索如何启发其他网站。 阅读有关Web开发和设计的书籍和博客,观看会议演讲和讲座,参加一些聚会。

建立样例作品集。 查找一个在线托管的地方。 写简历。 通过自由市场申请工作或寻找合同工作。

基本上,从简单开始,一次迈出一步,接受这是一个不断学习的过程,并且能力的实际例子比仅仅说明您的知识还有价值(我并不是在暗示您在这里这样做,唯一重要的是要了解这对您的职业至关重要。

对于我个人而言,我发现最好的事情就是开始试验并创建一些小部件,例如工具提示,内容卡,不同样式的页眉和页脚,导航/菜单。 我首先这样做,所以创建网站的主要任务被分解为非常小的和可管理的块。 我什至可以在现实生活中重用许多实验/小工具!

我想在这里说这句话,因为我认为这很重要,它可能不适用于您或其他人,但这一建议无疑将我推向了今天。 不要从学习框架开始 ,首先要对香草语言本身非常有信心(即CSS和JS,因为它们都有无数的框架!)。 您不想陷入选择框架,依赖框架的困境,而最终申请了一个甚至没有实现它的角色! 一旦您全面学习了语言本身,就可以适应任何框架。 只有在此之后,我才建议您研究流行的框架。 继续我的回答…

我将首先将精力集中在能够创建各种不同的布局上,这是为了确保您不会局限于一种样式。 只需从创建带有彩色网格和列的空白布局开始。 始终使您的布局具有响应性,让您真正适应媒体查询。 尝试让您的创造力在这里自由漫游。 如果您不觉得有创造力(我并非总是如此!),那么如何尝试复制/模仿并扩展现有的网站布局(例如Quora或您最喜欢的博客),那将是一个不错的开始。

在每天花费几个星期进行此操作,创建布局和组件,扩展Web开发工具库之后,您将为处理客户请求和开始自由职业做好更好的准备!

附带说明一下,如果您还没有的话,请尝试使用FreeCodeCamp。 我认为,坦白地说,这是使您的手变脏并做事的最佳方法之一! 如果您对要做的事情感到迷茫,他们还提供了一些出色的项目和任务供您完成。

我完全以相同的方式开始,但对如何做一无所知。 但是重点不是真正思考,而是要做。 在他人的工作中寻找灵感,进行创造,试验和发展。