用HTML怎么制作网页呢?静态网站的编写主要是用HTML DIV+CSS JS等来完成页面的排版设计 ‍ ,常用的网页设计软件有Dreamweaver、EditPlus、HBuilderX、VScode 、Webstorm、Animate等等，用的最多的还是DW，当然不同软件写出的前端Html5代码都是一致的。

　　一、网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。

　　二、网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。

　　三、网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。

　　四、网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件;

　　五、网页编辑方面：网页作品代码简单，可使用任意HTML编辑软件(如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作)。 其中： (1) html文件包含：其中index.html是首页、其他html为二级页面; (2) css文件包含：css全部页面样式,文字滚动, 图片放大等; (3) js文件包含：js实现动态轮播特效, 表单提交, 点击事件等等(个别网页中运用到js代码)。

么是 VitePress？

VitePress 是 VuePress 的下一代框架，是基于 Vue3+Vite 构建的静态站生成器。

原先的 VuePress 是基于 Webpack 构建，本地启动开发一个只有几个简单页面的文档站点需要等待的时间让人难以忍受。即使是HMR热更新也需要几秒钟的时间才能在浏览器中显示出来。

从根本上说，这是因为 VuePress 是 webpack 的一个应用程序。即使只有两页，这也是一个完整的 webpack 项目(包括所有的主题源文件)正在编译。当项目有很多页面时，情况会变得更糟：每个页面都必须先完全编译，然后服务器才能显示内容！

Vite 很好地解决了这些问题：几乎立即启动服务器，只按需编译正在服务的页面，以及闪电般的快速 hmr。所以基于 Vue3 和 Vite 的 VitePress 诞生了。

VitePress 的优势

1. VitePress 是 VuePress 的下一代框架，所以它有 VuePress 的所有优点；
2. 具有 Vite 的速度， 开发服务器启动快，热更新快，构建快，只按需编译正在服务的页面；
3. 利用 Vue 3 做的一些优化， JS 负载更容易解析，hydration 也变得更快。
4. 容易上手，VitePress 更多的是主观性的并且配置很少。
5. VitePress 是面向未来的：VitePress 仅适用于支持原生 ES 模块导入的浏览器，鼓励使用没有经过转换的原生 JavaScript 以及主题化中使用 CSS 变量。

总之，体验舒适，性能好，才有竞争力。开源字节基于vitepress推出官方技术文档，帮助大家做一些系统化的学习来提升自我的认知效率，从而提高我们的自我独立性。

如若转载，请注明出处：开源字节 https://sourcebyte.cn/article/107.html