life is wonderful

接着DIV+CSS实操一：经管系网页总体模块布局这篇博客继续，实现添加导航栏和友情链接栏，导航栏的下拉 菜单我们后续会加上。          先来HTML代码： 经管系 Dreamweaver8 本站首页 本系概况 教育教学 科学研究 招生就业 学生工作 党团建设 考研升本 实习基地 经管动态 通知公告

我们继续接着DIV+CSS实操一：经管系网页总体模块布局和DIV+CSS实操二：经管系网页添加导航栏和友情链接 栏这个系列的博文做经管系网页。这一次我们所要做的就是给内容版块添加标题栏，还有就是给制作信息版块添加链 接。这一篇博文基本就是做这些了，记着和前两篇博文比较效果。        还是老套路，写HTML代码时，一定要注意闭合标签，一定要注意代码的整齐承担和完整性，先来HTML代码：

其实很久之前就想实现这个功能，一直没有去付诸行动，大早上的就开始看老师讲过的一些简单的JS下拉菜单的 知识，可能是我们基础差，老师讲的也是非常基础的一些，但是我们还是没有听懂，仔细研究了一番，反反复复终于 实现了下拉的效果，后来在网上找这方面的教程和代码实例看，发现和自己写的还是有很大的区别，最近一直在深入 JS的学习，还没有学到这块，相信学到这块，自己可以写出更加简洁的下拉菜单的代码。由于

继续接着DIV+CSS实操系列的博文添加代码：DIV+CSS实操一：经管系网页总体模块布局，DIV+CSS实操二： 经管系网页添加导航栏和友情链接栏，DIV+CSS实操三：经管系网页内容模块添加标题栏和版权信息模块和 DIV+CSS实操四：经管系网页内容模块内容添加(一)。我们还是添加内容版块的内容，这一次是中间部分和右半部 分。由于中间的图片无缝滚动需要JS实现，我们后续加上。

首先我们先来打开经管系网页，看看网页效果是怎么样的。通过所学Web前端开发的知识，我们一步一步模仿出 标准的网页。我们知道DIV+CSS可以实现网页模块的总体布局，这基本取代了HTML中用table布局，DIV+CSS布局 更加灵活，改写代码方便。        经管系原网页截图：        我先开始做网页的整体模块布局草图：        下面开始编写代码：

我们继续接着DIV+CSS实操系列：DIV+CSS实操一：经管系网页总体模块布局，DIV+CSS实操二：经管系网页 添加导航栏和友情链接栏和DIV+CSS实操三：经管系网页内容模块添加标题栏和版权信息模块。今天我们就来给内容 模块添加内容，所有的内容都用超链接。        由于内容部分较多，我会分两次添加，先来左半部分内容的添加：        HTML代码： <!DOCTYPE h

在做经管系主网页的同时也在进行着中文系主网页的构建，果然是只有自己去实践了，才能遇到各种各样的问 题，然后再去寻找解决这些问题的方法，最后进行修改和不断的调试，最后达到自己想要的效果。中文系主网页构建 遇到的问题也很多，首先就是遇到了在排版链接文字时由于宽度是固定的文字过多造成折行显示，这种结果是不想要 的，还有就是想要多出宽度的文字用省略号代替。        上面的两个问题都是CSS样