《曙光大学网站首制作步骤》由会员分享，可在线阅读，更多相关《曙光大学网站首制作步骤（3页珍藏版）》请在金锄头文库上搜索。
1、“曙光大学曙光大学”网站首页制作步骤网站首页制作步骤1、 插入 1*1 表格，宽度：1003px，其余为 0。表格“居中”对齐。在单元格中插入图像： banner.jpg。 2、 新建页面文件，保存为 index.html。设置“页面属性”标题：曙光大学欢迎您。外 观 css：宋体 12px。 3、 光标定位于上一表格右侧。插入 1*13 表格，宽度：1003px，其余为 0。表格“居中” 对齐。设置第一个单元格宽度为第一个单元格宽度为8px，其余为，其余为82px。所有单元格属性设置为水平：居单元格属性设置为水平：居 中中。在第一个单元格中出入图像：arrow1.jpg。其余单元格中设置背景
2、图像： naviback1.jpg（此步骤需在代码中修改） ，然后输入导航栏文字（首页、学校概况、学 校新闻、实训基地、教育科研、学术交流、招生信息、就业信息、对外合作、教育创 新、心理咨询、校园风采） 。 4、 光标定位于上一表格右侧。插入 1*1 表格，宽度：1003px，其余为 0。表格“居中”对 齐。单元格属性设置：高单元格属性设置：高25px，水平：居中，水平：居中。输入“欢迎您访问曙光大学！资源 共享、信息传递的平台。 ”文本颜色设置为#b822dd。 5、 光标定位于上一表格右侧，插入 1*2 表格，宽度：1003px，其余为 0。表格“居中”对 齐。设置左侧单元格属性：宽度：左
3、侧单元格属性：宽度：250px，水平：居中，垂直：顶端，水平：居中，垂直：顶端。在左侧单元格中 插入表格（12*1） ，宽度：238px，其余为 0。 6、 在左侧第一个单元格中设置属性：高度：40px，水平：左对齐，背景图像： loginback.jpg。输入文本“ 用户登录” ，设置文本格式为黑体、18px、白色字。 7、 光标定位于第 2 个单元格中，设置单元格属性：水平：居中，垂直：顶端，插入图像： loginpic.jpg。 8、 光标定位于第 3 个单元格中，设置单元格属性：高度：4px。切换到代码视图，删除单 元格代码中的 。 9、 光标定位于第 4 个单元格中，设置单元
4、格属性：高度：29px，水平：左对齐。背景图 像为 friendback.jpg，文本格式为黑体、16px、颜色#000033。输入两个全角空格后输入 文本“友情链接” 。 10、光标定位于第 5 个单元格中，设置单元格属性：高度：244px，水平：居中，垂直： 顶端，背景图像为 friconback.jpg，再插入 1*1 表格，宽度：225px，其余为 0。输入 8 行文本(文本内容是 8 所大学的名称，随意输入)。 11、光标定位于第 6 个单元格中，设置单元格属性：高度：4px，背景图像为 friendbottom.jpg，切换到代码视图，删除单元格代码中的 。 12、选中第
5、7、8、9 三个单元格，设置单元格属性：高度：55px，水平：居中，垂直： 居中，分别在三个单元格中插入图片：corp.jpg、set.jpg 和 conf.jpg。 13、光标定位于第 10 个单元格中，设置单元格属性：水平：居中，垂直：顶端。插入 1*3 表格，宽度：238px，其余为 0。设置三个单元格的宽度分别为：111px、123px 和 4px。 （1）光标定位于左侧第 1 个单元格，设置单元格属性：水平：居中，垂直：居中，高 度：32px，背景图像为 createback.jpg，文本格式为宋体、14px、颜色为#000066，输入 文本“教育创新” 。 （2）光标定位于左侧第
6、2 个单元格，设置背景图像为 createbacks.jpg。 （3）光标定位于左侧第 3 个单元格，插入图像 createright.jpg。14、光标定位于第 11 个单元格中，设置单元格属性：水平：居中，垂直：顶端，背景 图像为：createlr.jpg。 （1）插入 7*2 表格，宽度：225px，其余为 0。 （2）设置左侧列宽为：24px，高：22px，水平：居中。在该列的前 6 个单元格中分别 插入图像 arrow2.jpg。 （3）设置右侧列宽为：201px，高：22px，水平：左对齐。输入如下图所示的文字内 容。（4）将最后一行的两个单元格合并，设置水平：右对齐，输入文本“m
7、ore” 。 15、 光标定位于第 12 个单元格中，设置单元格属性：高度：11px，删除代码中的 ，插入图像 createbotto.jpg。 16、光标定位于右侧区域，设置水平：居中，垂直：顶端。插入 8*1 表格，宽度：750px， 其余为 0，居中对齐。 17、在第 1 行单元格中插入 1*3 的表格，宽度：750px，其余为 0。分别设置三列的宽度为： 115px、631px、4px。 （1）设置第 1 列高：29px，水平：居中，背景图片为：schoolback.jpg，文本格式为 宋体、15px、颜色为白色，粗体，输入文本“学校新闻” 。 （2）设置第 2 列背景图片为
8、：schoolbacks.jpg。 （3）在第 3 列中插入图像：schoolright.jpg。 18、设置第 2 行单元格水平：居中，垂直：顶端，背景图像为：schconback.jpg。插入 1*2 表格，宽度：740px，其余为 0。 （1）设置第 1 列：宽度：320px，高度：260px，水平：居中，垂直：居中，插入图 片 schoolnews1.jpg。 （2）设置第 2 列：宽度：420px，水平：右对齐，垂直：顶端，插入 18*3 表格，宽 度：410px，其余为 0。从左至右三列的宽度分别为 24px、306px、80px。合并第 1 行，设置单元格高度为 32px，水平：
9、左对齐，文本格式为：15px， 颜色：#F00，粗体，输入头条新闻标题文字“ 曙光大学实训设备采购邀请函” 。将所有偶数行分别进行合并，设置单元格水平对齐为：左对齐，高：3px， 删除代码中的 ，设置背景图像 dot.jpg。设置第 3 行第 1 列单元格：高 23px，水平：居中，插入图片 arrow2.jpg。设置第 3 行第 2 列单元格水平：左对齐，输入文字“曙光大学召开“三化” 改革工作会议” 。设置在第 3 行第 3 列水平：左对齐，输入文字“2009-5-16”其余各行制作方法同上。 19、设置第 3 行单元格高度：4px，删除代码中的 ，插入图片：schoolb
10、ottom.jpg。 20、设置第 4 行单元格水平：居中，垂直：顶端，插入 1*2 表格，宽度 750px，其余为 0。 （1）设置左侧第 1 列单元格水平：居中，垂直：顶端，宽度：375px，插入 1*1 表格， 宽度：368px，其余为 0，设置该单元格高：27px，水平：居中，背景图像：eachback.jpg，再插入 1*2 表格 1，宽度：340px，其余为 0。设置左边单元格宽度：200px，水平：左对齐， 输入文本“学术交流” ，文本格式为：15px，白色，粗体。设置右侧单元格宽度：140px， 水平：右对齐，插入图片：eachmore.jpg。 将光标置于表格 1 的右侧，插
11、入 1*1 表格，宽度 364px，设置单元格高度： 160px，水平：居中，垂直：顶端，应用样式 eachborder(border:1px soild:#316ac5 ；margin- top:2px；)。 在上一表格内插入 12*3 表格，宽度为 350px。设置表格左列宽度：24px，高 22px，水平：居中。中列宽度：250px，水平：左对齐。右列宽度：76px，水平：左对齐。 在奇数行中输入文字，偶数行插入分隔线。步骤略。 （2）右侧单元格进行同样操作，步骤略。 21、设置第 5 行单元格水平：居中，垂直：居中，高度：136px，插入图片 schoolent.jpg。 22、设置第
12、 6 行单元格水平：居中，垂直：居中，插入 1*3 表格，宽度：745px，其余为 0。 （1）设置左侧单元格宽度：149px，高度：39px，水平：居中，背景图像： masterback.jpg，输入文本“ 人才信息” ，文本格式为 18px，白色，黑体。 （2）设置左侧单元格宽度：589px，背景图像为 masters.jpg。 （3）设置左侧单元格宽度：7px，插入图像/masterright.jpg。 23、设置第 7 行单元格水平：居中，垂直：居中，插入 1*2 表格，宽度：745px，其余为 0，表格背景图像为：masterlr.jpg。 （1）设置左侧单元格宽度：372px，水平
13、：居中，垂直：顶端。插入 1*4 表格 2，宽 度为 365px，其余为 0。设置第 1 列单元格宽度：28px，高度：25px，插入图像 studentimagesinfo.jpg。设置第 2 列单元格宽度：77 px，输入文本“ 招生信息” ，文本格式为：14px 粗体，颜色： #174789。设置第 3 列单元格宽度：220px，插入图像 studentimageschange.jpg。设置第 4 列单元格宽度：40 px，插入图像 studentimagesmore.jpg。将光标放置于表格将光标放置于表格 2 的右侧的右侧，插入 2*2 表格 3，表格宽度：365px，其余为 0。
14、合并左侧两个单元格，设置单元格宽度：109px，水平：居中，插入图像 studentimagesmain.jpg。设置右侧上方单元格宽度：256px，高度：23px，水平：左对齐。输入文本 “曙光大学招生计” ，文本格式：颜色：#006600，粗体。 将光标放置于表格将光标放置于表格 3 的右侧的右侧，插入 2*2 表格，宽度：350px，其余为 0。设置左侧单元格宽度：24px，高 22px，水平：居中。插入字符“” 。 设置右侧单元格宽度：326px，水平：左对齐。分别输入文本“2009 年全国高 校计划招生 629 万”和“各地中学生踊跃报名曙光大学” 。 （2）右侧单元格制作过程同上，步骤略。 24、设置第 8 行单元格水平：居中，高度：4px，删除代码中的 ，插入图像 masterbottom.jpg。 25、制作版权信息 将光标置于页面主体内容表格的右侧，插入 1*1 表格，宽度 995px，其余为 0，居中。 单元格设置为水平：居中。输入三段文本“曙光大学版权所有2009” 、 “中国河南开封 曙光大道” 、 “推荐使用 1024*768 分辨率浏览本站” 。
