1. 首页
  2. 生活随笔

帮人做一个简单的HTML页面

帮人做一个简单的HTML页面

前言

 晚上无聊的时候在逛QQ空间发现了大学墙里有个求助帮忙做网页的信息,于是便联系上了他,要求非常的简单,将PSD网页素材改为HTML页面,我想这应该是他们本学期的计算机作业吧,于是便象征性的收取了些费用。为什么收取费用呢?既然这是他的作业,那么他的老师应该是教过此类操作,可能是他上课不认真罢了。

下面就简单的记录下过程吧:

1.首先将PSD素材用PS软件打开,做稍微的调整后,用切片工具将素材划分

帮人做一个简单的HTML页面
ps切片

2.大致的划分后,保存为web所用格式,这个时候PS就自动生成了一个HTML页面了。

PS自动生成的HTML
PS自动生成的HTML

可以看到我们在PS内划分的区域都被保存为一张一张的图片了。

4.用DW编辑页面,导航的文字与网页内的文字运用DIV框架写出并固定位置。

DIV框架
DIV框架编写导航

5.用首页作为母版,做出其他页面。

6.用锚点做为链接

帮人做一个简单的HTML页面

7.将本地图片上传至图床

8.保存,大工告成,虽然很粗糙,但是交作业是完全没问题的。

帮人做一个简单的HTML页面

写在最后

虽然这次是帮别人做,但是也算是自己练练手吧。还有就是在学校老师讲课一定要认真听,要不然作业就完不成还只能叫别人来帮你做,自己到头来还是什么都不会。

去看你博客原创文章,作者:去看你博客,如若转载,请注明出处:https://www.7kanni.cn/1027.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论列表(10条)

  • 发泡鲸 2019-04-19 下午7:05

    原来现在体育老师还得会这么多手艺。

  • 子午物联网 2019-04-19 下午7:44

    这玩意,不会

  • boke112导航 2019-04-24 上午8:58

    看起来很熟练,博主技能很6666

    • vijay 回复 boke112导航 2019-04-24 上午9:13

      哈哈 😛 还好吧,这就是玩电脑玩多了,啥都会一点点的那种。

  • 小石 2019-06-05 下午8:25

    Dreamweaver?我没用过哎?只会使用编辑器对源代码进行一些简单的修改

    • vijay 回复 小石 2019-06-05 下午8:27

      Dreamweaver可以进行可视化操作,对于新入门的小白来说体验非常友好。

    • 小石 回复 vijay 2019-06-05 下午8:29

      可视化编程给我的印象并不是很好?

    • vijay 回复 小石 2019-06-05 下午8:33

      对于初入门的小白来说可视化操作可以减少他们对基本代码的知识,大佬的话就算了一个记事本就能写网页了。