帮人做一个简单的HTML页面

作者 : 去看你博客 本文共681个字,预计阅读时间需要2分钟 发布时间: 2019-04-19 共1.05K人阅读

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

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
评论后隐藏内容依旧不可见怎么办?
首次在本站评论需要经过审核通过后才可显示,为了您的评论能尽快通过审核请勿恶意评论,评论通过后会在第一时间通过邮件的方式发送到您在本站的注册邮箱内!
下载后无法正常运行如何提供售后支持?
每一个程序都经过严格的测试后发布上线,99%的问题都是安装方法错误或环境缺少扩展导致。普通用户不提供技术售后(可进行留言,我们收到之后尽可能去解答,但不保证马上解决),会员用户可随时随地享受优质的售后技术支持与问题解答。更多说明请参考 VIP介绍。

10 评论

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

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

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

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

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

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

发表评论