一个静态网站制作实例.ppt

欢迎浏览我们的静态网站 昆院简介网欢迎您！ 昆明学院 信息技术学院 2009电子商务 岳磊 张忠全 网站设计思路 向网站访问者展示昆明学院的美好风光，激起访问者的喜爱之情 图文并茂，把昆明学院洋浦校区的主要建筑物及风景展示出来，配以说明性文字，把昆院之美完美地展现出来 网站的风格仿照昆明学院网站，采用以蓝色为主要色调，深红色次之，白色和黑色辅之。 网站的logo引用昆明学院网站的logo，经过稍加的修改 详细介绍 首页页面介绍 各分类组列表页面介绍 建筑物详细介绍页面介绍 网站页面的一些相关介绍 首页页面介绍 logo采用昆明学院网站logo的修改图 导航条栏目分别链接到“教学楼”、“宿舍楼”和“其他建筑”各自的导航页面 接下来是有昆明学院校训的H形楼梯的图片 中间的是介绍昆明学院历史沿革和基本情况的文字 页脚是制作人的姓名班级，相当于简要介绍 首页页面构架 返回 各分类组列表页面 把昆明学院洋浦校区的主要建筑进行分类，分为：教学楼、宿舍楼、食堂、其他建筑四组。 各分类组概括的页面，就是把各组的建筑列举出来。 同时，也可以通过左侧的详细导航条打开各自的页面 分类组列表页面构架 返回 建筑物详细介绍页面 把昆明学院洋浦校区的主要建筑进行分页介绍，每个建筑物一个介绍页面。 尽可能把洋浦校区所有的建筑物都介绍完整，每个建筑物都介绍了它的位置、命名规则等，让每一位浏览者尽可能的了解洋浦校区，激起每个昆院学生对洋浦校区的热爱。 建筑物详细介绍页面构架 返回 网站页面的一些相关介绍 当前页面可以链接到其他页面，但是不能本页链接本页。 每个页面都有一个标题，同时当前页和其他页面的链接标签的颜色是不一样的，让浏览者更清楚自己正在浏览的页面是哪一个。 如：浏览博雅楼页面时“博雅楼”的标签是这样： 的 浏览其他页面时候是这样： 的 博雅楼 博雅楼 结语 希望拙作能给大家带来耳目一新的感觉，希望能激起大家对我们洋浦校区的热爱 由于作者的能力有限，作品有点粗糙，请见谅！ 网站架构：岳磊 （09电子商务） 文本编辑：张忠全（09电子商务） 谢谢大家！