1、网页制作代码解释
body{}整个页面对象
font 字体样式
100%/1.4 100%代表字体大小为100%(即行高),1.4指行高为1.4em
Verdana,Arial,Helvetica,sans-serif 这四个单词代表4种可选字体,但这并不是强制
background 背景样式
margin 设置边界大小
padding 设置填充大小
color 字体颜色
上面只有简洁说明,如果还有不明白的发Hi消息
2、从那几个方面解读自己做的网页
一.从网页整体结构设计把握分析
访问者可以快速查找到自己所要寻找的信息和内容链接,理由是它 的每个页面都有独立的标题和版面特点,并且网页标题中含有有效的关键词,每个网页还有专门设计的META标签,而且图形和文本层叠有序,框架结构明显。
二 .当今网页设计的流行趋势
网页设计是网络技术,美学,心理学的结合,你可以从中研究一下是颜色如何引导用户的注意力的。现代审美的趋势以及不同人群的审美观念,都会在一定程度上影响网页美感效果和体验效果。采用的网页技术的功能效果实现以及访问效果还有在访问时的心理感知都会影响网页设计的结果和效果。
三.从页面之间的互相关系来把握网站设计的好坏:
各组成部分在内容上的内在联系和表现形式上的互相联系以及脉络要明确,并注意到整个页面设计风格的一致性,还要关注网页主流访客的搜索引擎的习惯,把一些重要并且新鲜度高的标题放在网站左侧。
四.从页面和谐的角度来把握网站设计的好坏:
和谐是指整个页面符合美的法则,浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合,那么作品将不但没有“生命感”,而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式,而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通,产生心灵的共鸣。这是设计能否成功的关键。主要有浏览视觉、颜色搭配合理、图文配合合理等
五.热点内容的分部和banner等广告条幅的设计是否醒目并且不使人有唐突感。最后就是一些软指标了,主要是网页布局是否符合客户要求,热点推荐是否能让人有点击的冲动等等。
3、网页设计分为3大部分 求解释
网站设计分为前台和后台 前台就是我们用浏览器能看见的 网页的样子 后台利用WEB编程语言实现一些特定的功能
程序开发是针对后台而言的 可以实现一些功能!比如网上交易之类的功能!
网站内容管理这个应该更好理解了吧!!网站的内容是需要随时更新的 所以设计的时候需要考虑到内容管理的便利性
一般学网页设计 推荐先学前台美工方面!
4、★网页设计中的几句代码解释★
这个是一个定义的超链接样式。网页内凡是没有明确指定采用哪个样式的超链接,均采用此样式。
A:link {text-decoration: none; color: 000000}
/*带有链接的字体样式:无下划线等修饰;字体颜:黑*/
A:visited {text-decoration: none; color: ff0000}
/*访问过的超链接字体样式:无下划线等修饰;字体颜:红*/
A:hover {text-decoration: none; color: ff0000}
/*鼠标悬浮于超链接上时字体样式:无下划线等修饰;字体颜:红*/
A:active {text-decoration: none; color: 00ff00}
/*点击下去未松开鼠标以前的字体样式:无下划线等修饰;字体颜:绿*/
另外,你的颜色色值前面应该加上“#”。并且你的色值是形如:RRGGBB的形式,你可以采用缩写的写法:RGB。
例如:“#000000”可以写成“#000”;
“#ff0000”可以写成“#f00”;
“00ff00”可以写成“#0f0”。
5、网页设计代码解释
这就一表格。要怎么解释、这个代码很基础:
<td align="center" class="td1">${list[1].teacherName}</td>
td 表格 居中 使用样式的类是td1 这是PHP开发的吧 输出teacherName的数据,其他一样的。
6、网页设计中解释下什么是行为、动作和事件?
行为:是一个脚本语言,在DW中用行为做的效果挺多的,比如你在一个图片上设的行为是当鼠标移上去后就播放声音,或者弹出一个小窗口.这些都是行为里可以控制的。
动作:主要的有如下:
1、网页中点击提交按钮2、网上中点击超链接跳转页面(即你点一个图片或一行文字就导航到一个新的页面)事件:1、鼠标事件:通过鼠标移动或停靠或点击等触发网页的行为2、键盘事件:通过按键的按下弹起等操作触发的网页的行为3、加载事件:首次加载网页时触发的网页的行为4、关闭网页事件、焦点事件等等还有好多。
7、网页设计的行业分析怎么写?
很多行业来都需要网页设源计师,这其中更集中分布在以网站本身盈利的互联网公司。因此网页设计师的就业范围是非常广泛。市场对网页设计师的需求一直是有增无减,各大网站、广告公司、设计公司都在大量招聘网页设计人员。
网站首先作为一个网络名片,像个人主页、公司企业网、机构团体公益网站等等,都能够通过这样一个平台去对外展示自己的形象,全面有效的传达自己的意图与信息,所以网站首先是个对外宣传的窗口。越来越多的企业需要网站这样的一个平台,所以网站设计的专业人才也成为了各大企业争抢的香饽饽。中国还有许多企业没有企业网站,虽然不是每个企业都会建设网站,那么有一部分的企业创建网站,也是一个很大的需求,此外已经有网站的企业还需要对网站进行改版、完善。而中国的专业网站设计师不是很多,网站设计的市场规模大,网站设计师就成为具有发展潜力的新生劳动力量。
8、网页设计的诞生与演变
网页的诞生,对于老网民来说,好像很久很久以前的故事了,其实,到目前为止也就是十几年的时间。它期间,网络技术的发展变化使人目不暇接,可以说它的演变周期是以“天”来计算的。
第1章 可能性的探索
网络技术的日新月异的变化给网页设计带来了新的表现天地。在网络世界里,技术始终起着先导作用,设计见分晓随着技术的发展而发展、变化。
浏览器这个新技术的出现使得信息传达与思想交流得以在网页中实现。可以说网页设计这个概念也是在这个时期开始了萌芽。在浏览器的发展初期,网页页面上还无法显示图像、声音、影像等要素,必须启动其它辅助软件才能实现,但是,很快这些技术问题便得到了解决。现在好像已经是理所当然的事情,可在当时这是一个多么在的惊喜啊。网页设计师们像得到了法宝,大家赶快在网页中加进了这些新的要素。从那时起,诸如shockwave、Future Splash(现叫Flash)以及各种Movie、Java等新技术发表后,这样的行为就反复地出现。但不管怎么说,随着各种技术的不断发展,瘰曾经出现在出版印刷、广播电视以及光盘等媒体上的表现形式,逐渐地在网页设计上也同样成为了可能。
这种“既然可能,那就试试”的想法的第一个“受害者”就是网页的下载速度。虽然这种丰富的实验性网页看上去与其它的网页有所不同,但是,那种图像的乱贴,各种技术的滥用所导致的结果使得网页的下载时间成倍的增长。更严重是任何信息也无法传递出去。当然,无论是网页设计师还是用户,都希望网页更有抵魅力、更有感染力。但是,如果它失去了必要的平衡关系的话,其结果是事与愿违。这种设计构想与技术(下载速度等等)的冲突矛盾,至今还持续着。也许,这种冲突将永远无法得到解决。因为,无论传送速度如何地改善,网络用户都将不断地增加,而且,随着传送速度的提高,网页设计师们又会想出很多新的表现手法,他们的探索与尝试是不会停止的。
第2章 形式与结构
从“网页”这个称呼来看,我们就应该明白,当初创造它的科学家们仅仅是把它作为一种可以共享的“文书”来使用的载体则设想为“低”。
随着网络商业行为被人们所接受,越来越多的人参与进来。人们使用因特网与利用因特网的目地与其诞生初期产生了很多不同,变得多元化了。随之而来的便是各种各样的探索与尝试因特网广告、电子商务、电子出版、网上商店等等。到这时;正式概念上的“网页设计”雏形终于诞生了。当然,在此之后,在此之前,服务器上的以及电脑与电脑在文件流通上的“设计”是一直存在的,这种设计是如何地重要是毋庸置疑的。但是,作为可视的,人与人在交流层次上的网页设计,才是人们最需要的,才是人们直接地实现自己理想的手段。
在网页设计的发展初期,设计家们就发现,无法保证自己所设计制作的内容完全不变地再现于网页之中。浏览器在解释文本语言的构造后,并通过页面来显示时,会出现一些偏差与变异,显然它没有充分考虑到更容易让它人控制的解读方式。作为人与人之间的有效的交流手段来说,它还存在太多的缺陷。对于这些问题进行了一系列的探索,想了很多不得已的办法。比如用本来是做表格的标记格式来控制页面的构图,用透明GIF图像来调整间距,用图像方法来进行文字设计等等。虽然,这些技巧无法解决所有问题,而且,这种做法对于重视结构的HTML来说会带来许多不利的问题,但是,这种做法所带来的好处在重视这些好处的人们之间,很快传播开来。现在,CSS方案被提出与普及,人们才真正朝着解决“形式与结构”这个问题上前进了一步。
第3章 设计方针的变迁
仅仅十几年的时间,网页设计的流行倾向就经历了几次巨大的转变。其中之一就是对机能性重视的演变。在一两年前,因特网上许多著名的网站都陆续地改变了自己的网页设计风格,网站的制作重点都更加倾向于对可操作性,功能性的重视。原因之一便是随着用户和访问频率的急剧增加,导致网站必须把多余的纯装饰性的东西省略,以提高网站的可读性,另一个原因是,各个网站已经积攒了一定的经验,渐渐明白什么是应该提供的信息,哪些服务是重要的哪些是不重要的。现在较多的媒体型网站以及软硬件公司的网站上,还有网上商店等到电子商务型网站上,均可以看到这样的变化。人们最关心的门户网站也是如此。
去掉多余的图像来提高速度,这是对机能性的重视,但是,如何使用户更快更容易地找到需要的信息,如何让用户更快地了解网页上的信息质量,如何引起用户的兴趣等等,还有如:什么样的信息放在什么样的栏目里,应该起什么样的名称,这些信息应该是以什么样的形式来设计,比如说文章应该分多少页来显示,每页的量又应该是多少,标题应该如何设计,图像该有该无等等,都对信息的传递效果起到很大的影响。另外,电脑屏幕是平面的,我们无法直观地了解网站信息的立体结构;比如说,从一本书的外观厚薄上,我们可以直接地感到其信息量的多少,无论阅读到哪里,我们也可以轻而易举地知道已经看了多少,还有多少没看,但在网页里,我们却很容易迷失方向。如何使用户能更快地把握网站的立体结构,如何使用户穿梭自由,这些都是每一个网页设计师应该注重的问题,这也是重视机能的根本所在。对待不同的内容,不同的目的必须采取不同的设计手法。如果在这一点上概念模糊,定位不准的话,肯定给读者带来的是不快与烦恼,也是浪费读者的时间与精力。
第4章 关于速度
速度是网页设计类学的基本要素。“没有迅捷的传送速度,就没有好的设计”很多从事此项设计的人都相信这句神话。
针对传送速度的限制,出现了许多新的设计方案。比如,在HTML之上,设很多层页,利用这些层页可进行植字,重叠排版的技术(CSS),它使设计者们实现了用有限的资料来提供更多内容的想法。在CSS出现之前,要设计一个理想的标题只能用平面图像,因此在一定程度上对传送速度产生了影响。使用CSS的话,字体,正确的文字尺寸,文章中的行距以及在画面中的位置等都可以得到自由的调整,另外,使用像Macromedia的Flash一样的Vektor Graphc Fomart图像处理格式,更可以在不降低画面效果的情况下,不精确地完成文字字体的选择与字体的设计,然而,不依赖以上技术也同样可以提高下载速度。掌握几个简单的方法就能使用迅速地等到需要的内容。例如,利用HTTP的特征,灵活使用压缩手法也可以提高浏览速度,把几个图像统一为一个,就比把它们分割成众多的小图像好得多,因为,浏览器在读取图像的时候,是一幅一幅读取的,每幅图像的读都必须进行数次接续交换,这种交换次数越多下载速度就越慢。如果把小的图像统一起来,变成一个指南图来利用,即使单个文件变得大一些,因数据交换次数少了,下载速度也会有所提高。
如何使自己的网页变得更加轻巧。如何进一步提高网页的下载速度,主要有两点必须考虑:
4.1、简洁的HTML构成
4.2、减少每一幅图像的容量(bytes)
所谓“简洁的HTML构成”不是以前那种没有任何设计的简单网页。而是在网页设计的排版构图上,使我们能够设计出理想的构图。但是,表格技术又有其弊病,如果把表格设计得过分复杂的话(比如过分使用表格之中套表格等手法的话),浏览器在解释与显示它时就会花过多的时间。所以简洁的表格设计构成是提高下载速度的一个关键。随着网页商业化的普及,在网页上,商品图像的登载已成为必然的事情。如果登载的照片没有经过精心的加工,下载它所需要的时间是难以想象的,用户会因此对你的网页产生反感。为了避免这样的结果。应在允许的范围内,把图像压缩到最小程度,因为计算机上的图像是由一个点的像素组成的,所以这些像素点的多少便是使图像的容量产生变化的主要原因。在用Photoshop加工图像时,JPEG的压缩率由1%到100%大致可分为10个档次,当然1%的压缩率最高,图像的信息量(像素)被压缩到最少,但对图像质量的伤害太大,一般不适合采用。相反,100%的压缩率最小,图像质量很好,但是,文件太大,也不适合采用。一般是在30%到50%之间进行压缩。GIF在减色时也分很多档次,可在1色到256色间变化。
第5章 简洁明了
“简洁”也是网页设计的基本要素。在设计网页时,我们必须充分考虑到用户在阅读网页时的心理状态,要让读者在最短的时间里,迅速地理解网页里所提供的信息内容。在用户进入网页的数秒以内,给他一个好印象,引起他的兴趣,才是最重要的。这就要求设计简洁,主次分明,并通过明了易懂的网页指南向用户介绍网站内容。最终把用户吸引到网站里。
5.1、滚动条的限制
在设计网页时,对于重要的信息最好是在不滚屏的状态下完全地显示出来,这是一下最理想的状态。但是,由于种种原因,这种状态无法在所有情况下保持,即使如此,我们也应该尽量使它只出现一个滚动条,要么是上下滚动,要么是左右滚动。过多的滚屏会防碍用户对整个网页的理解。
5.2、统一网页形象
这个概念来自于企业形象设计系统(CIS)的设计原理。这个原理在网页设计中也同样适用。这个系统会加强网页的整体形象,以及页面与页面之间的统一性和整体感。使用户对网页能产生更深刻的印象。
5.3、网页指南系统
因为网页的阅览方式是不定的,跳动性的,也可以说是含糊不清的,如果没有明确的指南引导,我们的用户将不知何去何从。这样便容易导致他们离开这里。那么,该如何做呢?我们知道读者阅览网页的方式是自由的,跳动性的,所以我们就要做到无论读者在网站里的什么位置上,都可以自由地跑到其它想去的页面上。这就要求我们在所有的页面上都设有复数的连接点。而且最好是一次点击就可以进去。其实,网页设计与建筑设计在很多原理上是很相似的,首先骠设计一个精彩的店面,因为给顾客留下的第一印象是很重要的,然后要有很多道路以及电梯等设备,尽快使顾客到达自己要去的地方,并明白所处的方位。如何去其它的楼层,在那里有些什么等等。让你的顾客迷路是一种最危险的行为,因为在网上的顾客会马上跑到其它的网站里。
制作网页指南的要点在于简明易懂以及使用上的简单便利。无论你自己认为是多么优秀的设计,用户不明其意,或者不知如何使用的话,一切都等于零。而且, 如果用户为了看到想要的信息要经过数次点击,也是不可取的。以最少的点击获得最多的结果是网页设计的一个原则。据调查,如果主页的访问率为100人次,经过第一次点击到达下一页的访问率将下降到30到50人次,再下一页的话,访问率会减少到10到20 人次。这个调查说明,网页的层次越复杂,内容的实际访问率也将越低,情报也就越难传达到读者那里,所以,尽量把网页的层次简单化,力求以最少的点击次数连接到具体的内容。最理想的是只通过两三次点击就可以到达目的地。
第6章 图像制作
图像的下载速度决定着网页显示的快慢。HTML文件对下载速度没有太大的影响,对速度影响最大的还是图像,所以,如何把图像做得精致恰当,选用什么样的压缩方式也是提高下载速度的关键。
6.1、JPEG和GIF
现在网页上经常使用的图像压缩方式还是以JPEG与GIF为主。这两种压缩方式选择哪一种更好呢?这是由设计时的具体情况决定的。
GIF的压缩方式与人们的读书方法是一样的,从左向右,由上到下。图像在用GIF格式保存时,加工软件是由左上端的像素开始,然后向右扫描,然后再由下一端的左边开始,就这样反复地扫描压缩。如果是由一些不同的色素点组成的复杂纹样的话,它就无法进行有效的压缩,在平涂颜色面积较大的情况下,渐变色彩较少的图像,使用GIF形式压缩比较合适。虽然它不适合照片的压缩,但是,如果照片等图像的尺寸小于100*100px的话,用GIF形式压缩也是比较合适的。
JPEG是一个摄影团体发明的压缩方式,它最适合照片之类图像的压缩,图像的压缩率可以自由调整。适于大幅图像的制作,随着压缩率的提高,下载速度也就会相应提高。色彩复杂的图像选择JPEG形式的理由是,这种形式可以保存几百万种像素。而GIF形式的像素保存却被限制在256种之内。JPEG形式的缺点是随着压缩率的提高,图像的质量便会越来越差。另外,如果要修改这些图像的话,应该打开24比特(bit)的原始图像进行修改与变更尺寸。因为通过这两种形式保存的图像,在质量上都有所降低,若把它们打开再一次修改再一次变更尺寸保存的话,它们的质量就会有明显的下降。
6.2、图像的容量(bytes)
在用 Photoshop进行了图像制作时,无法正确了解图像的容量(bytes)图像左下端的数值也并非图像的真正容量。要起了解图像的真正容量,最简便的办法就是选择菜单的“Getinfo“命令。在这里我们可以了解它在硬盘上占有的空间,以及文件本身的真正的容量。
6.3、图像的格式
在网页中可以插入的图像有两种:普通图像和动画。普通图像的格式如表6-1所示。
格式 含义
GIF Graphics Interchange Formats的缩写,CompuServer公司1987年推出GIF标准,并于1989年和1990年更新,目前标准是89a,256色,可以在所有的浏览器中观看
JPEG Joint Photographics Experts Group开发的图片格式,以开发小组的缩写表示,JPEG保留RGB图片中的所有颜色信息,通过选择性地去掉数据来压缩文件,JPEG图片在打开时自动解压缩
BMP DOS和Windows兼容计算机系统的标准Windows图片格式,Windows与OS/2的位图格式不同
TIFF 标签图片文件格式,用于在应用程序之间和计算机平台之间交换文件,是一种灵活的位图图片格式,为所有绘画、图片编辑和页面排版应用程序支持。而且几乎所有桌面扫描仪都可以生成TIFF图片
PCX Z-Soft Painbrush格式,用于IBM PC兼容计算机上。大多数PC软件支持PCX 5
PNG Portable Network Graphics(可移植网络图形)缩写,是作为GIF的免专利替代品而开发的,支持颜色索引、灰度和真彩色图像,需要特殊的插件支持才能显示,用于在World Wide Web上无损压缩和显示图像
EPS 封装的PostScript文件,用于在应用程序间传输PostScript语言图稿
而动画格式有许多种,Dreamweaver支持的动画常用的有数种:
1、GIF动画――GIF动画实际上是将几幅GIF图像循环播放而形成的动画图像。GIF动画的制作工具很多,其中Microsoft公司的Gif Animator是最常用也是最好用的工具。
2、SWF动画――Flash动画,目前最为流行的网页动画,可以是高质量的矢量动画。
3、视频――有AVI视频、QuickTime视频、RM视频和MPEG等数种。
在网页中,我们可以在背景图片的上面加上一个透明Flash动画,使原本不会动的图片变的更加生动,从而使网页多姿多彩。[5] 图片格式(P38)
结论:
在网页设计时一定要选择质量好,容量小的图像为网页快速的下载速度和留住访问者打下基础,同时,统一的网页结构和布局也是提高网页的显示速度和网站的可读性必要因素.
9、解释网页设计代码的意思
<meta http-equiv="Content-Type" Content="text/html; charset=gb2312">其中gb2312可以改,意思就是你网页用什么语言,这个就是中文,可以改成什么可以在“查看”/编码/后面有很多种语言,可以换,