当前位置:文档之家› 网站建设与网页设计从入门到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript第1章 网页设计基础

网站建设与网页设计从入门到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript第1章 网页设计基础


1.1 网页基础知识入门
1.1.1 认识互联网 Internet是一个全球性的计算机互联网 络,中文名称为“国际互联网”或“因特 网”。

1.1.2 域名与空间
域名是企业或事业单位在因特网上进行 相互联络的网络地址,在网络时代,域名 是企业和事业单位进入因特网必不可少的 身份证明。


第1章 网页设计基础
教学内容:为了能够使网页初学者对网页设计 有个总体的认识,在设计制作网页前,首先介 绍网页设计的基础知识。
• • • • •
教学重点 网页基础知识入门 掌握网页的基本构成元素 掌握网页设计的原则 掌握常见的版面布局形式 掌握常用网页设计软件




教学目标和基本要求 ___________________________________ ___________________________________ ___________________________________ 教学时间:本章共分_______课时 教学方法 案例教学 多媒体教学 理 论面授


1.2.5 图像
图像在网页中具有提供信息、展示形象、装饰网 页、表达个人情趣和风格的作用。图像是文本的 说明和解释,在网页适当位置放置一些图像,不 仅可以使文本清晰易读,而且使得网页更加有吸 引力。


1.2.6 Flash动画
Flash动画具有简单易学、灵活多变的特点,所以 受到很多网页制作人员的喜爱,它可以生成亮丽 夺目的图形界面,而文件的体积一般只有5~ 50KB。


1.2.3 导航栏
导航栏是网页的重要组成元素,它的任务是帮助 浏览者在站点内快速查找信息。好的导航系统应 该能引导浏览者浏览网页而不迷失方向。导航栏 的形式多样,可以是简单的文字链接,也可以是 设计精美的图片或是丰富多彩的按钮,还可以是 下拉菜单导航。


1.2.4 文本
网页内容是网站的灵魂,网页中的信息也以文本 为主。无论制作网页的目的是什么,文本都是网 页中最基本的、必不可少的元素。与图像相比, 文字虽然不如图像那样易于吸引浏览者的注意, 但却能准确地表达信息的内容和含义。


1.4.3 Flash CS6概述
Flash是一款功能非常强大的交互式矢量多媒体网 页制作工具,能够轻松输出各种各样的动画网页。

1.1.5 网站的类型 网站是多个网页的集合,目前没有一个严 谨的网站分类方式。将网站按照主体性质 不同分为门户网站、电子商务网站、娱乐 网站、游戏网站、时尚网站、个人网站等 网站。
Biblioteka 1.2 网页的基本构成元素
不同性质的网站,构成网页的基本元素是不同的。 网页中除了使用文本和图像外,还可以使用丰富 多彩的多媒体和Flash动画等。


1.2.1 网站Logo
网站Logo也称为网站标志,网站标志是一个站点 的象征,也是一个站点是否正规的标志之一。


1.2.2 网站Banner
网站Banner是横幅广告,是互联网广告中最基本 的广告形式。Banner可以位于网页顶部、中部或 底部任意位置,一般为横向贯穿整个或者大半个 页面的广告条。
Dreamweaver是网页设计与制作领域中用户最多、 应用最广、功能最强的软件,随着Dreamweaver CS6的发布,更坚定了Dreamweaver在网页设计与 制作领域中的地位。


1.4.2 Photoshop CS6概述
Photoshop是Adobe公司推出的图像处理软件,目 前已被广泛应用于平面设计、网页设计和照片处 理等领域。


1.3 网页设计的原则
设计是有原则的,网页设计遵循以下几个原则: 统一、连贯、分割、对比及和谐。


1.4 常用网页设计软件
制作网页首先就是选择网页制作软件。由于目前 所见即所得类型的工具越来越多,使用也越来越 方便,所以制作网页已经变成了一件轻松的工作。


1.4.1 Dreamweaver CS6概述
1.1.3 网页与网站 网页是一种可以在互联网上传输,能被浏 览器认识和翻译成页面并显示出来的文件, 网页是网站的基本构成元素。一般网页上 都会有文本和图片等信息,而复杂一些的 网页上还会有声音、视频、动画等多媒体 内容。网页通常分为动态网页和静态网页 两种。

1.1.4 静态网页与动态网页 网页又称HTML文件,是一种可以在WWW上传输, 能被浏览器认识和翻译成页面并显示出来的文件。
相关主题