制作美食网站首页 - 图文

制作美食网站首页

1新建一个网页文档，在“标题”文本框中将标题设置为“美食网站首页”，如图1-1所示。

图1-1

2.执行“插入-表格”菜单命令，插入一个4行2列，宽为778像素，边框粗细为0的表格，并在“属性”面板中设置为“居中对齐”，“填充”与“间距”都设置为0，如图1-2所示。

图1-2

3.选中左侧所有的单元格，执行“修改-表格-合并单元格”菜单命令，将其合并。

4.将光标放置到合并后的单元格中，执行“插入-图像”菜单命令，插入一副图像到合并后的单元格中，如图1-3所示。

图1-3

5.将光标放置到右侧第1行单元格中，执行“插入-图像”菜单命令，将一个图像文件插入到单元格中，如图1-4所示。

图1-4

6.将光标放置到右侧第2行单元格中，在“属性”面板中将单元格的背景颜色设置为绿色（#CECC29），如图1-5所示。

图1-5

7.执行“修改-表格-拆分单元格”菜单命令，将设置了背景颜色的单元格拆分为7列，如图1-6所示。

图1-6

8.在拆分后的各个单元格中输入文字，文字大小为12像素，字体颜色为黑色，如图1-7所示。

图1-7

9.将光标放置到右侧第3行单元格中，在“属性”面板中将单元格的背景颜色设置为橙黄色（#FF9900） ，如图1-8所示。

图1-8

10将光标放置到第4行单元格中，执行“修改-表格-拆分单元格”菜单命令，将其拆分为两行，如图1-9所示。

图1-9

11.在“属性”面板中将拆分后的第2行单元格的背景颜色设置为橙黄色（#FF9900），如图1-10所示。

图1-10

12执行“插入-图像”菜单命令，在拆分后的第1行单元格中插入一幅图像，如图1-11所示。

图1-11

13执行“插入-表格”菜单命令，插入一个1行2列，宽为778像素，边框粗细为0的表格，在“属性”面板中把表格的对齐方式设置为“居中对齐”，“填充”和“间距”都设置为0，如图1-12所示。

图1-12

14在“属性”面板中将插入的表格的两个单元格的背景颜色设置为黄色（#E5B608）,如图1-13所示。

图1-13

15将光标放置到左侧单元格中，执行“插入-表格”菜单命令，插入一个4行1列，宽为140像素，边框粗细为0的嵌套表格，并在“属性”面板中将“填充”和“间距”都设置为0，如图1-14所示。

图1-14

16执行“插入-图像”菜单命令，在嵌套表格的第1行单元格中插入一个图像文件，如图1-15所示。

图1-15

17分别在第2、3、4行单元格中输入文字，文字大小为9像素，颜色为紫红色（#993300），如图1-16所示。

图1-16

18.将光标放置到右侧单元格中，执行“插入-表格”菜单命令，插入一个2行2列，宽为638像素的嵌套表格，并在“属性”面板中将“填充”和“间距”都设置为0，如图1-17所示。

图1-17

19将嵌套表格的背景颜色设置为白色，并将第1行单元格合并，然后在第1行单元格中插入一个图像文件，如图1-18所示。

图1-18

20在第2行右侧的单元格中输入文字，文字大小为9像素，颜色为灰色（#666666），如图所示。

图1-19

21执行“插入-表格”菜单命令，插入一个1行1列，宽为778像素，边框粗细为0的表格，并在“属性”面板中将对齐方式设置为“居中对齐”，“填充”和“间距”都为0，如图1-20所示。

图1-20

22将光标放置在表格中，在“属性”面板中将其背景颜色设置为橙黄色（#FF9900），如图1-21所示。

图1-21

23在设置了背景颜色的表格中输入文字，文字大小为12像素，颜色为白色，如图1-22所示。

图1-22

24单击“属性”面板上的“页面属性”按钮，打开“页面属性”对话框，在对话框中“将背景颜色”设置为灰色（#EEEEEE），“上边框”设置为0像素，设置完成后单击“确定”按钮，如图所示。

图1-23

24执行“文件-保存”菜单命令，将网页文档保存，完成后啊F12键浏览网页，如图1-24所示。

图1-24

本文来源：https://www.bwwdw.com/article/oydx.html