静态网站开发（静态网站开发背景）

本文目录一览：

• 1、什么是静态web开发(html页面)？
• 2、网页设计中静态网页开发所使用的3门技术分别是什么
• 3、使用python创建web静态网站
• 4、快来用 Nuxt 开发静态网站
• 5、设计静态网站常用的软件有哪些？

什么是静态web开发(html页面)？

1、HTML语言写的html页面

2、动态的web就是运用数据库的web网站

3、发展历程。。。略过。

4、PHP免费开源，安全性好，应用平台广，轻量级的语言，现在正处飞速上升阶段。语言相对java或者C这些语言还不够完善不够强大。但是对于做大多数网站都是没问题的，除非是一些机关网站或类似的安全级别的网站需要用java开发，其余都可以用PHP开发。所以在完善和安全上比java要差，据我了解也不如.net语言成熟。

5、bs与cs，通俗点讲：bs都是需要用浏览器打开的，也就是说bs架构的产品只要你有浏览器就可以用。而cs结构，都是需要下载的客户端软件。比如你的音乐播放器等等。

如果哪里说得不恰当的还请各位指出并加以改正。

网页设计中静态网页开发所使用的3门技术分别是什么

静态网页的搭建主要使用到Ps-完成页面设计、HTML+CSS3完成页面代码，然后是Js-完成简单的交互效果

使用python创建web静态网站

打开pyCharm企业版软件，创建一个Django项目，其中Django是一个Web框架，用于帮助开发交互式网站的工具。生成项目文件如下图所示：

在url.py文件中添加为：

在view.py文件中添加：

在templates文件夹中新建index.html文件

其中a为超链接标签，在此使用了一个模板标签，是用大括号和百分号（{% %}）表示的。{% url 'namespacename:index' %}是一个模板标签，指向url.py中index的URL模式匹配。在这个实例中，namespacename是对应的命名空间名称，index是URL模式。

快来用 Nuxt 开发静态网站

要开发 SEO 的静态网站，又想享受框架开发的舒适，于是选择 Nuxt，可用来生成静态站总还是有些蹩脚，比如默认不支持动态路由等。

这两个次版本的发布，终于让 Nuxt 开发静态网站方便多了！

先说亮眼新特性：

可以处理动态路由 和 nuxt start 真是太棒了。

target: 'static' + nuxt generate 生成的【完全静态】的应用又是什么意思呢？与之前 generate 生成的静态应用有什么区别？

我们先来看一下 Nuxt 官网的一张图，阐述了 Nuxt.js 应用一个完整的服务器请求到渲染（或用户通 nuxt-link 切换路由渲染页面）的流程

可以看到，在 SSR 中，服务端会执行 asyncData() 和 fetch() ，用来访问接口生成数据，从而在服务端就渲染出页面内容。

那么，在 generate 生成的静态应用中会怎样呢？如我们预料，生成的 dist 中的 html，就是执行过 asyncData() 和 fetch() 的有数据内容的文件了。

但是，当我们切换路由的时候，这两个函数又被调用了一遍，如果其中有接口调用，就会再次请求接口，拿回来最新的数据。问题是，这让页面切换变慢，而许多静态网站并不需要请求最新的数据。

于是，【完全静态】的应用就被千呼万唤召唤出来了，它的接口请求的数据定格在 generate 的时候，部署后不会再通过 asyncData() 和 fetch() 调用 API 了。这使得页面切换变得非常快。

可是，对于某些页面，我还想要最新的数据，怎么办呢？别担心，新版的 nuxt 还很贴心地支持了 Preview mode :

添加这个插件，然后在需要更新数据的页面 url 后面加上 ?preview=1 就可以做到了。

Going Full Static

NuxtJS 官方文档

设计静态网站常用的软件有哪些？

1. Jekyll

Jekyll是最受欢迎的开源静态生成工具之一，可以跨平台配置。Jekyll利用 Markdown 、 Liquid 、HTML 和 CSS 来生成静态的网页文件，它还支持从常见的 CMS。你能管理永久链接、类别、页面、文章，自定义布局等。非常适合产品页的博客网站。

2. Hugo

Hugo是另一个很受欢迎的用于搭建静态网站的开源框架。它运行速度快、使用简单、可靠性高。还可以提供更高级的主题和一些有用的快捷方式来帮助你轻松完成任务。适合展示网站和博客网站。

3. Hexo

Hexo 基于 Node.js ，除了可以用来快速搭建网站，还提供了丰富的主题和插件。且提供了强大的 API 来扩展功能，可以轻松完成迁移工作。

4. Gatsby

Gatsby 是一个越来越流行的开源网站生成框架。它使用 React.js 来生成快速、界面优美的网站。

5. VuePress

VuePress 是由 Vue.js 支持的静态网站生成工具，如果你了解 HTML、CSS 和 JavaScript，那么你可以无压力地使用 VuePress。

6. Nuxt.js

Nuxt.js 使用了 Vue.js 和 Node.js，但它致力于模块化，并且有能力依赖服务端而非客户端。不仅如此，它的目标是为开发者提供直观的体验，并提供描述性错误，以及详细的文档等。使用Nuxt.js 搭建静态网站，可以做到功能和灵活性两全其美。

7. Docusaurus

Docusaurus 是用 React 构建的，为搭建文档类网站量身定制。你可以使用所有的基本功能，像文档版本管理、文档搜索和翻译大多是预先配置的。如果你想为你的产品或服务搭建一个文档网站，可以试试 Docusaurus。

8. Eleventy

Eleventy 自称是 Jekyll 的替代品，旨在以更简单的方法来制作更快的静态网站。它更容易上手，还提供适当的文档来帮助你。

9. Publii

Publii 是用 Electron 和 Vue.js 构建的一个开源 CMS，它能使生成一个静态网站变得很容易。如果有需要，你也可以把你的文章从 WorkPress 网站迁移过来。此外，它还提供了与 GitHub 页面、Netlify 及其它类似服务的一键同步功能。

10. Primo

Primo 旨在使用可视化的构建器帮你构建和搭建网站，这样你就可以轻松编辑和部署到任意主机上。但目前开发工作仍很活跃，有些功能还不完善，但它是一个独特的项目。

希望以上工具能成功帮助到你搭建一个界面界面优美的网站。

静态网站开发的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于静态网站开发背景、静态网站开发的信息别忘了在云尚网络www.ysfad.net进行查找喔。