网页设计与制作教程（Dreamweaver +Photoshop+Flash版） 教学配套课件 刘瑞新 第1章 网页设计基础.pdfVIP

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