网页设计基础HTML

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

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

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.图片美化页面

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

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、网页设计制作详细流程

分析如下：

1、首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。

2、下面选择这三个界面，代码、拆分、设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页。

3、下面我们来制作网站站点，在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。

4、然后再在站点根目录下建立一个专门储存网站图片的文件，并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件，不会丢失。注意文件命名要用英文。下面我用我建立的（篮球资讯网）来介绍，点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。

5、下面我们来制作这个网站首页，先学习添加图片。插入——图像——选择素材添加。点击图片，下面属性可以编辑修改图片大小，添加超链接等等。下面我修改图片大小做示范。

6、下面学习添加文本。编辑“篮球资讯网”，下面属性可以设置文本字体、添加超链接等等，点击页面属性，可以详细编辑文本属性。

7、网页基本就是文字和图片的组合，添加视频还需要学习者好好搜索Dreamweaver 的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。

8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本，点击页面下方属性——链接——点文件小按钮——选中第一个网页，这样篮球资讯网文本变成蓝色。这是网站内部链接，相反就有外部链接。添加如图，一定要写http://......就可以了。

9、最后我们浏览网页。左上角文件——在浏览器中浏览网页，点击网页中两个链接都能到达指定网页。

(3)网页设计基础HTML扩展资料：

网页设计

设计网站要注意两个要点：整体风格和色彩搭配。

风格

网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。

风格（Style）是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。

色彩搭配

无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。

网页配色小技巧：

1．用一种色彩：这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感；

2．用两种色彩：先选定一种色彩，然后选择它的对比色；

3．用一个色系：简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

在网页配色中，还要切记一些误区：

1．不要将所有颜色都用到，尽量控制在三至五种色彩以内；

2．背景和前文的对比尽量要大（绝对不要用花纹繁复的图案作背景），以便突出主要文字内容。

4、做网页设计要具备哪些基础知识?

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