做静态网页是只需要HTML和CSS就可以实现了吗?需不需要JavaScript?
是需要的,一些特效还是需要js来实现的。
1、一个纯静态网页大致包括html css js 。
2、一般HTML是一个网页的骨架,css是修饰这些骨架的样式,js是实现一些特效的。
3、现在主流的前端是div+css布局来实现的。HTML只用来布局,而css负责所有样式的修饰。
4、这只是pc的静态网页,对于移动端或者是响应式则需要js来参与基本的布局,比较复杂。
动态网页和静态网页的最大区别是什么?
动态网页和静态网页最大区别在于:
使用动态的网站使用搜索引擎时需要一定的技术才能适应搜索引擎的要求,静态网页没有这个问题。
静态网页每个网页中都有一个固定的URL,网页URL以htm、HTML、shtml等常见形式为后缀,而且不含有问号。
而且静态网页是实实在在保存在服务器上的文件,每个网页都是一个独立的文件,内容相对稳定,交互性较差。但是动态网页并不是独立存在于服务器上的网页文件,只有当用户请求时,服务器才会返回一个完整的网页。这也是非常重要的区别。
扩展知识:
网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说,您的网站就是由网页组成的,如果您只有域名和虚拟主机而没有制作任何网页的话,您的客户仍旧无法访问您的网站。
网页是一个包含HTML标签的纯文本文件,它可以存放在世界某个角落的某一台计算机中,是万维网中的一“页”,是超文本标记语言格式(标准通用标记语言的一个应用,文件扩展名为.html或.htm)。网页通常用图像档来提供图画。网页要通过网页浏览器来阅读。
静态网页一般是纯客户端运行的代码,访客即为客户端,他看到的html代码一般就是你设计的html源代码,静态网页动态化一般是网页里加入些动态gif图片flash或加入了一些网页特效(www.jscode.cn)之类的,看起来网页丰富多彩 而动态网页一般指用asp,php,jsp,.net等网络编程语言写在运行于服务器端的代码,然后再将服务器端代码执行成html代码显示在客户端浏览(访客是无法看到这个文件的源代码的,看到的只是比如asp代码通过服务器执行过后的html代码) 他们最大的区别在于动态网页可以实现信息的交互功能,比如留言板。静态网页是无法完成这些的。
HTML能干嘛?
首先,当然是写网页了,其次还可以开发桌面应用和移动应用,下面我大概介绍一下如何将一个写好的网页打包成一个桌面应用(exe)和移动应用(apk),以供电脑和手机使用,主要借助NW.js和HBuilder这两个工具,主要步骤如下:
为了方便演示,这里新建了一个简单的app.html网页,主要代码如下,很简单,下面的打包都以这个网页为例:
浏览器打开这个html文件,截图如下:
打包桌面应用exe,这里需要NW.js这个工具,NW.js是Intel开发的一个基于node.js和chromium的程序运行环境,打包html网页很快。
1.首先需要下载NW.js,这个直接到官网下载就行,地址,如下:
2.下载完成后,随便解压到一个本地目录下边,如下(部分解压文件截图):
3.在当前解压目录下边新建一个app目录,把我们的测试html文件app.html放到里面,同时新建一个package.json文件,配置如下,主要指明入口文件和应用名称:
此时当前app目录内容截图如下:
4.接着就开始打包过程,这里需要下载Enigma Virtual Box,地址,如下:
5.将app目录下边的app.html文件和package.json文件压缩为app.zip,重新命名为app.nm,如下:
6.将app.nw复制到NW.js解压目录下面,打开cmd窗口,输入如下命令,在当前目录下边会生成一个app.exe文件:
7.打开Virtual Box,除了app.exe文件外,其他文件都放到里面进行压缩打包,如下:
8.打包完成后,会在当前目录下边生成一个app_boxed.exe文件,这就是我们可以直接双击运行的文件,如下:
双击运行这个exe文件,运行截图如下:
打包移动应用apk(以安卓为例),这里需要HBuilder这个工具,直接可以在云端进行打包封装,不需要本地再配置安卓环境,打包速度也行。
1.下载HBuilder,这个直接在官网下载就行,地址,如下:
2.下载完成后,随便解压到本地一个目录下边,如下:
3.双击打开HBuilder.exe文件,新建一个移动App应用,选中Hello H5+,如下:
4.把app.html这个文件放到app目录里边,应用结构目录如下:
5.打包前首先需要在manifest.json中配置好相关参数,如下:
接着右击app应用,选择“发行”->“云打包-打原生安装包”,这里我以安卓为例,所以选中Android,点击打包即可,如下:
6.云端打包完成后,会自动下载到本地,如下:
7.默认会下载到这个应用的unpackage的release目录下边,如下:
8.发送到安卓手机,安装后如下:
程序运行截图如下;
至此,我们就完成了html文件的打包,分别打包成桌面exe和安卓应用apk。总的来说,这个过程不难,熟悉熟悉,很快就能掌握了,网上也有许多这方面的教程可供学习和参考,你可以搜索学习一下,希望以上分享的内容能对你有所帮助吧。

