静态网站开发（静态网站开发项目实训）

本文目录一览：

• 1、快来用 Nuxt 开发静态网站
• 2、静态网页设计
• 3、制作全静态网站的详细步骤
• 4、简要叙述静态网站制作的主要步骤？

快来用 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、、首先说一下程序制作，由于是全静态的网站，所以你用frontpage就可以了，只要会word的，基本上它也拿来就上手。网站制作出来以后，就是上传的问题了；

2、域名申请，你做网站的目的是，要把你的芦野御信息发布出去让大家看到，所以要申请一个简短并有一定实际意义的域名，比如.com、sina.com等；

3、购买空间，用来放置你的网站内容；

4、上传你的程序(网页)到空间，一般采取ftp工具来上传(断点续传)，上传上去脊者以后你的网陪岩页就可以展示给别人了。

简要叙述静态网站制作的主要步骤？

一、整猛改简理规划。

网站建设的开始就应歼皮该有一个整体的战略目标，即确定站点的目标。

首先要有一个总的目标，这个网站到底是要做什么。有的要显示自己的设计水平，这就要求页面美观；有的是为了求职而设计的求职网站，这就要求提供足够的信息让别人了解你的工作能力；有的是要为用户服务，这就要求网站有较强的互动性，而枝裤本站建设之初的主要目的就是为了本人更好的学习网络知识，只是兴趣而已，

确定好目标之后，还要决定网站的目标观众。

二、新建站点

规划好站点之后，就可以用专门的网页开发软件创建站点了。

三、收集资源

确定好站点目标和结构之后，接下来要做的就是收集有关网站的资源。

四、布局页面

设计站点结构和收集了足够的资源之后，就可以开始布局页面了。在Dreamweaver中，可以通过以下手段进行排版

五、编辑文档与超级连接

经过上面的几个步骤之后，一切准备工作都已经就绪，现在可以像装箱一样把收集到的资料及制作的组件放到页面布局中为它们指定的位置上了。

六、发布站点

站点的发布

网站发布就是把网站上传到因特网上，以提供浏览者浏览。

站点的维护

站点发布之后还要经常对站点进行维护。站点维护是指不断优化网站功能和更新网页内容。维护网站的目的是使网站的结构规划合理、内容与形式统一、主题鲜明，经常更新网页内容，让网站与时俱进。