网页设计课程之《”信息中心”网站的搭建》-网站布局和实现(二)
来源:互联网 发布:r语言的图和python 编辑:程序博客网 时间:2024/05/22 17:02
网页设计课程之《”信息中心”网站的搭建》-网站布局和实现(二)
网站名称正式确定为“云州大学信息中心”,(注:该名字是杜撰的)
基本的布局如下:
页眉导航栏将做成二级菜单,logo的右边放上信息中心的weibo,微信二维码;导航栏的下部分将放可自动滚动的幻灯片,用于展示网站和新闻资讯,幻灯片的下部分区域,将分成四块从左到右分别为:新闻公告、政策法规、服务指南、信息安全。页脚则放一下友情链接、学校地址、联系方式等。
在网页制作的过程中,每一部分都使用了CSS,只有幻灯片部分使用了一些Javascript和Jquery。每个元素,尤其是块级元素,需要了解他们的一些属性,细心的定位他们,这样网站才能很好的布局好。
在下一个博客中将分享我制作该网站的一些心得体会,包括简单的搜索框的制作,栏目制作。
0 0
- 网页设计课程之《”信息中心”网站的搭建》-网站布局和实现(二)
- 网页设计课程之《”信息中心”网站的搭建》-网站规划(一)
- 网页设计课程之《”信息中心”网站的搭建》-心得分享(三)
- 云州大学信息中心网站制作之二
- 使用Ajax重新设计信息中心网站的设想
- chapter7 网站设计和页面布局(二)
- 网站设计和网页设计的区别
- 网站设计的思考网页版面布局的原理
- 利用配置实现静态网页和网站快速搭建
- 网站设计的思考之网站的风格和设计
- 关于网页设计的网站
- 网页设计的一些网站
- 云州大学信息中心网站制作之三
- 从零开始实现一个电子商务网站----UI的设计布局(八)
- 网站设计的思考之网站的栏目和版块
- 如何搭建个人网站(二)之应用服务器搭建
- 网站建设中网页布局的方法技巧
- 网站统计功能的设计和实现
- oVirt & Openstack
- SPAN 的使用详解
- H5 WebGL Demo 例子
- altium designer 原理图无变化更新PCB时却反复删除添加元器件的处理方法
- 如何通过DOM对象,来解析xml
- 网页设计课程之《”信息中心”网站的搭建》-网站布局和实现(二)
- 242. Valid Anagram
- Sonatype Nexus安装
- 二叉树的基本遍历算法
- Scroller
- POJ 2182 Lost Cows
- 【HiveETL】电商零售行业实例—推荐系统、用户细分
- 云州大学信息中心网站制作之一
- A/B(乘法逆元)