DIV+CSS网页设计课件.rar
- 下载名称：DIV+CSS网页设计课件.rar
- 下载类型：电脑技术课件
- 下载方式：免费版
- 更新时间：10-15 13:19:43
- 下载要求：无需注册
- 下载次数：6128次
- 语言简体中文
- 大小：575 KB
- 推荐度：3 星级
《DIV+CSS网页设计课件.rar》下载简介
标签：中职教育免费课件下载,中职教育免费,
DIV+CSS网页设计课件
所有的设计第一步就是构思，构思好了，一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来，以下是我构思好的界面布局图。
下面，我们需要根据构思图来规划一下页面的布局，仔细分析一下该图，我们不难发现，图片大致分为以下几个部分：
1、顶部部分，其中又包括了LOGO、MENU和一幅Banner图片；
2、内容部分又可分为侧边栏、主体内容；
3、底部，包括一些版权信息。有了以上的分析，我们就可以很容易的布局了，我们设计层如下图:
根据上图，我再画了一个实际的页面布局图，说明一下层的嵌套关系，这样理解起来就会更简单了。
DIV结构如下： │body {} /*这是一个HTML元素，具体我就不说明了*/ └#Container {} /*页面层容器*/ ├#Header {} /*页面头部*/ ├#PageBody {} /*页面主体*/ │ ├#Sidebar {} /*侧边栏*/ │ └#MainBody {} /*主体内容*/ └#Footer {} /*页面底部*/
至此，页面布局与规划已经完成，接下来我们要做的就是开始书写HTML代码和CSS
接下来我们在桌面新建一个文件夹，命名为“DIV+CSS布局练习”，在文件夹下新建两个空的记事本文档，输入以下内容：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><link href="css.css" rel="stylesheet" type="text/css" /></head>
<body></body></html>
这是XHTML的基本结构，将其命名为index.htm，另一个记事本文档则命名为css.css。，
大小：575 KB
娑撳娴囩拠瀛樻閿涙碍婀扮粩娆愬閺堝绁┃鎰帳鐠愰€涚瑓鏉烇拷 閿涳拷 鐠佹澘绶遍弨鎯版閺堫剛鐝� 閵嗭拷
进入下载地址列表
Tag:电脑技术课件，中职教育免费课件下载,中职教育免费，中职教育课件 - 电脑技术课件
上一篇：Photoshop实例课件.rar
