初中八年级信息技术课件-建立分页面

建立分页面学习任务

通过建立分页面，进一步运用主页制作中的一些方法，掌握新建各式网页和页面制作的一些技巧。相关知识新建各式网页命名新网页设置表格属性充实分页面内容一、建立分栏目网页新建分栏目网页的方法与新建主页类似。（1）单击菜单栏中的“文件”→“新建”→“网页”，选择“HTML”（如图14-1）。（2）单击“确定”按钮后，生成网页文件“无标题_1.htm”（如图14-2），可根据各分栏目名称将网页文件另存为合适的文件名。如“网络世界”根据网站栏目的设计，各个分栏目为“网络抬贝”、“网络交流”、“网络安全”及“网络生活”等，建立的相应网页文件为wlsb.htm、wljl.htm、wlaq.htm及wlsh.htm，文件夹列表如图14-3所示。二、充实分栏目网页内容与主页制作方法类似，分栏目网页一般也使用表格对版面布局，然后按栏目策划方案加入内容。制作时可参考如下页面制作技巧：1.调整表格指定宽度。通常采用改变表格宽度“百分比”来控制表格在页面中的比例。（1）右击表格，选择“表格属性”。（2）在“表格属性”对话框中，勾选“指定宽度（H）”复选框，选择“百分比”，在文本框中输入具体的数值，如输入“100”表示表格的宽度与网页的宽度一样，输人“50”则表示表格只占网页可视区域的一半，如图14-4所示。2.改变表格线外观。插入表格的默认“边框”粗细为“0”，预览时，看不见表格线。如要让表格线在预览时显示，则要将“边框”的粗细值设为具体的数值，如“1”。表格线“边框”粗细为“0”，虽然看不见表格线，但单元格之间仍有比较大的间距，会让人感觉线条的存在。只要合理地设置“单元格衬距”和“单元格间距”的参数，就能生成细线条的表格，浏览时看不到表格线，也感觉不到线条的存在，如图14-5所示。日积月累单元格间距指两个相邻单元格之间的距离；单元格衬距指单元格内容与单元格左边距和上边距之间的距离。亲身体验对单元格的“边框粗细”、“单元格衬距”等参数作不同的设置，观察网页表格线外观的变化情况。随堂练习1.根据设计的分栏目版块制作分栏目网页。2.在因特网上学习有关制作冈站的技巧，使分栏目页面更加精美。阅读材料使用CSS样式表在制作网页的过程中，往往要求整个网站的文本、表格的样式协调统一，若手工设置每个页面的文本、表格等格式，将会非常麻烦，使用CSS样式可以解决这一问题，并能提高网页制作的工作效率。级联样式表（CascadingStyleSheet，CSS）是由国际组织所制定的一套延伸HTML样式的新标准，用来控制网页内容的外观格式，包括版面的精确位置、特定的字体和格式，甚至图像、表格和图层等的位置和格式。为什么称之为“级联”呢？主要是因为可以应用多个样式表到同一个网页中。使用CSS样式表需要先创建字体新样式，然后再应用。一、创建字体新样式1.打开新的空白网页，在文件区中输入文字。2.在“格式”菜单中选择“新建样式”（如图14-6），弹出“新建样式”对话框。3.在“选择器”中输入样式名称，如“标题字”；在“定义位置”列表中，选择“当前网页”；设置“类别”列表中各个参数的属性，如文字的字体、大小、粗细、拉长、变窄、颜色等，如图14-7所示。4.单击“确定”按钮，完成CSS样式设置。二、运用字体新样式1.在莱单栏中选择“格式”→“CSS样式”→“应用样式”，打开“应用样式”任务窗格，如图14-8所示。2.选中要设置为“标题字”样式的文字，在“应用样式”任务窗格中，选择“标题字”样式