帮人做一个简单的HTML页面

2019-04-1911:07:10 10 422

帮人做一个简单的HTML页面

前言

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

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

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

帮人做一个简单的HTML页面

ps切片

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

帮人做一个简单的HTML页面

PS自动生成的HTML

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

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

帮人做一个简单的HTML页面

DIV框架编写导航

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

6.用锚点做为链接

帮人做一个简单的HTML页面

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

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

帮人做一个简单的HTML页面

写在最后

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

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:10   其中:访客  5   博主  5

    • avatar 发泡鲸 谷歌浏览器 Windows 7 1

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

        • avatar vijay 博主 Safari浏览器 iPhone iPhone OS 12_2 like Mac OS X) AppleWebKit

          @发泡鲸 多点技能多点机会吧。

        • avatar 子午物联网 火狐浏览器 Windows 7 3

          这玩意,不会

            • avatar vijay 博主 Safari浏览器 iPhone iPhone OS 12_2 like Mac OS X) AppleWebKit

              @子午物联网 这个还是简单的HTML,复杂了我也不会。

            • avatar boke112导航 谷歌浏览器 Windows 7 4

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

                • avatar vijay 博主 QQ浏览器 Windows 10

                  @boke112导航 哈哈 :razz: 还好吧,这就是玩电脑玩多了,啥都会一点点的那种。

                • avatar 小石 QQ浏览器  Note5 Build/MRA58K 1

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

                    • avatar vijay 博主 QQ浏览器 Windows 10

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

                        • avatar 小石 谷歌浏览器  Note5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.103 YaBrowser/19.4.3.352.00 Mobile Safari/537.36 1

                          @vijay 可视化编程给我的印象并不是很好😂

                            • avatar vijay 博主 QQ浏览器 Windows 10

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