web设计基础基本网页设计

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

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

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年不到才开始不会出现兼容问题的。

2、web页面都是使用什么语言为基础设计出来的

web页面都是使用“HTML”语言为基础设计出来的。

相关介绍：

HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一专种标属记语言，它是标准通用化标记语言SGML的应用。HTML包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。

(2)web设计基础基本网页设计扩展资料

自1990年以来，HTML就一直被用作WWW的信息表示语言，使用HTML语言描述的文件需要通过WWW浏览器显示出效果。HTML是一种建立网页文件的语言，通过标记式的指令(Tag)，将影像、声音、图片、文字动画、影视等内容显示出来。

事实上，每一个HTML文档都是一种静态的网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程序语言，只是一种排版网页中资料显示位置的标记结构语言，易学易懂，非常简单。

HTML的普遍应用就是带来了超文本的技术―通过单击鼠标从一个主题跳转到另一个主题，从一个页面跳转到另一个页面，与世界各地主机的文件链接超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行的操作。

3、网页制作需要什么当基础

学习网页制作大概包括：

Html语言：这是构成网页的基本元素。

CSS样式表：可以使网页更漂亮，控制文字、对齐位置等很多属性，

Javascript：这是大名鼎鼎的脚本编程语言，可以用它在客户端实现很多效果，比较容易入门。

Dreamware：这是大名鼎鼎的网页设计工具。

ASP/ASP.NET/JSP/PHP：这些是动态网页技术，分别有各自的设计语言和技术架构。

数据库：动态网站一般都需要数据库支持，通常使用的数据库有Access,Mysql,SQL server, Orcal。

网站/Web应用系统：这是两个方向，有人用网页作网站，有人用网页作应用系统。

4、网页设计的基本内容

一个网页有框架、文本、图片、超链接、表格、表单、动画、视频、其他.

5、学网页设计需要什么基础？

?

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、做网页设计要具备哪些基础知识?

当然是
html 语言了...
我就是学网站开发的。 .
目前已经学了 html css js vs sql asp jsp php
学网页设计要学 photoshop 和 flash ,这两个对前台排版很重要..
最基础的就是 html 语言..