《11制作首页的页头教学课件 高教版 中职 网页设计与制作(Dreamweaver CS5) .ppt》由会员分享,可在线阅读,更多相关《11制作首页的页头教学课件 高教版 中职 网页设计与制作(Dreamweaver CS5) .ppt(10页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、11制作首页的页头教学课件 高教版 中职 网页设计与制作(Dreamweaver CS5)制作首页的页头静态网站制作教学资源课件静态网站制作教学资源课件 下面开始制作范例网站的首页,如图所示,同学们可以根据步骤一步步地实现。1、在“石家庄市第二职业中专学校”站点中,新建“index.html”文件,文件头内容和页面属性同与第二章中的文章正文页面,这里不再赘述。2、单击“插入”菜单中的“表格”命令,插入一个13行1列的布局表格,表格宽度设置为960px,“边框粗细”、“单元格边距”、“单元格间距”都设置为0,单位都是象素,将该表格对齐方式设为“居中对齐”。3、在第一行的单元格插入“banner3
2、.swf”flash文件。制作如图所示的导航条制作如图所示的导航条 4、在布局表格的第二行单元格中插入一个无序列表,并依次输入:首页、学校概况、新闻中心、精品专业、教师风采、菁菁校园、招生就业、党群工作、资源中心、论坛”列表项。5、在任务栏上选中第二行单元格的标签,新建“类”样式规则“.dh”,“类型”具体样式规则如图5.42所示,并在“方框”中设置高度为:“30px”,下边框线的设置如图所示。6、新建“复合内容(基于选择的内容)样式规则:.dh ul,样式的边界设置如图所示。7、继续设置.dh ul的列表样式为“无”,即不显示列表符。8、新建“复合内容(基于选择的内容)样式规则:.dh li,即导航中列表项的样式,宽度和浮动属性设置如图所示。注意:注意:浮动可以使所有的列表项显示在一行里,默认每个列表项独立显示一行。9、新建“复合内容(基于选择的内容)样式规则:.dh a:link,样式的具体设置如图所示。10、新建“复合内容(基于选择的内容)样式规则:.dh a:hover(鼠标经过带链接文字的样式),样式的具体设置基本同于上图,只是将颜色值改为“#06f”。