一、网页设计介绍和HTML基础.pptVIP

课程安排及考核方式;网页设计的发展方向;网页设计需要学什么东西 ;优秀站点举例 ;网页颜色风格选择;两种对比色（互补色）不要在同个画面五五对分 给要凸显的主体物加以白边或黑边，因为在颜色很多或饱和度很高的情况下，黑，白，灰，会起到中间色的作用，来给画面强烈的对比反差做协调 建议刚开始练习用色时从纯色练习着手，把握好色彩感觉后再做比较深的研究。 ;1.紫色系与黄色系 ;2.红色系与黑色系;3.红色系与白色系;通常主色调决定要搭配什么样的颜色才协调，如上图，主色调为暗绿色，而人物黑白色作为中间色凸显首饰，字体的色调设为背景色的互补色，让人首先看到人物首饰——字体，然后才会注意到背景，色彩能引导人的视觉走向。;主背景色调为蓝色+部分黑色，而白色是突出表现中心的一个色调，那鸽子的造型就用白色表示，如果用其他色调，如果是墨绿或者与背景色相似的颜色，那就形成不了反差，也就无法体现整幅图的中心点，更不能烘托气氛了。 ;网站使用颜色类型 ;大型的NBA网站，通常此类网站以白色为背景，但是这个网站却用灰黑色RGB（48，48，48/#333333），文章标题用色为RGB为（203，201，153/#CCCC99），菜单使用的RGB为（112，119，112/#707770）。这样的配色可以显示独特的个性，又不失大型网站的风采。;该网站相对简单，但也别具匠心，整体上使用的是白色RGB（255，255，255），辅助色为RGB（79，88，95），菜单色为RGB（48，64，64）和RGB（0，81，111），字体使用的是RGB（83，86，91）。虽然简单，但颜色搭配非常的科学合理。 ;橙色如果运用得当的话是一种非常适合用于网页上的颜色。下面这个网站就是一个非常著名的例子。主色调为RGB（255，151，0），辅助色调为RGB（255，103，4），菜单RGB为（252，200，0），字体使用黑色RGB为（0，0，0）。此种配色显得主人较前卫，色彩热烈，给人的震撼力较强。 ;色系如下： ;微软公司网站，微软不仅软件做的好，公司门户网站的制作也是世界一流。他的每一个网页都是制作的样板。从网页我们就可以看出微软公司的风格、作风，以及雄厚的实力。;一般来说网页的搭配不要超过四种主要颜色，否则就有杂乱之感。当然，也有些站点例外，那就要看你的颜色驾御能力如何了。 这个例子仅菜单就使用了7种颜色，但是我们看到的网页并不杂乱，相反感觉作者很有创意。 ;网页基本布局规则;1. “国”字型：也可以称为“同”字型，是一些大型网站所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。;2. 拐角型：这种结构与上一种其实只是形式上的区别，其实是很相近的，上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。在这种类型中，一种很常见的类型是最上面是标题及广告，左侧是导航链接。;3. 标题正文型：这种类型即最上面是标题或类似的一些东西，下面是正文，比如一些文章页面或注册页面等就是这种类型。;4. 左右框架型：这是一种左右为分别两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标志，右面是正文。我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。这种类型结构非常清晰，一目了然。;5. 上下框架型：与上一种类似，区别仅仅在于是一种上下分为两页的框架。 ;6. 综合框架型：前两种结构的结合，相对复杂的一种框架结构，较为常见的是类似于“拐角型”结构的，只是采用了框架结构。;7. 封面型：这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页，如果说处理的好，会给人带来赏心悦目的感觉。 8. Flash型：其实这与封面型结构是类似的，只是这种类型采用了非常流行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。 ;关于第一屏;●文档元素和标签的概念 一个文档通常由文档头(head)、文档名称(title)、表格(table)、段落(paragraph)和列表(list)等成分构成。这些成分称为文档元素(element)，简称为文素，它们是文本文档的基本构件，并且使用超文本标记语言(Hypertext Markup Language，HTML)规定的标签(tag)来标识这些文素。 HTML标签由3部分组成：左尖括号“