一、 引言（简要说明设计题目的目的、意义、内容、主要任务等） 1. 设计题目的目的、意义 DIV+CSS是网站标准（或称“WEB标准”）中常用术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。“DIV+CSS”是一种错误的说法。DIV只是HTML中的一个标签，而CSS是一种语言，这两者也根本不能成为对等。并且，“DIV+CSS”的话法也容易引起歧义。让大家认为WEB标准就一定要用到DIV，以导致了DIV标签的滥用。并且“DIV+CSS”也不能成为“WEB标准”的代名词，因为WEB标准不是单指两个语言，而是由XHTML（结构）、CSS（样式）、DOM（行为）组合而成的一种技术规范，他所实现的是数据、结构、样式、行为的分离，方便了管理与维护。所以这里请大家记住“DIV+CSS”是一种错误的说法。 XHTM是目前国际上倡导的网站标准设计语言，因为XHTML网站设计语言具有的基本特点，这种CSS＋DIV模式的网站设计具有一定的优势，不过目前在网站建设应用中CSS＋DIV模式也存在一些问题。本文综合网站技术和设计人员的体会，并从网页布局方面介绍DIV+CSS的一些用法。 2. 设计题目主要任务 （1）网页主题：本网页是个人主页,介绍个人信息、周边社交、日志文章、相册照片等。 （2）设计风格：基于校园书香气息，因此的设计偏重稳重严肃的颜色。这个主页是简单的国字型的。整个网页背景为深灰色的。top最顶部即logo是校园一景，营造气息。 Logo 下面是深褐色的menu,给人以稳重的感觉。 （3）配色方案：颜色搭配：网页是深灰色为底，深灰的底色配上校园图片以及咖啡色的底纹，让人感觉主页的主人是一个稳重、严肃和庄重并存。 3．设计题目要求 用DIV+CSS网页布局来设计一个展现本人信息的个人主页。注意：网站的菜单选择用CSS来完成。 1
二、 正文（课程设计的主要内容，包括实验与观测方法和结果、仪器设备、计算方法、编程原理、数据处理、设计说明与依据、加工整理和图表、形成的论点和导出的结论等。正文内容必须实事求是、客观真切、准确完备、合乎逻辑、层次分明、语言流畅、结构严谨，符合各学科、专业的有关要求。） 首先，在我们要用CSS布局制作个人主页时，要明确我们要用什么样的布局来制作，一个好的布局能让自己的主页更直观的表现其中的内容。下面是我自己制作的主页的布局结构图，以及制作好的主页。 头部 导航 正文1 正文2 JS效果 制作信息
2
相关推荐：
loading