去看你博客

帮人做一个简单的HTML页面

作者 : 去看你博客 发布时间: 2019-04-19 872 人阅读

帮人做一个简单的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页面

写在最后

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

1. 本站付费资源来源于网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
去看你博客 » 帮人做一个简单的HTML页面

10 评论

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

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

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

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

    1. 这个还是简单的HTML,复杂了我也不会。

    1. 多点技能多点机会吧。

发表评论

  • 298会员数(个)
  • 188资源数(个)
  • 3本周更新(个)
  • 0 今日更新(个)
  • 622稳定运行(天)

提供最优质的资源集合

立即查看 了解详情