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条)