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 语言..

猜你喜欢

如何看外国的设计网站(外国比较好的设计网站)

关于外国的一些设计网站 你可以用谷歌浏览器,带中文翻译,百度浏览器貌似也能翻译! 本回答由提问者推荐 谁知道,国外一些知名的设计网站? www.aiarchitecture.

2022-06-27

网站设计要注意哪些(网站设计中应注意哪些方面)

网站首页设计有哪些地方要注意?网站首页设计有哪些地方要注意 企业网站的首页设计效果一般决定了用户对网站的第一印象,而第一印象又决定着有点是否喜欢你的网站、是否会继续浏览你的网站

2022-06-27

张店网站制作

淄博做网站,做网站的公司有吗 网站制作通俗的来说就是网站通过页面结构定位、合理布局、图片文字处理、程序设计、数据库设计等一系列工作的总和,也是将网站设计师的图片用HTML(标准

2022-06-27

哈尔滨网站设计公司电话(深圳专业的网站设计电话)

郑州网站设计公司-高端网站设计公司有哪些?   郑州网站建设公司【郑州七彩科技】是一家专业的网站建设,网站制作公司,公司主要业务:网站建设,网站制作,网站设计,微信开发,网站优

2022-06-27

做百度SEO的公司具体有哪些优势

相信很多人都会不断的接触到很多不错的产品,这些产品能网络营销到底还有哪些优势够获得这么不错的推广支持,都是因为进行了营销方案的使用,这么一来就可以很好的起到了推广的效果,吸引更

2022-06-27