多语言展示
当前在线:261今日阅读:91今日分享:37

网页中的相册是怎么做出来的

中心思想就是一句话,表格。前段时间刚开始看书的时候,看到表格的内容,并没有太在意。印象中就是一堆的单元格,就是罗列一些内容呗。但是今天随便浏览网站的时候,突然发现,表格无处不在。比如这两个图,一个是产品的,一个是影视的。所以,表格并不是单纯的罗列,更不是枯燥的文字,它其实很漂亮。
工具/原料
1

参考的素材网站

2

DREAMVERS软件

方法/步骤
1

首先,我们找到要参考的网站,在里面找到我们需要的素材。两个方法,一个呢,就是下载这个网页,然后在文件夹里面一张张的找出来,另一个就是,用F11键或者是审查元素找出来。审查元素的时候,最右面有一个放大镜,选择之后,鼠标点击需要的那个素材图片,找到代码里面格式为JPG的文件,然后点击,出现下图。左面就是当前页面的图片所在的位置,右面有个蓝色的图片链接,点击后,即可出现大图,接下来保存就是。对了,审查元素可以F11,也可以右键选择。同样的,这里面也可以看到表格额参数,包括宽高字体背景色等等

2

打开软件,新建首先 说明一下,我们就是大体做一个实验,但不是完全的仿制,只是要知道这样的东西是怎样做出来的。然后我们做个标题,比如,七月影视,然后更改字体,然后在出现的新建CSS规则里面,起一个名字,比如C1。接着就可以更改大小和颜色了,然后我们选择居中。

3

插入表格选择“插入”然后“表格”,会出现图一的对话框,这里面是表格的属性,你可以在这里直接输入,或者是先用默认的数值,然后根据实际进行调整。图二是默认的效果然后很明显的,表格之间的距离,不对,那么调大一下,比如,选中表格后,将间距改为10,

4

修改页面背景颜色如图 ,“修改”-“页面属性”-“背景颜色”,然后选取一个颜色,例如#EEE8DD。色板里面的颜色不够多的话,可以选择“跟随系统”找取。图二是效果

5

更改表格边框颜色选中表格,右键单击,“编辑标签”如图一,进入后:浏览器特定的:,然后找到“边框颜色”,更改。同样的方法选中表格,右键单击,“编辑标签”如图一,进入后:常规:,可以更改表格的颜色。如图三然后,在选择单列或单行时,可以分别修改表格的属性。

6

分别修改一下单元格的背景颜色方法是,选中某个/行/列,然后更改

7

插入图片步骤如图一,或者,打开文件夹,先整体选择,移过去,如图三,页面下栏,有一个缩小页面,变小一点,然后一张张的移到单元格里面去大体的结果如图四

注意事项
1

细心,繁琐,就是这样

2

右键有隐藏的功能,要利用起来

推荐信息