首页 | 入门教程 | 中级教程 | 高级教程 | 实用技巧 | 滤镜专区 | 动画教程 | 美术基础 | 文字教程 | 网站设计 | 照片处理 | 鼠绘教程 | 非主流 | ps论坛

网站导航

教程搜索: 类 型:    资讯/作品/教程在线投稿 个人作品推荐 业务咨询/信息反馈 论坛在线提问 广告服务 认证考试培训资料试卷
 精品素材下载 草坐网PS草坐网教程每日更新,热心为广大PS爱好者服务欢迎光临

TOP

网页设计教程-教你从最开始了解DIV+CSS
[ 录入者:xiaohan | 时间:2008-02-12 16:08:17 | 作者: | 来源:本站整理 | 浏览:15次 ]

第一讲 网页设计的基本认识
网页是由各种各样的元素组成,比如图片,文本,flash,流媒体等等。

网页的书写方式:
网页的书写方式分为两种,一种是所见即所得方式,一种是所见非所得方式。
所见即所得方式非常的简单。我们可以参考下DVBBS(论坛程序的发帖模式),这种模式非常的简单,易学,但是也是最没前途,最入门的方式。
我们这里主要学习的将是所见非所的方式,即XHTML代码及其语法模式,再配合上所见即所得方式的检测模式。

既然我们决定了一个制作网页的方法,我们就需要找一个个人顺手的软件。
目前比较通用的软件是Dreamwaver,通常我们简称它为DW,它的最新版本是CS3版本,这个版本加强了对XHTML中DIV+CSS以及脚本语言的书写方便性,非常适合制作网页。
当然,你如果能熟悉XHTML的标记,属性及语法模式,你也可以用一切可以书写文本的东西做出网页,比如说记事本,word什么的。

先普及两个基本概念。
第一个是标记
标记是由<>括起,中间含有标记识别字符的一种东西,它是网页的基本组成元素,相当于人体的细胞一样。它一般一对标记组成,以</>结尾,比如<title></title>,这个是网页标题标记。当然,也有特殊的,由一个标记组成,比如<img>图象标记。某些标记即可以单独出现又可以以对出现,比如换行<br>,换段<p>标记。HTML是一种开放的语言,这些都是可以识别的。当然,我们应该养成有开始就有结束的习惯,另外也要养成标记和属性一律用小写的习惯,虽然大小写在HTML和XHTML中并不会有分别,但是在XML一类严格的网页语言中,大小写是区分的。
第二个是属性
属性就是修饰标记的东西,比如修饰文字标记<font>的color属性,他们一般写在<>之间。

那么,下面我们需要知道的也就是网页的基本部分了。
网页有两个基本部分,写段简单的东西来说明网页的基本部分
<html>
<head><title>开始网页</title></head>
<body>
<!--开始-->
<!--结束-->
</body>
</html>
我们可以看到html head body这3个标记,第一个是声明这个是网页文件,也是网页的最开头,通常在它的上面还有段声明本网页符合W3C标准及标准来源的语句。Head是声明网页的头部,这里面的东西包括关键字,标题,编码,有时候也有JS语句,VS语句等等。Body是声明网页的主部分,这里面写的就是我们在网页中看到的东西,当然,也有些看不到的东西,那就是注释语句,像程序语言里的注释语句一样,网页语言也有注释语句
如<!--  -->之间的部分就是注释语句,由如/* */这个注释语句,这个通常用于CSS中。

0
】【打印繁体】【投稿】【收藏】 【推荐】【举报】 【关闭】 【返回顶部
[上一篇]常用CSS缩写语法总结 [下一篇]LOGO制作教程实例-LOGO终极教程

评论

称  呼:
内  容:

相关栏目

最新文章

热门文章

推荐文章

赞助连接