1、打开《地心引力》的官方站点,它的首页是这样的:
2、用表格化思维来观察这个网页的布局,其实它是这样的结构:
3、开始模仿:使用插入-表格-插入表格功能,创建11×7的表格。
4、将表格的尺寸调节到和图片一致(由于单元格内字号大小以及单元格边距的限制,单元格无法无限缩小,有时会卡在某一个尺寸无法继续缩小,此时则需要对上述参数进行调节,具体方法是将字号设置为1,将单元格边距设置为“无”)。
5、将表格和图片调整到完全一样大小之后,Ctrl+X剪切图片,选中表格,右键设置形状格式,并设置图片填充。
6、根据原图调整表格布局,这一步需要一定的耐心,表格调整的操作牵一发动全身,初学时不太好掌握,多练习练习就能找到窍门。
7、调整表格属性(边线、单元格边距、背景图片等),填入自己的内容。和原版的网页对比一下,是不是也同样有范呢?你也来试试吧!
最后再提醒一下大家,如果不习惯使用表格工具排版,你也可以使用参考线工具来达到同样的目的。
已有 22658 名学员学习以下课程通过考试
最需教育客户端 软件问题一手掌握
去 App Store 免费下载 iOS 客户端
点击加载更多评论>>