完成整个页面
发布时间 2010-03-12

好,页面的大部分都设计完成了,还有下面这个表格,如果你已经听明白了,就可以跳过去不听了,如果想加深印象,就再跟我完成它。

  将光标定位在最后一行的某一单元格中,然后点一下标签选择器中的,标签选择器显示为“”,选中,单击属性面板中的合并单元格按钮,此行变为一个单元格

  在此单元格内插入一个一列二行的表格,选定表格,在属性面板中设置表格“对齐方式”为“居中对齐”,置其宽度为60%。
  然后将光标定位在第一行内,单击属性面板中的拆分单元格按钮,弹出“拆分单元格对话框(图1)选中“列”,表示拆分为列,单击“确定”,第一行就被拆为两列,通过隙髡ピ窨矶取?/P>

图1拆分单元格

  在第一个单元格内输入“添加到收藏夹”,使文字居中,Size为2,选中文字,在属性面板中的链接中输入:“javascript:window.external.AddFavorite
('http://www.51rich.net'")浏览器点击此链接时,会弹出对话框,可以将你的主页加到收藏夹中

  按下Tab键,光标跳到下一个单元格,输入文字“锐奇学堂欢迎您的光临!”,设置字体颜色为#CC0033,字的大小为2,文字为斜体,并将“锐奇学堂”四个字加粗显示。

  选中这句话,按下Ctrl+Tab键,切换到HTML编辑器窗口(图2)

 

图2添加marquee标签

  此时被选中的代码为:

    锐奇学堂欢迎你的光临!

  加入marquee标签,使其变为:

     锐奇学堂欢迎您的光临!

  这样在浏览器中,这行文字就会有走马灯的动态效果。

  怎么样,很有趣吧! 最后一行中插入横线和版权符的方法在第一章中已经介绍过了,这里就不再重复。
  好,整个页面的制作就讲完了,你都明白了吗?照着做一遍试试。

[ 点击数:] [打印本网页] [关闭本窗口]
相关内容
 
 

地址:上海市宝山区友谊支路304号      联系人:黄先生   手机:13901838552   Email: 235603756@qq.com                  登陆 

                         

Copyright @ All Rights Reserved 2006-2014