当前位置：九州下载 > 网站教程 >

网站设计是什么

时间：2022-09-05 12:31编辑：九州下载来源：www.wzjsgs.com

　　网站设计要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。网站设计是将策划案中的内容、网站的主题模式，以及结合自己的认识通过艺术的手法表现出来;而网页制作通常就是将网页设计师所设计出来的设计稿，按照W3C规范用html(标准通用标记语言下的一个应用)将其制作成网页格式。

　　简单来说，网站设计的目的就是产生网站。简单的信息如文字，图片(GIFs，JPEGs，PNGs)和表格，都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。而更复杂的信息如矢量图形、动画、视频、声频等多媒体档案则需要插件程序来运行，同样地它们亦需要标示语言移植在网站内。

　　网站设计与网页设计则不同。网页设计是设计过程的前端(客户端)的设计通常用于描述一个网站，包括写标记，但是这是一个灰色地带，因为这还覆盖了网络的发展。网页设计师预计将有意识的可用性，如果他们的作用，需要创建标记，那么它们也有望成为最新的网页易读性指引。网站设计(WebDesign)，网站设计是一个把软件需求转换成用软件网站表示的过程，就是指在因特网上，根据一定的规则，使用Dreamweaver、photoshop等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯(信息)，或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站，获取自己需要的资讯(信息)或者享受网络服务。网站它是由域名(俗称网址)，网站源程序和网站空间三部分构成。其中域名它是类似于互联网上的门牌号码，是用于识别和定位互联网上计算机的层次结构式字符标识，与该计算机的互联网协议(IP)地址相对应。而网站设计是设计师通过像Frontpage或Dreamweaver等工具来对网站进行编辑的!

　　网站设计原则

　　自适应网页设计也称为响应性的Web设计-设计网页，提供一个很好的感知上的各种设备连接到互联网。

　　自适应网络设计的目的是为不同设备的多功能网站。网站是为了更方便地查看不同的分辨率和格式的设备，技术，自适应网页设计没有为特定类型的设备创建一个单独的版本的网站。一个网站可能无法在您的手机，平板电脑，笔记本电脑和电视上网，要满足全范围的设备最佳显示。

　　网页设计是做什么的?

　　网页设计是根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化)，进行网站功能策划，然后进行的页面设计美化工作。网页设计的初衷是根据企业愿景向浏览者传达需要传达的信息。

　　网站设计制作注意事项

　　1、xml文件尽量以utf-8编码，gb2312有些字是存储不了的，如?,就算能存也需要转换，比较麻烦，utf-8也符合国际规范。

　　2、CSS中:hover这个伪类，如果放在:visited前面则会失效。

　　3、<a>标签如果没有href属性，所有对它的css的伪类如:hover均失效。　　4、js文件中用document.wirte("<script language=’javascript’ src=’" + file + "’></" + "script>"形式的引用，其file相对路径均为引用该js的html的路径。　　如：a.htm 引用x\\b.js,b.js引用x\\c.js,则file应该为x\\c.js而不是相对b.js的直接路径c.js，而css中的@import,url()引用不存在这个问题

　　5、在页面中，有时talbe的宽设置为100%右边也会留下一个滚动条的空白，请设置<body style="overflow:auto">

　　6、对于常用的图片不要用img标签，使用<span><a>并用css指定其背景和宽高，对于做动态的（移上去变背景），使用<a>最好，不需要额外编写代码，只要利用伪类:hover就好了，使用css好处是一次改变全部改变，这点可以很好的利用在换皮肤的应用中。

　　7、@font-face {font-family:comic;src:url(http://valid_url/some_font_file.eot);}　　定义一种在本地没有的字体名称，调用<span style="font-family:comic;font-size:18pt>aa</span>

　　8、几个CSS　　div { overflow: hidden;text-overflow:ellipsis; } 　　td { vertical-align : middle; } 　　要强制溢出发生并且应用 ellipsis 值，作者必须设置对象的 white-space 属性值为 nowrap 。　　假如没有换行机会(例如，对象容器的宽度是狭窄的，而内有很长的没有合理断行的文本)，没有应用 nowrap 也有可能溢出。　　为了使 ellipsis 值被应用，此属性必须被设置到具有不可视区域的对象。最好的选择是设置 overflow 属性为 hidden。

　　9、firefox的document.createElement不支持内容里有HTML标签,也不支持innerText，但是支持innerHTML,可以用innerHTML指定其内容。

　　10、.net控件里DropDownList在firefox下的宽度不着色，需要直接定义style=’width:10px;’

　　11、firefox中css的cursor不支持hand,使用pointer代替。　　12、iframe里的滚动条需要在iframe标签里设置style=’overflow:hidden’,不能仅仅在body里设置，在firefox会有问题。

　　13、在onpropertychange事件时，注意使用event.propertyName对属性改变事件过滤，在设置本事件时，其实已经改变了onpropertychange这个属性，所以会自动的执行一次。

　　14、js5.6里的对XSL的支持版本较低，如document函数就不支持。　　15、slice函数比直接循环获取数组片断慢。

　　16、nextSibling获得下一个对象时，需要注意，两个节点间不要有空格，否则很容易获取不到正确得对象。

　　17、CreateTextFile在有中文时必须指定第三个参数为true,否则不能写入中文，表现为Write写时报错。

　　18、保存中文文本时使用ADODB.stream,不使用fso,因为FSO不支持utf-8格式。

< 上一篇

网站重构是什么

下一篇 >

如何建设一个好的企业营销型网站