APP在线安装网页怎么做的?(内附源码)

网站源码 疯子墨 3年前 (2016-11-05) 1459次浏览 1个评论

最近有朋友问我APP在线安装网页怎么做的?像这种:

APP 在线安装网页怎么做的?(内附源码)

我查看了一下源代码,发现就是一个静态网页来的。网页分为:静态网页和动态网页

静态网页

在网站设计中,纯粹 HTML 格式的网页通常被称为“静态网页”,早期的网站一般都是由静态网页制作的。静态网页是相对于动态网页而言,是指没有后台数据库、不含程序和不可交互的网页。你编的是什么样显示的就是什么、不会有任何改变。静态网页相对更新起来比较麻烦,适用于一般更新较少的展示型网站。

动态网页:

是与静态网页相对应的,也就是说,网页 URL 的后缀不是.htm、.html、.shtml、.xml 等,而是以.aspx.asp、.jsp、.php、.perl、.cgi 等形式为后缀,并且在动态网页网址中有一个标志性的符号——“?”。

还有一种伪静态网页,伪静态网页它是介于静态和动态之间的,从名字我们就得知,伪静态并不是真正的静态,实际上依然还是动态页面。伪静态页面,其目的是为了更好地被搜索引擎收录,而通过一定的规则,把动态页面的地址转换成以 htm 或 html 结尾方式而已。

这里小编讲得是静态网页,我们可以用Dreamweaver来编辑和创建代码。

APP 在线安装网页怎么做的?(内附源码)

首先去下载个 Dreamweaver(关注微信:疯子墨 后台回复“DW”可以下载),也可以去百度下载,下载安装好。

APP 在线安装网页怎么做的?(内附源码)

把网页文件,HTML 格式那个(关注微信:疯子墨 后台回复“源码”可以下载)拖进去,我们看到如图所示密密麻麻的代码….不用怕,这个 Dreamweaver 软件很强大的,可视化编辑不是吹的,你点击“拆分”按钮试试?

APP 在线安装网页怎么做的?(内附源码)

一下就变成了一边是代码视窗,一边是网页视图窗口,我们再把鼠标放到视图这边,点击标题试试?是不是可以随便更改了?

纯文字我们可以随便改了,我们试下改带链接的文字和图片试试,选中一个有链接的文字。我们发现,链接有一个括号括起来的,同时还有双引号,像这样:<a href=”这里是链接”>这里是文字</a>,我们暂时不管它表示什么意思先,我们改链接试试看,看下图,怎么没显示啊?怎么办?

APP 在线安装网页怎么做的?(内附源码)

不要慌,仔细看下是不是改的时候删除了一个双引号,或者一个括号,代码这东西少一个双引号都不行的。所以仔细检查下,或者按”ctrl+Z“键撤销更改回来。现在明白一些程序员为啥总是黑眼圈了吧,调试一段代码往往都要花费好几个小时甚至更长,更别说一个完整的程序了?

扯远了,我们继续吧。刚才改了一个带链接的文字,我们在改下图片试试。同理,需要更改图片,我们把鼠标放到图片上,看看图片的代码是怎么样的。

APP 在线安装网页怎么做的?(内附源码)

比如我们改下微信这个图片,代码格式是:<img src=”images/wx.png”> 意思是说,这个图片在images 文件夹下,把鼠标放到这个代码上,我们看见下面属性上门,可以替换这个图片,如图,是不是可以直接更换图片了,前提是图片要制作好放在 images 这个文件夹下。当然这只是一种比较简答的方法,你也可以新建一个文件夹,然后把图片放到这个新文件夹里,代码格式更改一下,图片大小这些都是可以改的。

OK 了,其他下面那些链接,图片一样这样改,这里就不一一介绍了。如果有疑问的请在下面留言吧。

扫二维码关注疯子墨

APP 在线安装网页怎么做的?(内附源码)


来源/作者:疯子墨 (微信/QQ:973525196 公众号:fengzimo168)
本文地址:https://www.fengzimo.com/1932.html 欢迎转载,转载请注明作者名称。
喜欢 (1)
疯子墨
关于作者:
一个混迹于互联网边缘的人,关注IT互联网和自媒体的站长博客!
发表我的评论
取消评论
表情 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(1)个小伙伴在吐槽
  1. 很不错的样子⊙0⊙
    广告任务网2016-11-07 09:17 回复 Windows 7 | 搜狗浏览器 2.X