logogram的简写
【复数】 lo.gos
A name, symbol, or trademark designed for easy and definite recognition, especially one borne on a single printing plate or piece of type.
教学语言:为了容易、清楚辩论而设计的名字、标志或商标,尤指标于单片印版或样版的
更多而言,LOGO是指代表品牌的图形,比如百度的LOGO,就是左上角的图形,一看到它就会引起联想,达到品牌效果,品牌是一个包括很多内容的集合,包括LOGO,可以说LOGO是品牌的有形名片。
引用:http://zhidao.baidu.com/question/1302777.html
传统意义上的SOHO 传统意义上的SOHO—Small Office (and) Home Office, 直译就是小型办公室、家庭办公室的意思,实际上就是自由职业或自由职业者的意思。 当然,SOHO也代表了一种更为自由、开放、弹性的工作方式。 网络时代的到来, 使 得SOHO成为人们争相追逐的时髦词汇之一,专门为SOHO族设计的房屋、家具、用品 也成为商家的新卖点,一些楼盘常常被冠以SOHO一词,意思就是给自由职业者准备的商、住合一的公寓,一时间也风光无限。几年前,人们所说的SOHO一族还大多指那些专门的自由职业者:自由撰稿人、平面设计师、工艺品设计人员、艺术家等。而近两年,随着互联网在各个领域的广泛运用及电脑、传真机、打印机等办公设备在家庭中的普及,SOHO成为越来越多的人可以尝试的一种工作方式,而它的内涵与形式也在发生变化 。
我们的SOHO
SOHO作为一种时尚、轻松、自由的生活方式和生活态度,不应该仅仅局限和适合于那些只是在家工作的人群,毕竟,那还只是社会中很小很小的一部分群体。SOHO既然代表了自由、开放、弹性的工作方式,那我们就认为只要能够在这种方式下工作的人,不论您是否是在家工作,还是在其他的场所;不论您是专注一职,还是兼职工作,您都可以自豪的称自己是SOHO一族。于是,我们更愿意把SOHO叫成Super Office (and) Human Office,即超级的办公室、人性化的办公室。
引用:http://zhidao.baidu.com/question/145820.html
CSS是Cascading style Sheets的简称,中文译作“层叠样式表单”,我把它叫作“层叠样式表”,我感到这样顺口一
点,没别的意思。实际上它是一组样式。你可能对CSS这个名词比较陌生,实际上无论你用Internet Explorer还是
Netscape Navigator在网上冲浪,几乎随时都在与CSS打交道,在网上没有使用过CSS的网页可能不好找。不管你用什么工
具软件制作网页,都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼,为什么同样内容的网页,有的人做出来有
几十KB,而高手做出来只有十几KB,CSS在其中的作用是不言而喻的。我把我在使用CSS中的一些小经验以及一些网友来信
提问的问题整理出来,供诸位参考。
1、CSS在网页制作中一般有三种方式的用法,那么具体在使用时该采用哪种用法?
当有多个网页要用到的CSS,采用外连CSS文件的方式,这样网页的代码大大减少,修改起来非常方便;只在单个网页
中使用的CSS,采用文档头部方式;只有在一个网页一、两个地方才用到的CSS,采用行内插入方式。
2、CSS的三种用法在一个网页中要以混用吗?
三种用法可以混用,且不会造成混乱。这就是它为什么称之为“层叠样式表”的原因,浏览器在显示网页时是这样处
理的:先检查有没有行内插入式CSS,有就执行了,针对本句的其它CSS就不去管它了;其次检查头部方式的CSS,有就执行
了;在前两者都没有的情况下再检查外连文件方式的CSS。因此可看出,三种CSS的执行优先级是:行内插入式、头部方
式、外连文件方式。
3、在Dreamweaver3中如何使外部文件式CSS?
在Dreamweaver3中使用外连文件式CSS并没有特殊要求,同样是用记事本创建一个*.css文件,在网页的<head>与
</head>之间加上一句这样的代码:<link rel="stylesheet" href="在这里填上你的CSS文件地址(相对路径+文件
名)" type="text/css">就行了。
4、如何用Dreamweaver3快速创建CSS外连式文件?
对于一个初接触CSS的网页设计人员来讲,要用记事之类的编辑器,去创建一个CSS外连式文件是相当困难的。由于
Dreamweaver3对CSS支持的很好,用它来帮助就轻松多了。具体可以这样操作:
1)先在纸上写好在网站的网页中可能要用到的格名称,然后在Dreamweaver3的编辑窗中调出CSS面板,一个一个地定
义,并在一个空白页上适当地写一点相关内容,边定义边试用,效果不满意,立即修改;
2)全部定义好后,再用记事本创建一个空的CSS外连式文件,把在<head>与</head>之间的那段定义好的CSS复制
到CSS文件中去,就大功告成了。整个过程就是点鼠标,方便吧?
5、在Dreamweaver3中采用行内插入式CSS要手动写代码吗?
不用!先用CSS面板定义好要用的CSS,然后,在要插入CSS的标记插入:style="",再把你刚才定义的CSS从<head>
后面拖到这个双引号中来,把花括号以外的部分删去就行了。
6、在方档头部方式和外连文件方式的CSS中都有“<!--”和“-->”,好象没什么用,不要可以吗?
这一对东东的作用是为了不引起低版本浏览器的错误。如果某个执行此页面的浏览器不支持CSS,它将忽略其中的内
容。虽然现在使用不支持CSS浏览器的人已很少了,由于互联网上几乎什么可能都会发生,所以还是留着为妙。
7、如何给一部分文字加背景色?
给文字加上不同颜色,在DW3中只要在属性面板上选取文字的颜色就行了,非常方便,但要给部分文字加不同的背景色
却没有相应的功能,我们可以先做一个定义背景色的CSS(如:bgstyle),在DW3中点几下鼠就完成了。如一个定义淡黄色
背景的CSS是这样的:
<style type="text/css">
<!--
.bgstyle { background: #FFFFCC}
-->
</style>
在要用时选取那段文字,再在CSS面板上点一下“bgstyle”就行了。
8、如何给部分文字加背景图像?
与加背景色操作类似,中是在背景在选择加载图象就是了,一个定义好的加背景图象的CSS例子的代码是这样的:
<style type="text/css">
<!--
.imgbgstyle { background-image: url(/logo.gif)}
-->
</style>
在要用时选取那段文字,再在CSS面板上点一下“imgbgstyle”就行了。
9、如何使页面的背景在文字“滚动”时背景图案静止不动?
要使背景图案不随文字“滚动”的CSS是这样的:
<style type="text/css">
<!--
BODY { background: purple url(/bg.jpg)
background-repeat:repeat-y
background-attachment:fixed
}
-->
</style>
10、如何定义字间距?
在DW3中CSS的属性定义对话框(style Definition for .style1)的“Block”上的“letter spaceing”属性定义的就
是字间距,它指的是每一个字符之间的额外间距,经长度为单位,正负值均可,当取负值时产生字符挤在一起的效果。下
面代码是一个定义好的字间距CSS例子:
<style type="text/css">
<!--
.style1 { letter-spacing: 3px}
-->
</style>
11、如何给文字加上划线、下划线、删除线和闪烁?
在DW3中CSS的属性定义对话框(style Definition for .style1)的“Type”上的“decoration”属性定义的就是这些
内容,要注意的是闪烁属性有些版本的浏览器不支持,少用为好。下面是一个定义好上述效果的CSS例子:
<style type="text/css">
<!--
.style1 { text-decoration: underline overline line-through blink}
-->
</style>
其中: “underline”是定义下划线;“overline ”是定义上划线;“ line-through”定义的是删除线;“blink”
定义的是文字闪烁。
12、如何使网页具有“首行缩进”功能?
由于DW3输入空格不方便,利用“首行缩进”将弥补这个不足。在DW3中CSS的属性定义对话框(style Definition
for .style1)的“Block”上的“text-indent”属性定义的就是“首行缩进”,所谓“首行”是指每段内容的第一行,也
就是直接按回车键就形成了一个新的段落。缩进最好以“em”(字符)为单位,比如:汉字编排要求每段开始缩进两个汉
字,设置好的CSS如下所示:
<style type="text/css">
<!--
.style1 { text-indent: 2em}
-->
</style>
在DW3要注意:在DW3中CSS的属性定义对话框(style Definition for .style1)的“Block”上的“text-indent”右
面的缩进单位选择框中“ems”指的就是“em”。
13、在用表格进行排版时,能使某一方向上的内容离开表格线一点吗?
可以!在DW3中CSS的属性定义对话框(style Definition for .style1)的“Box”上的“margin”定义的就是内容离
开边缘的距离,分别可定义四个方向:“top”“bottom”“left”“right”。下面就是定义在左边离开“10px”的CSS例
子代码:
<style type="text/css">
<!--
.style1 { margin: 0px 0px 0px 10px}
-->
</style>
14、能给某部分内容加边框吗?
用CSS可以给某部分内容加边框,在DW3中CSS的属性定义对话框(style Definition for .style1)的“Border”定义
的就是边框线,“top”“bottom”“left”“right”四边可分别定义线的粗细和颜色,这些定义好后不要忘记在下面的
“style”中定义线型,否则将看不边框线,因为默认的线型是“none”。下面是一个定义了上边框为:蓝色细线;左边框
为:绿色中粗线的CSS例子:
<style type="text/css">
<!--
.style1 { border: solidborder-width: thin 0px 0px mediumborder-color: #0000FF black black #00FF00}
-->
引用:http://zhidao.baidu.com/question/3174036.html
http://www.w3school.com.cn/cssref/index.asp 给你个参考属性网址CSS3 动画属性(Animation)
属性
描述
CSS
@keyframes规定动画。3
animation所有动画属性的简写属性,除了 animation-play-state 属性。3
animation-name规定 @keyframes 动画的名称。3
animation-duration规定动画完成一个周期所花费的秒或毫秒。3
animation-timing-function规定动画的速度曲线。3
animation-delay规定动画何时开始。3
animation-iteration-count规定动画被播放的次数。3
animation-direction规定动画是否在下一周期逆向地播放。3
animation-play-state规定动画是否正在运行或暂停。3
animation-fill-mode规定对象动画时间之外的状态。3
CSS 背景属性(Background)
属性
描述
CSS
background在一个声明中设置所有的背景属性。1
background-attachment设置背景图像是否固定或者随着页面的其余部分滚动。1
background-color设置元素的背景颜色。1
background-image设置元素的背景图像。1
background-position设置背景图像的开始位置。1
background-repeat设置是否及如何重复背景图像。1
background-clip规定背景的绘制区域。3
background-origin规定背景图片的定位区域。3
background-size规定背景图片的尺寸。3
CSS 边框属性(Border 和 Outline)
属性
描述
CSS
border在一个声明中设置所有的边框属性。1
border-bottom在一个声明中设置所有的下边框属性。1
border-bottom-color设置下边框的颜色。2
border-bottom-style设置下边框的样式。2
border-bottom-width设置下边框的宽度。1
border-color设置四条边框的颜色。1
border-left在一个声明中设置所有的左边框属性。1
border-left-color设置左边框的颜色。2
border-left-style设置左边框的样式。2
border-left-width设置左边框的宽度。1
border-right在一个声明中设置所有的右边框属性。1
border-right-color设置右边框的颜色。2
border-right-style设置右边框的样式。2
border-right-width设置右边框的宽度。1
border-style设置四条边框的样式。1
border-top在一个声明中设置所有的上边框属性。1
border-top-color设置上边框的颜色。2
border-top-style设置上边框的样式。2
border-top-width设置上边框的宽度。1
border-width设置四条边框的宽度。1
outline在一个声明中设置所有的轮廓属性。2
outline-color设置轮廓的颜色。2
outline-style设置轮廓的样式。2
outline-width设置轮廓的宽度。2
border-bottom-left-radius定义边框左下角的形状。3
border-bottom-right-radius定义边框右下角的形状。3
border-image简写属性,设置所有 border-image-* 属性。3
border-image-outset规定边框图像区域超出边框的量。3
border-image-repeat图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched)。3
border-image-slice规定图像边框的向内偏移。3
border-image-source规定用作边框的图片。3
border-image-width规定图片边框的宽度。3
border-radius简写属性,设置所有四个 border-*-radius 属性。3
border-top-left-radius定义边框左上角的形状。3
border-top-right-radius定义边框右下角的形状。3
box-decoration-break3
box-shadow向方框添加一个或多个阴影。3
Box 属性
属性
描述
CSS
overflow-x如果内容溢出了元素内容区域,是否对内容的左/右边缘进行裁剪。3
overflow-y如果内容溢出了元素内容区域,是否对内容的上/下边缘进行裁剪。3
overflow-style规定溢出元素的首选滚动方法。3
rotation围绕由 rotation-point 属性定义的点对元素进行旋转。3
rotation-point定义距离上左边框边缘的偏移点。3
Color 属性
属性
描述
CSS
color-profile允许使用源的颜色配置文件的默认以外的规范。3
opacity规定书签的级别。3
rendering-intent允许使用颜色配置文件渲染意图的默认以外的规范。3
Content for Paged Media 属性
属性
描述
CSS
bookmark-label规定书签的标记。3
bookmark-level规定书签的级别。3
bookmark-target规定书签链接的目标。3
float-offset将元素放在 float 属性通常放置的位置的相反方向。3
hyphenate-after规定连字单词中连字符之后的最小字符数。3
hyphenate-before规定连字单词中连字符之前的最小字符数。3
hyphenate-character规定当发生断字时显示的字符串。3
hyphenate-lines指示元素中连续断字连线的最大数。3
hyphenate-resource规定帮助浏览器确定断字点的外部资源(逗号分隔的列表)。3
hyphens设置如何对单词进行拆分,以改善段落的布局。3
image-resolution规定图像的正确分辨率。3
marks向文档添加裁切标记或十字标记。3
string-set3
CSS 尺寸属性(Dimension)
属性
描述
CSS
height设置元素高度。1
max-height设置元素的最大高度。2
max-width设置元素的最大宽度。2
min-height设置元素的最小高度。2
min-width设置元素的最小宽度。2
width设置元素的宽度。1
可伸缩框属性(Flexible Box)
属性
描述
CSS
box-align规定如何对齐框的子元素。3
box-direction规定框的子元素的显示方向。3
box-flex规定框的子元素是否可伸缩。3
box-flex-group将可伸缩元素分配到柔性分组。3
box-lines规定当超出父元素框的空间时,是否换行显示。3
box-ordinal-group规定框的子元素的显示次序。3
box-orient规定框的子元素是否应水平或垂直排列。3
box-pack规定水平框中的水平位置或者垂直框中的垂直位置。3
CSS 字体属性(Font)
属性
描述
CSS
font在一个声明中设置所有字体属性。1
font-family规定文本的字体系列。1
font-size规定文本的字体尺寸。1
font-size-adjust为元素规定 aspect 值。2
font-stretch收缩或拉伸当前的字体系列。2
font-style规定文本的字体样式。1
font-variant规定是否以小型大写字母的字体显示文本。1
font-weight规定字体的粗细。1
内容生成(Generated Content)
属性
描述
CSS
content与 :before 以及 :after 伪元素配合使用,来插入生成内容。2
counter-increment递增或递减一个或多个计数器。2
counter-reset创建或重置一个或多个计数器。2
quotes设置嵌套引用的引号类型。2
crop允许被替换元素仅仅是对象的矩形区域,而不是整个对象。3
move-to从流中删除元素,然后在文档中后面的点上重新插入。3
page-policy确定元素基于页面的 occurrence 应用于计数器还是字符串值。3
Grid 属性
属性
描述
CSS
grid-columns规定网格中每个列的宽度。3
grid-rows规定网格中每个列的高度。3
Hyperlink 属性
属性
描述
CSS
target简写属性,设置target-name、target-new以及target-position属性。3
target-name规定在何处打开链接(链接的目标)。3
target-new规定目标链接在新窗口还是在已有窗口的新标签页中打开。3
target-position规定在何处放置新的目标链接。3
CSS 列表属性(List)
属性
描述
CSS
list-style在一个声明中设置所有的列表属性。1
list-style-image将图象设置为列表项标记。1
list-style-position设置列表项标记的放置位置。1
list-style-type设置列表项标记的类型。1
marker-offset 2
CSS 外边距属性(Margin)
属性
描述
CSS
margin在一个声明中设置所有外边距属性。1
margin-bottom设置元素的下外边距。1
margin-left设置元素的左外边距。1
margin-right设置元素的右外边距。1
margin-top设置元素的上外边距。1
Marquee 属性
属性
描述
CSS
marquee-direction设置移动内容的方向。3
marquee-play-count设置内容移动多少次。3
marquee-speed设置内容滚动得多快。3
marquee-style设置移动内容的样式。3
多列属性(Multi-column)
属性
描述
CSS
column-count规定元素应该被分隔的列数。3
column-fill规定如何填充列。3
column-gap规定列之间的间隔。3
column-rule设置所有 column-rule-* 属性的简写属性。3
column-rule-color规定列之间规则的颜色。3
column-rule-style规定列之间规则的样式。3
column-rule-width规定列之间规则的宽度。3
column-span规定元素应该横跨的列数。3
column-width规定列的宽度。3
columns规定设置 column-width 和 column-count 的简写属性。3
CSS 内边距属性(Padding)
属性
描述
CSS
padding在一个声明中设置所有内边距属性。1
padding-bottom设置元素的下内边距。1
padding-left设置元素的左内边距。1
padding-right设置元素的右内边距。1
padding-top设置元素的上内边距。1
Paged Media 属性
属性
描述
CSS
fit示意如何对width和height属性均不是auto的被替换元素进行缩放。3
fit-position定义盒内对象的对齐方式。3
image-orientation规定用户代理应用于图像的顺时针方向旋转。3
page规定元素应该被显示的页面特定类型。3
size规定页面内容包含框的尺寸和方向。3
CSS 定位属性(Positioning)
属性
描述
CSS
bottom设置定位元素下外边距边界与其包含块下边界之间的偏移。2
clear规定元素的哪一侧不允许其他浮动元素。1
clip剪裁绝对定位元素。2
cursor规定要显示的光标的类型(形状)。2
display规定元素应该生成的框的类型。1
float规定框是否应该浮动。1
left设置定位元素左外边距边界与其包含块左边界之间的偏移。2
overflow规定当内容溢出元素框时发生的事情。2
position规定元素的定位类型。2
right设置定位元素右外边距边界与其包含块右边界之间的偏移。2
top设置定位元素的上外边距边界与其包含块上边界之间的偏移。2
vertical-align设置元素的垂直对齐方式。1
visibility规定元素是否可见。2
z-index设置元素的堆叠顺序。2
CSS 打印属性(Print)
属性
描述
CSS
orphans设置当元素内部发生分页时必须在页面底部保留的最少行数。2
page-break-after设置元素后的分页行为。2
page-break-before设置元素前的分页行为。2
page-break-inside设置元素内部的分页行为。2
widows设置当元素内部发生分页时必须在页面顶部保留的最少行数。2
CSS 表格属性(Table)
属性
描述
CSS
border-collapse规定是否合并表格边框。2
border-spacing规定相邻单元格边框之间的距离。2
caption-side规定表格标题的位置。2
empty-cells规定是否显示表格中的空单元格上的边框和背景。2
table-layout设置用于表格的布局算法。2
CSS 文本属性(Text)
属性
描述
CSS
color设置文本的颜色。1
direction规定文本的方向 / 书写方向。2
letter-spacing设置字符间距。1
line-height设置行高。1
text-align规定文本的水平对齐方式。1
text-decoration规定添加到文本的装饰效果。1
text-indent规定文本块首行的缩进。1
text-shadow规定添加到文本的阴影效果。2
text-transform控制文本的大小写。1
unicode-bidi设置文本方向。2
white-space规定如何处理元素中的空白。1
word-spacing设置单词间距。1
hanging-punctuation规定标点字符是否位于线框之外。3
punctuation-trim规定是否对标点字符进行修剪。3
text-align-last设置如何对齐最后一行或紧挨着强制换行符之前的行。3
text-emphasis向元素的文本应用重点标记以及重点标记的前景色。3
text-justify规定当 text-align 设置为 "justify" 时所使用的对齐方法。3
text-outline规定文本的轮廓。3
text-overflow规定当文本溢出包含元素时发生的事情。3
text-shadow向文本添加阴影。3
text-wrap规定文本的换行规则。3
word-break规定非中日韩文本的换行规则。3
word-wrap允许对长的不可分割的单词进行分割并换行到下一行。3
2D/3D 转换属性(Transform)
属性
描述
CSS
transform向元素应用 2D 或 3D 转换。3
transform-origin允许你改变被转换元素的位置。3
transform-style规定被嵌套元素如何在 3D 空间中显示。3
perspective规定 3D 元素的透视效果。3
perspective-origin规定 3D 元素的底部位置。3
backface-visibility定义元素在不面对屏幕时是否可见。3
过渡属性(Transition)
属性
描述
CSS
transition简写属性,用于在一个属性中设置四个过渡属性。3
transition-property规定应用过渡的 CSS 属性的名称。3
transition-duration定义过渡效果花费的时间。3
transition-timing-function规定过渡效果的时间曲线。3
transition-delay规定过渡效果何时开始。3
用户界面属性(User-interface)
属性
描述
CSS
appearance允许您将元素设置为标准用户界面元素的外观3
box-sizing允许您以确切的方式定义适应某个区域的具体内容。3
icon为创作者提供使用图标化等价物来设置元素样式的能力。3
nav-down规定在使用 arrow-down 导航键时向何处导航。3
nav-index设置元素的 tab 键控制次序。3
nav-left规定在使用 arrow-left 导航键时向何处导航。3
nav-right规定在使用 arrow-right 导航键时向何处导航。3
nav-up规定在使用 arrow-up 导航键时向何处导航。3
outline-offset对轮廓进行偏移,并在超出边框边缘的位置绘制轮廓。3
resize规定是否可由用户对元素的尺寸进行调整。3
简单的说网络维护是维护网络安全和网络通畅的
像是局域网的维护或者是其他等
服务器维护是维护服务器每天的正常运作,防止它出现什么状况,服务器的供电 ,服务器主机系统的的维护
服务器内部资料的维护和备份等
建网站的投入可是很大的。
首先是申请免费个人主页空间(当然也可以申请付费的,看你自己的情况了)。你可以在搜索引擎中以"免费资源"为关键字进行搜索,在找到的网页中查看免费个人主页部分,进入提供免费个人主页的网站之后,再按步骤完成申请表格。然后是编辑个人网页。如果你是初学者,建议你使用FrontPage,因为它是一个所见即所得的网页编辑软件,也是微软OFFICE的一个组件,使用起来和WORD有很多类似之处。最后是上传网页。请按提供个人主页空间服务的网站上的上传说明中的方法上传你编辑好的网页。经过这些步骤,你的个人主页就建立了.
如何建立一个网站?
(信息来源:商翼网站策划 )
一、引言
一个网站的整体规划和设计的好坏是它发展的重要之处, 也是它吸引人们浏览的所在之处。Internet/Intranet技术的日益发展,使人们认识到了Internet/Intranet的优势,更使得数据库与web的连接成为数据库开发方面的热门技术之一。
通常情况下,通过浏览器看到的网页大多是静态的。所谓“静态”,是指网站的网页内容“固定不变”, 当浏览器通过互联网的HTTP(Hypertext Transport Protocol)协议向Web服务器请求提供网页时,服务器仅仅是将原来设计好的静态HTML文档传给浏览器。其页面内容使用的仅仅是标准的HTML代码,最多再加上流行的GIF89A 格式的动态图片,比如产生几只小猫小狗跑来跑去的动画效果。 若网站维护者要更新网页的内容,就必须手动更新所有的HTML文档。静态网站的致命弱点就是不易维护。为了更新网页的内容, 网站维护者必须重复制作HTML文档,随着网站内容和信息量的日益扩增,可以想象这是多么复杂繁琐的工作。
那么,什么是动态网站呢?所谓“动态”,并不是指放在网页上的图片会动,动态页面应具有以下几个特点:
(一).交互性:即网页能根据客户的要求和选择而动态改变和响应,浏览器即作为客户端界面,这是今后Web发展的大势所趋。
(二).自动更新:即无需手动更新HTML文档, 就能自动生成新的页面,从而大大减少工作量。
(三).因时因人而变:即当不同的时间、不同的人访问同一网址时能产生不同的页面,这一点对于需要对使用者授权的网站尤其适用。
随着的Internet迅速发展,不管是专业的ISP(Internet服务提供者)和ICP(Internet内容提供者),还是一般的政府机关、银行、交通部门、学校、医院、服务者,甚至是每个人,都在积极寻求在Internet上发布信息,提供新型的网上管理和服务。可以说,网站设计和网站的编辑正成为新兴的热门行业。
二、网站的系统分析
(一).项目立项
我们接到客户的业务咨询,经过双方不断的接洽和了解,并通过基本的可行性讨论够,初步达成制作协议,这时就需要将项目立项。较好的做法是成立一个专门的项目小组,小组成员包括:项目经理,网页设计,程序员,测试员,编辑/文档等必须人员。
(二).客户的需求说明书
第一步是需要客户提供一个完整的需求说明。很多客户对自己的需求并不是很清楚,需要您不断引导和帮助分析。有些客户可能对自己建什么样的网站根本就没有明确的目的,以及他的网站建好后来干什么也是一无所知,为了客户能有明确的目的我们需要耐心说明,仔细分析,挖掘出客户潜在的,真正的需求。这样对大家都有好处,我们的宗旨应该是“客户明明白白,双方高高兴兴。”对客户和自己都是一种负责。
配合客户写一份详细的,完整的需求说明会花很多时间,但这样做是值得的,而且一定要让客户满意,签字认可。把好这一关,可以杜绝很多因为需求不明或理解偏差造成的失误和项目失败。糟糕的需求说明不可能有高质量的网站。那么需求说明书要达到怎样的标准呢?简单说,包含下面几点:正确性:每个功能必须清楚描写交付的功能;可行性:确保在当前的开发能力和系统环境下可以实现每个需求;必要性:功能是否必须交付,是否可以推迟实现,是否可以在削减开支情况发生时"砍"掉;简明性:不要使用专业的网络术语;检测性:如果开发完毕,客户可以根据需求检测。
三、建设方案
(一).建站理念
(1)预早筹划
设计主页未必很艰难。但这一工作与编制传统的宣传品一样,都需要我们谨慎处理和筹划。换言之,我们必须首先 确定自己需要传达的主要信息,然后细意斟酌、把所有意念合情合理地组织起来;之后是设计一个页面式样,试用于有代表性的用户,接着重复修订,务求尽善尽美。
(2)尽量精简
主页的作用好比一本书的封面,是为了吸引用户测览你的网址内容。因此,主页的设汁应以醒目为上、令人一目了然。切勿堆砌太多不必要的细节,或使画面过于复杂。在主页上清楚列出三项要点,例如机构名称、提供的产品或服务 、以及主页内容(亦即你的其他页面还载有什么资料)。应切记页面给人的第一观感最为重要。在网上到处浏览的人很多。如果你的主页真没有吸引力,很难令他们深入观赏。
(3)尽量简朴
现今大部分用户那是用调制解调器接驳万维网,所以他们一般都要花很多时间等待主页传送到自己的系统。主页上的图形应力求简朴, 避免耽搁用户的时间。图像愈大、颜色愈深,传送页面的时间愈长。这并不是说你要完全略去图像不用,只是提醒你要注注意使用图像所引起的效果。主页上的颜色最好不超过六十四种,页顶图像最好保持在大约10KB(千字节)以下。切勿禁不住诱惑,觉得非要放入大幅的图画不可;应考虑只用三两幅短小精悍的图像。主页整体上要能够迅速传送。如果载入的时间超过十至十五秒,很多用户就会等得不耐烦。如果情况许可,最好先测试你的主页在稍差的条件下的传送速率,14.4千波特的调制解调器,或透过 Prodigy 等网上服务接驳万维网等。
此外、还须注意配合最低档的设备,例如标准的小型显示器,不要假设人人都用高解像度的大荧幕。运用先进浏览软件所提供的一些尖端功能是可以的、但应确保你的主页在次一级的浏览软件上(例如某些网上服务所提供的专用浏览软件)仍可畅顺地显现。
(4)善用图像
用户在网上四处漫游,你必须设法吸引和维护他们对你的主页的注意力。万维网的其中一个最重大资源是其多媒体能力,所以我们无论如何要善加利用。主页上最好有醒目的图像、新颖的画面、美观的字款,使其别具特色,令人过目不忘。图像的内容应有一定的实际作用,切忌虚饰浮夸。最佳的图像应集美观与传讯于一身。注意图画可以弥补文字之不足,但并不能够完全取代文字。很多用户把浏览软件设定为略去图像,以求节省时间他们只看文字。因此,制作主页时,必须注意将图像所带的重要信息或联接其他页面的指示用文字重复表达—次。用“纯文中”模式测试已制成的主页,确保其传达到所有信息。
(5)使主页易于漫游
主页的其中一个主要功能是作为漫游工具,指引用户查阅你存储在网址或其他地点的信息。尽量使漫游过程不费吹灰之力。基于清晰明确和速度的考虑,主页上的联接项目应只限于几个高级的类别,例如公司、产品、服务、支援等。用六至八个联接项目最为理想。
此外,你提供的信息不应埋藏在重重叠叠的页面之下。穿越五个以上的联接项目已足以令人厌烦。因此,你必须在广度和深度之间求取平衡。如果你的网址上有太多信息,你可能要编制较长的页面或使用更多联接项目,甚至可能要建立多个主页、 使每个主页载有不同的信息。如果能够让用户在主页上以关键字或词语查找所需的信息,肯定受用户欢迎。
假若你有充足的资源,便应找一位专家来评估你设计的主页是否方便易用。设法找一些对主页陌生的用户,来试用你的初步制成品。
(6)提网协领
主页—般须载有以下事项:
标题,此标题须清楚无误地标示你的网站。标题可以是名称、标语徽号或图像。
电子邮件地址 ,以便用户有问题时,可以通知你。
版权资料,这是适用于主页内容的版权规定。你可以在主页上标示一句简短的版权声明,用联接方法带出另—个载有详细使用条款的页面,这样可以避免主页显得乱糟糟。
联络资料 ,列出通讯地址电话号码等。
(7)循环利用现有信息
制作主页时,通常都毋须从头做起,因为有许多现成的文字、图画等资料可供我们重用,例如宣传小册、公关文件、技术手册、资料库等。很多情况下,只要用少许功夫、就可把这些材料转到网页上使用。
(8)保持新鲜感
万维网上不断有新事物出现、每天都有新花样。如果你的主页从不改变,用户很快会厌倦。在主页上预告即将有新资料推出,可吸引用户再来浏览不妨在页头以大字标题宣布新消息。可以定期改变主页上的图像、或更改主页的式样。趣味性的事项可以持续或自动更新、例如列出会浏览你的网站的人次。
同样,为保持新鲜感,应时刻确保主页提供的是最新信息。将更新主页信息的工作纳入既定的公关及资料编制计划内,亦即当你使用传统方法(例如新闻稿)传递的新信息时出现在你的主页上。确保连接项目运作畅顺,以免用户在荧幕上收到“无法查阅所需档案”的信息而大感没趣。
(9)贯彻诺言
做不到的事情,千万不要轻易承诺。切勿随便叫用户做出回应行动,例如要求用户填交订贷表格,除非你已制订好处理这些订单的方法和交货程序。如果在网上列出联络电话,就要确保自己能够迅速解决来电者的问题。
(10)吸引用户浏览
既然绞尽脑汁把主页弄得美观实用,没有人来欣赏就太可惜了。为吸引所有网中人来浏览,必须使主页易于寻找。通知其他网站(例如题材相关的网站),他们可能想连接你的主页。安排将自己的网址列在所有相关的网址目录、索引、查找程序和“What's new”页面上。尽量将网址传播开去,使之出现在 Internet和所有传统煤体上、例如书刊广告、公关文件、宣传品等。
在网站上,于每个页面设置“home”按键,方便用户随时返回主页。
万维网充满生命力、正在不断演进,所以一些现时适用的经验,将来未必合用。举例来说,将来家居用户有高速线路接驳Internet,就可以消除数据传输目前的所受的限制、使主页的篇幅可以更长,页面更华丽。新的浏览功能、例如Sun的 HotJava浏览软件所提供的先进功能、将使万维网更强劲和更方便沟通。 HotJava将主页由静态的文件转为动态的实体, 提供诸如即时制作动画、背景音乐、即时存入资料(例如不断更新股票价格)、话音广播等功能、为网上用户带来更多乐趣。有好的主页,还须有精良的设备支持。网站服务器不断推陈出新,使建设网站的工作愈来愈容易。
(二).网站总体设计
在拿到客户的需求说明后,并不是直接开始制作,而是需要对项目进行总体设计,详细设计出一份网站建设方案给客户。总体设计是非常关键的一步。它主要确定:网站需要实现哪些功能;网站开发使用什么软件,在什么样的硬件环境;需要多少人,多少时间;需要遵循的规则和标准有哪些。同时需要写一份总体规划说明书,包括:网站的栏目和板块;网站的功能和相应的程序;网站的链接结构;如果有数据库,进行数据库的概念设计;网站的交互性和用户友好设计。
在总体设计出来后,一般需要给客户一个网站建设方案。很多网页制作公司在接洽业务时就被客户要求提供方案。那时的方案一般比较笼统,而且在客户需求不是十分明确的情况下提交方案,往往和实际制作后的结果会有很大差异。所以应该尽量取得客户的理解,在明确需求并总体设计后提交方案,这样对双方都有益处。网站建设方案的包括以下几个部分:.客户情况分析;网站需要实现的目的和目标;网站形象说明;网站的栏目板块和结构;网站内容的安排,相互链接关系;使用软件,硬件和技术分析说明;开发时间进度表;宣传推广方案;维护方案;制作费用;本公司简介:成功作品,技术,人才说明等。当您的方案通过客户的认可,那么可以开始动手制作网站了。但还不是真正意义上的制作,你需要进行详细设计。
(三).网站详细设计
总体设计阶段以比较抽象概括的方式提出了解决问题的办法。详细设计阶段的任务就是把解法具体化。详细设计主要是针对程序开发部分来说的。但这个阶段的不是真正编写程序,而是设计出程序的详细规格说明。这种规格说明的作用很类似于其他工程领域中工程师经常使用的工程蓝图,它们应该 包含必要的细节,例如:程序界面,表单,需要的数据等。程序员可以根据它们写出实际的程序代码。我们这次主要用ASP来实现有关功能和解决有关问题的,例如,公告版BBS,聊天室,信息发布系统, 网上超市等都用ASP来实现人机交互功能的,其中也用到调用数据库的技术。
ASP (Active Server Pages)是Microsoft 公司推出的一种Web应用程序开发技术,也是服务器端的脚本(Script)运行环境,使用该技术可以开发动态的、交互的Web应用程序。
(四).网站的制作规范探讨
(1)网站目录规范
目录建立的原则:以最少的层次提供最清晰简便的访问结构。
a.根目录。根目录指DNS域名服务器指向的索引文件的存放目录。根目录只允许存放index.html和main.html文件,以及其他必须的系统文件;
b.每个语言版本存放于独立的目录;
c.每个主要功能(主菜单)建立一个相应的独立目录;
d.当页面超过20页,每个目录下存放各自独立images目录,共用的图片放在根目录下的images目录下;
e.所有的js文件存放在根目录下统一目录script;
f.所有的CSS文件存放在各语言版本下的style目录
g.所有的CGI程序存放在根目录并列目录cgi_bin目录
(2)文件命名规范
文件命名的原则:以最少的字母达到最容易理解的意义。
a.索引文件统一使用index.html文件名(小写)。index.html文件统一作为“桥页”制作具体内容,仅仅作为跳转页和meta标签页。主内容页为main.htm;
b.菜单图片名称按菜单名的英语翻译为名称。例如:关于我们aboutus信息反馈feedback 产 品product所有单英文单词文件名都必须为小写,所有组合英文单词文件名第二个起第一个字母大写;
c.所有文件名字母间连线都为下划线
d.图片命名原则以图片英语字母为名,大小原则写同上
e.js的命名原则以功能的英语单词为名。例如:广告条的js文件名为:ad.js
f.所有的CGI文件后缀为.cgi。
(3)链接结构规范
链接结构的原则:用最少的链接,使得浏览最有效率。首页和一级页面之间用星状链接结构,一级和二级页面之间用树状链接结构。超过三级页面,在页面顶部设置导航条。
(4)尺寸规范
a.页面标准按800*600分辨率制作,实际尺寸为778*434px
b.每个标准页面为A4幅面大小,即8.5X11英寸
c.大banner为468*60px,小banner为88*31px。
(5) 首页HEAD区规范
a.公司版权注释
b.网页显示字符集
简体中文:
繁体中文:
英 语:
c.网页制作者信息
d.网站简介
e.搜索关键字
f.网页的css规范
g.网页标题
四、网站的设计制作
1.整体形象设计
在程序员进行详细设计的同时,网页设计师开始设计网站的整体形象和首页。
整体形象设计包括标准字,Logo,标准色彩,广告语等。 首页设计包括版面,色彩,图像,动态效果,图标等风格设计,也包括banner,菜单,标题,版权等模块设计。首页一般设计1-3个不同风格。
2.开发制作
本次网站规划设计采用软件工程的设计方法,设计小组在系统分析和总体设计的基础上,将设计任务分解,分配到设计组的每个成员,各模块有设计组成员单独承担设计和调试,既有分工,又有协作,最后将各模块上载到服务器上,做链接和整体的调试。
3.调试完善
各模块初步完成后,上传到服务器,对网站进行全范围的测试。包括速度,兼容性,交互性,链接正确性,程序健壮性,超流量测试等,发现问题及时解决并记录下来。
网站建设实际上是一个不断充实和完善的过程,通过不断的发现问题,解决问题,修改,补充,使网站结构趋向合理,内容更加丰富,形式更富有感染力。
4.宣传推广
刚刚建成的网站就好像一个新注册的电话号码,没有人会自动找上门来,这时你就需要适当地做一些网站推广工作了,这里有很多方法,例如:
a.网页里设置适当的META标签;
b.交换友情链接。这是个免费而高效的办法,就好比在别人商店打上你的广告,在你的商店打上别人的广告,这样一来当网友参观别人的网站时就知道你的网站了,如果你的广告做的好,他一多半都会参观你的网站,这是件无须开支、互利互惠的好事情,推荐使用。
c. 在各大搜索网站(例如sohu.com yahoo.com)注册你的网站,这样当别人在搜索同类的信息时就会发现你的网站;
d.备新闻稿件在各新闻公告板发表;
e.合理使用Email邮件列表;
f.付费广告,这个办法最有效了,但它是付费的;
g.在论坛里贴条子。这个办法效率不高,也很累,有时也会被别人删除掉,所以不推荐。
另外还需要说明的是,请千万不要使用发垃圾邮件来推广个人主页,这样不但不会使别人喜欢你的网站,反而会引起别人的极度反感,这是一种不道德的行为。
至此,网站项目建设完毕。
5.维护
网站做好了是不是就打算一劳永逸呢?不是,如果网站做大的话,网站维护也是个艰巨的工作。当网站变得十分庞大时将会有不计其数的图片、网页文件等内容,如果它们有一个丢失或链接失败都会引起网页错误,想想我们做的多副图片如果少一副会是什么情景?所以我们一定要保证整个网站的“健康”和完整。为了使网站健康、完整,通常我们在做新网站之前,都应该在DW里建设一个“本地网站”,也就是自己电脑上的网站副本,这样才能有效减少网站错误,刚才我们制作网站时是先做网页后建网站,其实这种网站建设方法是错误的,正确的是先建网站后添加内容。另外就是要时常检查网站的链接是否有误,这里我们可以使用DW的SITE程序的SITE菜单中CHECK LINK SITEWIDE选项来检查网站中是否有断掉的链接,以便及时修复。
另外我们还应该科学地存放不同类型的文件,例如将网站中的图片都放在一个文件夹里,将网页放在另一个文件夹里。而且如果将来网站真的“肥沃”起来,我们甚至需要为每一个栏目建立一个文件夹,例如将有关MUSIC栏目的文件放在一个文件夹里,将PICTURES栏目的文件放在一个文件夹里,这样一来,会为我们的维护工作减少很多不必要的麻烦!
网站维护最后要说的就是网站的文件备份了,如果电脑发生了灾难,我们的网站就很可能要瘫痪了,所以时常备份网站文件也是很重要的。
网站成功推出后,长期的维护工作才刚刚开始,我们需要做到的是:及时响应客户反馈;例如可以采取Email自动回复功能,然后尽快解决问题,再次回复;网站流量统计分析和相应对策;尽量推广和使用您的网址;网站内容的及时更新和维护。
五、网站安全问题及对策
防火墙是阻止外面的人对你的网络进行访问的任何设备,此设备通常是软件和硬件和组合体,它通常根据一些规则来挑选想要或不想要的地址。
首先绝大多数简单的身份验证过程都是以IP地址为根据的。IP地址是Internet网上最普遍的身份索引,它有静态和动态之分。 静态IP地址即固定不变的IP地址;它可以是某台连在Internet网上的主机地址。静态IP地址分在几类。其中一类能通过Whois查询命令得到;并且此类地址主要是Internet网上最高层的主机的IP地址,这些主机可以是域名服务器、Web服务器和“根”主机,并且在InterNIC的Whois数据库中都有它们的注册主机名。另一类静态IP地址被分配给Internet网中的第二和第三层主机(这些机器还有固定的物理地址),然而这些机器不一定拥有注册主机名。但不管怎样它们有注册的IP地址。动态IP地址是指每次强制分配给不同的上网主机的地址。ISP的拔号服务器中经常使用动态IP地址--节点机每次拔号上网,都会被分配一个不同的IP地址。无论IP地址是静态还是动态的,它都被用于网络传输中。
防火墙最基本的构件既不是软件也不是硬件,而是构造防火墙的人的思想。目前存在着许多类型的防火墙,每种都有各自的优缺点,最常见的一种上称为“网络层防火墙”的防火墙。网络层防火墙通常以路由器为基础,换句话说路由器决定“谁”和“什么”能访问你的网络。这种方案采用了一种所谓的“数据报过滤”技术,即检查到达路由器的外部数据报并作出选择的技术。
以路由器为基础的防火墙要对每个联结请求的源地址(即发出数据报的主机的IP地址)进行检查。确认了每个IP源地址后,防火墙构造者所制定的规则将被实施。基于路由器的防火墙有很快的速度,这是因为它被草草地检查一下源地址,没有发挥路由器的真正作用,并根本不判断地址是否是假的或伪装的。然而速度的加快是有代价的,基于路由器防火墙将源地址作为索引,这就意味着带有伪造源地址的数据报能在一定程度对你的服务器进行访问。
为了网站的安全,除了在Internet服务管理器的Web站点属性中设置好目录安全性外,还应该选择保护性好的防火软件,由于时间关系,我们本次使用的是网络保护神LockDown 2000,它能清除目前已知(553种)和未知的所有特洛伊木马、邮件病毒,防止网络炸弹攻击、在线检测和控制所有对本机的访问,还能跟踪入侵者,留下它的罪证。
LockDown2000是目前世界上针对Windows操作系统最有效、最完善的安全防护软件,它能非常智能化地追踪和识别未经允许的用户。LockDown2000可以使Internet用户免遭最老练黑客的攻击,阻止任何人闯入你的计算机,保护你的文件不被人偷看或删除。如果你要与他人共享你的资源,只须列出他们的地址,他们就可以访问你的计算机。LockDown2000的作用就像一道设在你计算机和Internet之间的防火墙,它会自动地为你实时查寻目前世界上的各种黑客程序。
如果你允许某些人访问你的计算机,LockDown2000会保存一份完整的记录并简要地报告联接到你计算机的用户的身份。通过反登录,详细地记载他们连接的时间和地址情况,以及十分详细地记录他们在你计算机里到底做了什么事情。
它的主要功能有:
1.能够完全关闭远程用户(很有可能这种用户就是黑客)对你计算机系统的访问;
2.实时监控和记录远程用户在你计算机里的活动情况;
3.自动追踪所有连接情况,记录黑客的IP地址、域名和计算机名称;
4.如果有人已经连接到了你的计算机或正在企图闯入,LockDown2000会用不同的声音发出警告。如果有人未经你的许可,就连接到你的计算机,它立刻会在屏幕上弹出警告窗口和实时监控窗口;
5.完全控制Internet或局域网的任何连接情况;
6.可以自动地任意断开与一个用户或所有用户的连接,这对于资源共享的计算机而言,是非常重要的;
7.能够记录以前连接到你的计算机的用户资料,能够限制与你计算机连接的数目;
8.如果你喜欢使用ICQ与外界联系,LockDown2000能够向黑客发送无效的文件包,从而使你的计算机免遭黑客的ICQ炸弹的攻击;
9.可以查出和中止偷偷运行在你限制的程序列表中的任何一个程序,这种程序很可能是一种不知名的黑客程序或病毒。
此外,LockDown2000还有易于安装、与其它程序不发生任何冲突的特点。