导航:首页 > 万维百科 > 网站设计基础

网站设计基础

发布时间:2020-08-10 23:55:05

1、一个网站建设需要懂得哪些基础知识?

1、设计知识
既然是网站建设,就应该特别注意规模和条件。一个网站应该有自己的规则和规格,有自己的图形和字体,具有不同的个性化特征,当然,属于自己的亮点,是受到关注的主要条件。因此,在网站建设过程中,设计是一项不容忽视的技术。
2、软件技术
在网站建设中,我们不仅需要建设各个板块,而且软件是互联网应用和操作不可缺少的工具。如果我们不使用这些软件,就无法完成网站建设。因此,要建设网站,必须会使用软件,如FLASH软件,或其他类型的技术软件等。
3、优化技术
如果网站不具备市场营销功能,就会失去其价值,学习相关的SEO优化知识可以使我们的网站建设更有价值。

2、网页设计基础问题。。

我了个去啊,您这是一点不会吧?你确定这样你要做个人网站。。。还不如直接找个人帮你做掉算了,真是,,,,让我想到的是考试答卷啊。您这个╮(╯▽╰)╭


1、试描述建设个人网站的基本步骤。


    前期准备工作,你要有一个域名和域名空间,好了不要问我什么是域名,域名空间就是你文件的存放地。

    之后,设计-网页基础排版和图像处理;静态页面-html+css静态页面编辑;程序-把做好的静态页面嵌套到程序里面,你就可以通过后台进行管理了。

    最后调试,测试网站链接等无问题后上传网站到空间,正式发布运行。


2为什么制作网页时要遵循使用标准字体、标准色彩的原则?


    首先网站是不支持除标准字体之外的字体的,除非你使用的字体恰好浏览者的字体库也有这种字体否则都会变成“宋体”,所以使用标准字体之外的字体也就毫无意义了。

    当然有一种叫做@font-face的字体,可以 将外部字体载入到网页,但是他有一个致命的缺陷——针对中文字体相当的不完善。而且使用这种方法你要将字体转换成.eot、.svg、.ttf、.woff四种格式字体,并在样式中定义字比如:

@font-face {
    font-family: '953-cai978regular';
    src: url('../font/953-cai978-webfont.eot');
    src: url('../font/953-cai978-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/953-cai978-webfont.woff2') format('woff2'),
         url('../font/953-cai978-webfont.woff') format('woff'),
         url('../font/953-cai978-webfont.ttf') format('truetype'),
         url('../font/953-cai978-webfont.svg#953-cai978regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

    至于颜色,你可以查下相关web安全色的问题,我就不多给你解释了。


3使用表格和框架布局网页有什么不同之处?试描述二者结合布局网页的优势


    表格和框架的话,我不想说太多了,这个根本是本质上的区别,没啥好解释的,就简单说下方便你理解就算了。

     表格的话你可以理解为Excel差不多,就是在html页面上建立一个table表格,把需要的内容放在相应的单元格就可以,不过html中的表格可以做布局用(现在很少有人用了)。

    框架的话,不建议你去研究,这个基本上在网页制作中很时候用到了,不过像现成的QQ客服代码和API地图代码插入就是框架结构。

    这个两个你都不需要知道他们的优势,因为基本不用这两种进行布局。现在大多数是采用div+css的布局,而且现在html5+css3的技术很强大了。

    另外框架有个致命缺点就是会出现内部滚动条,你要是不明白我说的是什么意思,你自己做一个页面只用框架并且把高度和宽度撑开你就知道了,太影响美观了有木有啊o(>﹏<)o


4回答关于文本和图像的使用的下列问题:
(1)如何输入无行距回车和连续多个空格?


    不是很清楚你说的无行距回车是啥,如果是像word一样的换行的话只要一个<br />就搞定了,单个空格是 &nbsp; 多个空格我们基本不用,大多数采用 margin/padding 直接控制几个像素的距离。


(2)什么是替换文本,替换文本在图片正常浏览和非正常浏览时如何表现?


    替换文本就是字面的意思,比如我在当前位置插入一个图片,但是由于不明原因它不能显示了(360急速模式下默认是一个裂图,你懂的),现在替换文本就会显示出来了。也就是说我设置了替换文本是“你看不到我”,那么当图片不显示的时候你就看到这句话了(前面说了360显示裂图,IE是这样的,你要是一定要显示这句话就要牵扯到浏览器默认格式的问题了,现在先不和你说有点小复杂)。

    如果图片正常情况下 你是看不到替换文本。

    值得注意的是替换文本是属性是alt ,浏览器本身具有纠错性很多人用alt显示提示信息,其实这个不是title才是,alt的作用是替换文本。不过现行的主流浏览器都默认支持这种错误。


5按照链接源端,网页中的超链接可以划分为哪几种?按照链接目的端又可以分为哪几
种?


    额~这个问题我也不是很清楚,我不明白你说的源端是什么。

    你可以自己在w3c school上关于a标签这节内容上看看。

    http://www.w3school.com.cn/html/html_links.asp

    (你要是想系统的学html也可以上w3c school 上学,挺全面的)


6什么是图像热点?如何创建图像热点链接?


    热的就是。。。专业解释是啥我也忘了。就你能听懂的方法说吧,网页上的文字和图形都可以创建链接,问题来了,网页上的图形不管你做成啥样也就只能是正方形或是矩形(flash做的不算),那如果我想要一个菱形或是圆形的链接怎么办?热点就有用了。

    你要是不用软件想自己创建一个热点链接就算了,省省力气吧,语法倒是不难。

<map name="mymap">
<area href=URL1 shape=rect coords="x1,y1,x2,y2">
<area href=URL2 shape=circle coords="x,y,r">
<area href=URL3 shape=poly coords="x1,y1,x2,y2,...,xn,yn">
</map>
<img src=image_url usemap=#mymap>

    但是,你看那x1、y1的了吗,算坐标算死了,还不一定找的准。使用软件直接操作,语法也不用你写,很方便的。


7使用CSS样式有哪些优势


    css样式就是把定义文本、图像、布局等一系列的代码全部放在一个统一的“附加样式表”里,这样整个html文档看起来会很干净。

    而且,有些样式是重复调用的,如果有一个统一的样式表只要该一个class即可,就不需要去找每一行的内嵌样式,省时省力。

    所以css优势就是:增强代码可读性、便于修改。



8什么是内部样式表,什么是外部样式表?试举例说明如何使用外部样式


    好吧,这个其实和上面是一样的,看下面代码,插入css样式的三种方式:

<link href="CSS/document.css" rel="stylesheet" type="text/css">
<!--调用外部样式表,单独一个.css文件-->
<style type="text/css">
html{
width:100%;
background:#c8e5ee;
}
</style>
<!--内部样式,直接写在html文档的头部里-->
<p style="color:red; padding-left:50px;">我是红色字体哦~</p>
<!--内嵌样式,直接跟着他要作用于的标签里-->


9行为是由事件和动作组成的。什么是事件?什么是动作?它们之间有什么关系?试以一个行为为例说明


    这个不想理你,你想知知道的太宽了,现在和你说了你也 理解不了。

    这个事件的问题你还是放在以后有时间在考虑了解吧,太简单的没用,难的你现在也做不到。以后你要是想学JS的时候用到的会比较多。

    不过现在JS很多开源代码给你抄,你不会也没关系,也可以做出你想要的效果。


不要一下想把所以的东西都学会这是不科学的,o(╯□╰)o    我也是学了有1年不到才开始不会出现兼容问题的。

3、网站设计需要什么基础?

首先明白:
网站设计是设计师
网站制作是苦力工
网站设计不同于网站制作,要有色彩方面的知识。设计主要是美工方面,得懂得网站重构方面的知识,对网页的制作只需要了解就行了。最好懂得网站标准的知识,比如第三代标准div+css等方向。
软件:photoshop、flash、dreamweaver以及3DMAX等,这些是基础的。
楼上说的ASP、PHP就设计到网站制作编程方面,那不是设计师的范畴。

4、网页设计的基本原则是什么?

审美原则
好的创意必须具有审美性。一种创意如果不能给浏览者以好的审美感受,就不会产生好的效果。创意的审美原则要求所设计的内容健康、生动、符合人们审美观念。
目标原则

创意自身必须与创意目标相吻合,创意必须能够反映主题、表现主题。网页设计必须具有明确地目标性。网页设计的目的是为了更好的体现网站内容。
系列原则
所谓系列化就是在具有同一设计要素或同一造型、同一风格或同一色彩、同一格局等的基础上进行连续的发展变化,既有重复的变迁,又有渐变的规律。从视觉心理上来说,人们厌弃单调划一的形式,追求变化,连续系列的独特性会令人们耳目一新。系列原则也符合“寓多样于统一之中”这一形式美的基本法则,组成连续系列的每一幅界面虽然是一个独立的单元,但由于整体结构内容的相关性,风格基调的一致性,使网站在变化中求统一,形成多样统一、对比而又和谐的艺术效果。

5、要学习网站设计需要有什么基础

如果你要学习 静态网页 用dreamweaver
只要学习 CSS+Div HTML 语言 就行
当然图片素材 flash可以网上找

如果你要学习 动态网站 那用的东西就非常多啦,而且很难
最好能有老师指导,要不自己学习估计 相当费劲,

我们现在就在学习动态网站,用的是C#语言(最好有C语言基本功)
软件用的是 Microsoft Visual Studio 2008

现在网上运行的网站基本都是动态的,静态的只是帮初学者认识熟悉网站制作,网站方面 没什么大的发展,网上代码下载网特别多,
而且网站很廉价,如有不是爱好学习的话,建议学习美工~

6、网页制作设计的基础部分包括哪些?

网页切图 选学
网页设计的步骤是策划-作图-静态页-编程-测试-发布-维护-改版重构 循环
切图是一个技术也是一种艺术,不少美工都具有切图的功底!不过,也不是所有的网页都需要切图!因此,切图的选学的,而且,没有追求的话,切的乱七八糟也没关系!

html标签的用法 必学
这个是必学的,毕竟页面还是html标签组成的!你要熟知大部分标签的用法!这个可以去w3school学习进阶!

css 样式和样式表 必学
css是目前网页设计中的主要角色!也是程序和美工的区别之一!css可以简单理解为美化!你可以使用他设置颜色,大小,边距,行距,字体,位置等等等....

浏览器兼容 选学
html页面最终要在浏览器中运行和查看!但是,不是所有的浏览器都遵循同一个标准,因此,你的页面在每个浏览器底下或多或少的都有一些不同!你要学会找到问题,解决问题!最大限度的保证在每个浏览器下看起来都差不多!

javascript & jQuery 选学
JS和JQ是两个不同的东西,js在网页中的主要作用就是网页“特效”了。比如滑动,展开收起,幻灯片等等~~团队细分中,html页面是由前端设计师制作的,网页设计师仅仅负责效果图的制作!但是,现在的网页设计师明显的需要具备多门“手艺”才能混,js是其中之一!

Action script 选学
AS是flash中的常用到的一种语言!主要是制作全flash网站或者flash+xml交互模块! 如flash幻灯片,图表等~

学习建议:
目前的大部分html教程都是垃圾教程,是网站为了赚取流量到处复制粘贴的千篇一律的扯淡字符串(还不能算是文章,只能算是一个字一个字组成的页面,因为连发布者都不知道里面写了什么)!个人建议,你最好下载几个chm格式的手册,如html手册,css手册等~备用查询,作为字典!我学习的时候是读的《Head First xHtml + css》,一周入门html+css!不过,学习肯定离不开勤学苦练!以下是我建议的学习方法:
1.认识标签,学会是使用h标题,p段落,ul列表,div元素,img插入,a链接
2.学会添加标签属性 class=“name”,id=“name”,table的相关属性
3.学会引入外部文件,<link /> <script src=""></script> <img src="" />
4.一个完整简单的html,严格按照html的结构制作一个纯html标签组成的页面,无样式,能区别出标题,列表,链接,段落
5.css学习入门:字号,边框,float浮动,clear清除浮动,background背景
6.页面模块划分:header,mian-body,footer 头部,内容,页脚
7.页面布局细分:三列,两列,四列,多列,【国字形、常字形】
8.html,css分离使用,在html引入外部css样式表
9.图片美化页面

大致以上几点,循序渐进!而且,尽量手写代码,使用记事本即可~因为,你要不断的去认识和书写一些常用的标签和拼写!【实际工作中,编辑软件都有代码提示功能,那仅仅是为了加速工作效率,但并不适合新手使用,否则,就懒惰了!不利于记忆和理解!】

7、网页设计基础教程

http://tech.163.com/special/w/000915SQ/webmediatech.html
菜鸟教程,懂点电脑就可以看懂

与网站设计基础相关的知识