单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,20创建范例网站简介页面1教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5）,创建范例网站简介页面,1,静态网站制作教学资源课件,，,在本节我们将创建范例网站石家庄市第二职业中专学校网站的简介页面（文章正文页面），对第二章的知识点进行巩固提高。,石家庄市第二职业中专学校的简介页面，它由网页,LOGO,、导航菜单、本栏目内导航、正文和版权信息等几部分组成，这个页面所用到的基本技能，我们已经在本章的前几节进行了,学习,，制作过程简介如下：,新建站点,创建站点,“石家庄市第二职业中专学校”,，,本地站点根文件夹“,d:mysite1,”,。,，,新建网页文档,新建网页文档将“标题”文字改为“石家庄市第二职业中专学校”，按“,Ctrl+S,”快捷键，以“,gywm,”文件名保存。,设置页面属性,按“,Ctrl+J,”快捷键，打开“页面属性”对话框，在“外观”选项组中将“字体”设为“宋体”、“大小”设为“,12,像素”、“上边距”设为,5,像素。,插入网页关键字,“石家庄，二职,中职,教育,国办，权威，最好，最早，最好计算机学校，最早计算机学校，培训,计算机,专业,源码下载,外包,绿蕾工作组,计算机中专,计算机学院,计算机学校,计算机培训，电脑培训,技能培训,高端培训,软件前景,IT,技术，软件技术，软件课程,课程介绍,就业培训,就业服务,河北师范大学,河北理工大学，对口,对口升学,培训培训中心，计算机培训,成人高考,职业培训，技能”。,插入表格、规范网页布局,单击“插入”菜单中的“表格”命令，插入一个,7,行,1,列的表格，表格宽度设置为,960px,，“边框粗细”、“单元格边距”、“单元格间距”都设置为,0,，单位都是象素，将该表格对齐方式设为“居中对齐”。,插入图像,插入网站主题图片在刚生成表格的第一行中插入网站主题图片“,banner.gif,”。,制作导航栏,1,、,将插入点光标移到表格的第二行中，插入,1,行,10,列的导航栏布局表格，表格宽度：,950px,，“边框粗细”、“单元格边距”、“单元格间距”都设置为,0px,，对齐：“居中对齐”。,2,、,在导航栏相应的单元格中分别输入首页、学校概况、新闻中心、精品专业、教师风采、菁菁校园、招生就业、党群工作、资源中心、论坛。,3,、,将插入点光标移到导航栏布局表格的任一单元格中，单击“样式”面板中的“新建样式规则”按钮，创建在当前文档中应用的样式规则“,.daohang,”，“类型”功能区中设置字体大小：,14,像素，行高：,36,像素，粗细：粗体，“区块”功能区中设置文本对齐：居中，“方框”功能区设置“宽”：,95,像素，高：,36,像素。对导航栏布局表格中的每一个单元格应用样式规则“,.daohang,”。,网站内导航,将插入点光标移到页面布局表格的第三行中，输入：您当前的位置：石家庄市第二职业中专学校网站,学校概况,学校简介，新建样式规则：“,.wzlb,”，并应用。文字颜色设置为：,#0c73d2,，行高：,27,像素，背景颜色：,#eff7ff,，文字缩进：,10,像素，如图,2.98,所示，高度设为,27,像素，上边框样式：实线，上边框宽度：,1,像素，颜色：,#00F,。,