web开发过程_我如何创建网站:Web开发过程

news/2024/5/10 3:00:15/文章来源:https://blog.csdn.net/dfsgwe1231/article/details/107262616

web开发过程

许多人,尤其是初学者,认为开发网站纯粹是关于编码的,但事实并非如此。 如果您想创建一个像样的网站,还需要做很多其他事情。 当您实际使用代码或WordPress或其他CMS创建网站时,这只是一小部分。

当您完全了解网站的外观和工作方式时,创建网站相对容易。 对我来说,最困难的部分实际上是关于网站外观及其所有功能的想法。 因此,本文将向您展示如何创建网站。

注意:在这里,我主要谈论的是使用代码构建的网站,但是可以使用相同的过程来创建任何网站。

1.网站将要做什么

第一部分是获取有关网站将要做什么的尽可能多的信息。 如果您要为自己建立一个网站,这将相对容易,但是如果您要为其他人建立一个网站,则需要获取尽可能多的详细信息,以便您知道需要做什么。

在第一步中,我通常会写所有我需要做的事情,并且还要按照需要的顺序写。 对于写作,我只使用记事本,您可以使用任何您想要的东西,这并不重要。

2.创建站点地图

我要做的第二件事是创建一个Sitemap。 站点地图基本上可以解释事物之间的联系方式以及它们之间的关系。 那可以是网页,数据库或其他任何东西。 例如,在下面的图像中,我们看到了网站的所有部分,每个页面都可以或不能吸引您,并简要介绍了该页面将要具有的功能。

要创建站点地图,可以使用任何所需的工具。 它可以是Paint,Photoshop或其他任何东西。 我个人使用Microsoft Word,或者最近我一直在使用一个名为Figma的在线工具,由于它是免费的,而且非常简单,因此我最终可能会一直使用它。
3.设计一个网站

3.设计一个网站

第三部分和大多数人与创建网站相关的部分是实际设计。 在真正开始创建网站之前设计网站确实非常重要,因为使用代码本身的某些拖放软件来设计网站更容易。 这样,您就可以轻松地更改某些内容,如果您不喜欢它,或者您创建网站的人不喜欢他。

对于设计,我还使用Figma,因为它简单易用而且是免费的。 您可以使用任何喜欢的东西,但是最重要的是您喜欢该软件。 当设计对我或对我进行构建的人员看起来不错时,我便可以开始实际使用代码构建网站。

4.用代码构建网站

最后,我们进入了实际构建网站的部分。 我使用代码构建网站,但是如果您可以使用相同的过程使用WordPress或其他CMS构建网站。 无论哪种方式,这都不应该是您进行设计的部分,而应该是您之前构建设计的部分。

就我使用的技术而言,我使用HTML,CSS,JavaScript和一些Bootstrap来构建前端,有时我还使用jQuery。 对于后端,我将Python与Flask框架一起使用。 对于数据库,我使用SQLAlchemy。 这是我个人习惯于学习的一些课程:

  • 学习Web开发: Web Designer和Web Developers课程:学习HTML,CSS,JavaScript和jQuery
  • 学习Python: 完整的Python Web开发课程:学习Python和Flask

5.测试和启动网站

最后一步是测试您构建的所有功能是否正常运行,纠正未纠正的问题,并且当您知道自己的网站功能齐全且没有任何错误时,可以将其启动并启用,以供人们查看。 要启动网站,您需要虚拟主机服务器和域名。 您可以在许多好地方获得它们,我个人都使用Bluehost 。

结论

如您所见,创建网站的过程比编写代码还有更多的步骤。 将所有这些步骤放在一起时,您可以创建一个漂亮的网站。

希望本文对您有所帮助。 如果您喜欢本文,请确保与您的朋友分享。

另外,如果您认为我有任何遗漏或有其他问题,请务必在评论中发表您的问题,或通过 info@codequickie.com 给我发送电子邮件 ,我将很乐意为您解答。

翻译自: https://hackernoon.com/how-i-create-websites-the-process-of-web-development-1s993y3t

web开发过程

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

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

我如何创建网站:Web开发过程

许多人,尤其是初学者,认为开发网站纯粹是关于编码的,但事实并非如此。 如果您想创建一个像样的网站,还需要做很多其他事情。 当您实际使用代码或WordPress或其他CMS创建网站时,这只是一小部分。 当您完全知道网站的外观…

[514]使用httpstat测试网站响应时间

httpstat是用Python写的脚本,可以用来测试http服务器的回应速度。 httpstat本质上就是封装了cURL工具,所以它可以接受各种 cURL的选项。(-w、-D、-o、-s与-S除外,因为这些已经被 httpstat使用了) 安装httpstat 下载脚…

极限编程xp12个最佳实践_立即搜索40个最佳在线学习编程的网站

极限编程xp12个最佳实践如果您不熟悉编码,那么您会很高兴听到网络上有大量有用的资源来帮助全新的程序员从头开始学习编程。 实际上,该行业中一些最好的程序员是自学成才 ,没有计算机科学的正式学位。 使用这40个编码站点向您展示初始的编码…

vux flexbox使用_如何使用Flexbox建立专业网站

vux flexbox使用我在Web开发方面的经验 在与Flex-Box会面之前,我对CSS在Web开发方面的经验感到沮丧。 计算页面的页边距,宽度,对齐方式和高度的经验非常吸引人。 这使我的Web开发经验没有吸引力。 只有在特定属性中精确地输入数值的想法&…

react admin_下一个网站的10个React Admin仪表板模板

react adminReact是Web开发库中最流行的工具之一,但是就像您需要学习如何正确使用它一样, React是其中之一。 React与本机一起使用。 主要目的是使力量能够响应本机移动应用程序的开发。 React native在开发人员社区中很流行。 它拥有一个强大而充满激情…

将网站部署到github上_如何使用GitHub Actions将多个站点部署到Firebase

将网站部署到github上欢迎回来! 在本教程中,我们将学习如何使用GitHub Action自动将多个站点部署到Firebase托管。 GitHub提供了与其存储库集成的免费增值工具(对于开源免费) 。 我将使用在本教程的第1部分中创建的Get Reacted R…

编程 繁体编码_现在该是开始学习编码的时候了:2020年学习编程的前20+个最佳网站...

编程 繁体编码我敢肯定,我们中的许多人都想知道如何在大流行后的世界中留住相关专业人员。 显然,其中一种方法是学习编程。 现在,该行业的增长率为21%(高于任何其他领域),很明显,对优…

python网站开发实例 flask_基于Python-Flask实现的网站例子

使用说明 使用Flask制作的普通企业网站前台后台 包括管理员登录( 主要是后台文章发布的功能的实现),注意:使用对象 是 flask的初学者,说明文档有详细的教程,包括包的引用 ,程序目录如何安排关键…

建立网站需要什么条件_角点科技告诉你营销网站搭建需要什么条件?

营销网站搭建需要什么条件?营销型网站就是指具备营销推广功能的网站,在开始建站的时候就已日后的推广作为目的。让每一个环节,每一步都考虑到营销功能的需求,让网站一上线就具有利于优化推广的特征。但是很多人不了解营销网站搭建需要哪些条件,接下来就与…

c++cmath无法打开_C-NCAP网站是操作失误,莫让低级失误影响专业权威

12月23日,中汽中心C-NCAP进行了一次侧面碰撞测试后,发生了一件奇事。C-NCAP网站丢了,打不开了。于是,不少人好奇心大起,各种猜测由此而生。截至到现在,中汽中心C-NCAP官网竟然显示"暂时无法访问"…

aps mysql部署_宝塔Windows面板部署ASP、ASPX程序WEB网站环境方法

网友热度 118,060 ℃ - 2条评论老左在"宝塔Windows面板部署PHPMySQL环境建站过程"一文中简单分享到如何在Windows系统中安装宝塔面板(Windows)软件,然后配置PHPMYSQL程序的过程,如果我们单纯的是PHP程序的,其实我一贯建议直接用Lin…

php网站首页在哪,本地PHP网站session存储在哪

PHP配置文件中session.save_path负责session文件的存放位置。如果没有配置则不会生成session文件,如果配置的目录session.save_path "E:/ttt"不存在,则会报错:(推荐学习:PHP编程从入门到精通)Warning: session_start()…

openresty完全开发指南 pdf_京东高级工程师开发十年,编写出:“亿级流量网站架构核心技术”...

前言:相信大家都知道,说起亿万流量网站高性框架的设计方案,就能想到关键的两点,那就是高可用和高并发。而要谈对高并发和高可用有多熟悉,京东的大佬们还是有一定发言权,而作为京东高级工程师更是大佬级别。…

如何识别一个网站是正规合法的网站

参考来源:https://jingyan.baidu.com/article/642c9d341e53c6644b46f747.html 一、工信部备案信息查询 1.搜索“工信部网站备案查询”进入工信部网站。 2.进入工信部网站后点击右下角的“公共信息查询”。 3.进入ICP/IP地址/域名信息备案管理系统,点击左…

pip更新失败和下载速度慢问题(使用镜像网站)

本文内容,部分来源于网络 1.pip更新失败 https://blog.csdn.net/tscaxx/article/details/104253948 2.python pip下载速度慢的解决方法 ​ pip是python内置的非常好用的下载工具,基本可以下载全部的python库。它还有一个非常好的特点&#xff…

130 个相见恨晚的超实用网站,一次性分享出来

搞学习 CSDN: https://www.csdn.net/TED(最优质的演讲):https://www.ted.com/谷粉学术: https://gfsoso.99lb.net/scholar.html大学资源网:http://www.dxzy163.com/简答题:http://www.jiandati.…

网站防审查元素、防止打开调试工具 怎么解决?(大部分可以解决)

1.网站阻止使用右击和f12等 解决办法: 谷歌浏览器右上角菜单栏 浏览器菜单栏--->更多工具--->开发者工具 2.审查元素界面后,循环出现断点 解决办法: 点击(取消所有断点检测) 再点一下这里 3.检测窗口变化 解…

[转]memcached在大负载高并发网站上的应用(1)---简介

为什么80%的码农都做不了架构师?>>> 大家可能对memcached这种产品早有了解,或者已经应用在自己的网站中了,但是也有一些朋友从来都没有听说过或者使用过。这都没什么关系,本文旨在从各个角度综合的介绍这种产品&#…

SharePoint 2010开发实例精选——网站属性管理

本例通过自定义一系列的后台应用程序页面,在SharePoint Foundation 2010和SharePoint Server 2010中实现了SharePoint网站的属性定制管理。SharePoint中网站的元数据存储在哈希表SPWeb.AllProperties中。我们可以通过新的SharePoint 2010 API如SPWeb.GetProperty&am…

在Red Hat Linux5下构建LAMP网站服务平台之编译安装Apache与配置基于域名的虚拟Web主机...

在Red Hat Linux5下构建LAMP网站服务平台之编译安装Apache与配置基于域名的虚拟Web主机 2010-09-06 17:25:40标签:Linux RedHat Apache 虚拟主机 个人主页    [推送到技术圈] 版权声明:原创作品,允许转载,转载时请务必以超链接…