《网页设计与制作教程 Dreamweaver +Photoshop+Flash版 教学课件 ppt 作者 刘瑞新第1章 网页设计基础》由会员分享，可在线阅读，更多相关《网页设计与制作教程 Dreamweaver +Photoshop+Flash版 教学课件 ppt 作者 刘瑞新第1章 网页设计基础（11页珍藏版）》请在金锄头文库上搜索。
1、网页设计与制作教程,（Dreamweaver+Photoshop+Flash）,第1章 网页设计基础,机械工业出版社,1.1 网页界面元素,1网页 网页（webpage）实际上就是一个文件，它存放于某台与互联网相连的计算机中，它是Internet中最基本的信息单位。 2网站 网站（website）是由各种特定内容的网页集合而成的，人们可以通过浏览器访问网站，来获取相应的网络服务。 3主页 主页（homepage）也称首页，是在浏览器打开某个网站后首先看到的页面。 4构成要素 从网页设计角度来讲，其信息的有效传达是通过将各种构成要素的设计编排来实现的，图1-1所示的是某一常见的网页。,1.1.1
2、 基本概念,1.1 网页界面元素,（1）文本。 （2）图像。 （3）超链接。 （4）动画。 （5）音频和视频。 （6）表单。 （7）导航栏。,1.1.1 基本概念,1.1 网页界面元素,1主题定位 所谓网站的主题就是网站所要表达的主要内容即网站的题材，不同的网站对应不同的浏览群体，特定的浏览群体意味着有特定的主题内容。 主题定位的几点建议： 尽量选择擅长的题材。 主题范围要小而精。 内容标新立异。 2风格定位 所谓风格是指网站的整体内容与形式给浏览者的综合感受，即网站的特色。 风格定位的几点建议： 确保页面元素的统一性。 确保网站界面的清晰、美观、易于访问。 结合版式设计的相关理论，合理安排视
3、觉要素，使得浏览者在访问站点的过程中体验到视觉的秩序感、新奇感。,1.1.2 网站的主题与风格定位,1.2 如何进行网页设计,1.2.1 网页设计的基本流程,1.2 如何进行网页设计,1Dreamweaver Dreamweaver是一款所见即所得的网页编辑器，也建立Web站点和应用程序的专业工具。 2Photoshop Photoshop是一款业界最出名的图像处理软件，可以为设计师提供专业的图像编辑与处理。 3Flash Flash是一款二维矢量动画软件，用于设计和编辑Flash文档。,1.2.2 网页设计的常用工具,1.2 如何进行网页设计,1拐角型,1.2.3 页面布局的介绍与欣赏,1.2 如何进行网页设计,2“国”字型,1.2.3 页面布局的介绍与欣赏,1.2 如何进行网页设计,3框架型,1.2.3 页面布局的介绍与欣赏,1.2 如何进行网页设计,4封面型,1.2.3 页面布局的介绍与欣赏,1.2 如何进行网页设计,5自由型,1.2.3 页面布局的介绍与欣赏,4封面型,
