曙光大学网站首制作步骤

《曙光大学网站首制作步骤》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、“曙光大学”网站首页制作步骤1、插入1*1表格，宽度：1003px，其余为0。表格“居中”对齐。在单元格中插入图像：banner.jpg。2、新建页面文件，保存为index.html。设置“页面属性”——标题：曙光大学欢迎您。外观css：宋体12px。3、光标定位于上一表格右侧。插入1*13表格，宽度：1003px，其余为0。表格“居中”对齐。设置第一个单元格宽度为8px，其余为82px。所有单元格属性设置为水平：居中。在第一个单元格中出入图像：arrow1.jpg。其余单元格中设置背景图像：naviback1.jpg（此步骤需在代码中修改），然

2、后输入导航栏文字（首页、学校概况、学校新闻、实训基地、教育科研、学术交流、招生信息、就业信息、对外合作、教育创新、心理咨询、校园风采）。4、光标定位于上一表格右侧。插入1*1表格，宽度：1003px，其余为0。表格“居中”对齐。单元格属性设置：高25px，水平：居中。输入“欢迎您访问——曙光大学！资源共享、信息传递的平台。”文本颜色设置为#b822dd。5、光标定位于上一表格右侧，插入1*2表格，宽度：1003px，其余为0。表格“居中”对齐。设置左侧单元格属性：宽度：250px，水平：居中，垂直：顶端。在左侧单元格中插入表格（12*1），宽度：

3、238px，其余为0。6、在左侧第一个单元格中设置属性：高度：40px，水平：左对齐，背景图像：loginback.jpg。输入文本“用户登录”，设置文本格式为黑体、18px、白色字。7、光标定位于第2个单元格中，设置单元格属性：水平：居中，垂直：顶端，插入图像：loginpic.jpg。8、光标定位于第3个单元格中，设置单元格属性：高度：4px。切换到代码视图，删除单元格代码中的 。9、光标定位于第4个单元格中，设置单元格属性：高度：29px，水平：左对齐。背景图像为friendback.jpg，文本格式为黑体、16px、颜色#0000

4、33。输入两个全角空格后输入文本“友情链接”。10、光标定位于第5个单元格中，设置单元格属性：高度：244px，水平：居中，垂直：顶端，背景图像为friconback.jpg，再插入1*1表格，宽度：225px，其余为0。输入8行文本(文本内容是8所大学的名称，随意输入)。11、光标定位于第6个单元格中，设置单元格属性：高度：4px，背景图像为friendbottom.jpg，切换到代码视图，删除单元格代码中的 。12、选中第7、8、9三个单元格，设置单元格属性：高度：55px，水平：居中，垂直：居中，分别在三个单元格中插入图片：corp

5、.jpg、set.jpg和conf.jpg。13、光标定位于第10个单元格中，设置单元格属性：水平：居中，垂直：顶端。插入1*3表格，宽度：238px，其余为0。设置三个单元格的宽度分别为：111px、123px和4px。（1）光标定位于左侧第1个单元格，设置单元格属性：水平：居中，垂直：居中，高度：32px，背景图像为createback.jpg，文本格式为宋体、14px、颜色为#000066，输入文本“教育创新”。（2）光标定位于左侧第2个单元格，设置背景图像为createbacks.jpg。（3）光标定位于左侧第3个单元格，插入图像crea

6、teright.jpg。14、光标定位于第11个单元格中，设置单元格属性：水平：居中，垂直：顶端，背景图像为：createlr.jpg。（1）插入7*2表格，宽度：225px，其余为0。（2）设置左侧列宽为：24px，高：22px，水平：居中。在该列的前6个单元格中分别插入图像arrow2.jpg。（3）设置右侧列宽为：201px，高：22px，水平：左对齐。输入如下图所示的文字内容。（4）将最后一行的两个单元格合并，设置水平：右对齐，输入文本“more”。15、光标定位于第12个单元格中，设置单元格属性：高度：11px，删除代码中的 ，

7、插入图像createbotto.jpg。16、光标定位于右侧区域，设置水平：居中，垂直：顶端。插入8*1表格，宽度：750px，其余为0，居中对齐。17、在第1行单元格中插入1*3的表格，宽度：750px，其余为0。分别设置三列的宽度为：115px、631px、4px。（1）设置第1列高：29px，水平：居中，背景图片为：schoolback.jpg，文本格式为宋体、15px、颜色为白色，粗体，输入文本“学校新闻”。（2）设置第2列背景图片为：schoolbacks.jpg。（3）在第3列中插入图像：schoolright.jpg。18、设置第2

8、行单元格水平：居中，垂直：顶端，背景图像为：schconback.jpg。插入1*2表格，宽度：740px，其余为0。（1）设置第1列：