网页设计与制作教程 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 基本概念,1.1 网页界面元素,(1)文本。 (2)图像。 (3)超链接。 (4)动画。 (5)音频和视频。 (6)表单。 (7)导航栏。,1.1.1 基本概念,1.1 网页界面元素,1主题定位 所谓网站的主题就是网站所要表达的主要内容即网站的题材,不同的网站对应不同的浏览群体,特定的浏览群体意味着有特定的主题内容。 主题定位的几点建议: 尽量选择擅长的题材。 主题范围要小而精。 内容标新立异。
2、 2风格定位 所谓风格是指网站的整体内容与形式给浏览者的综合感受,即网站的特色。 风格定位的几点建议: 确保页面元素的统一性。 确保网站界面的清晰、美观、易于访问。 结合版式设计的相关理论,合理安排视觉要素,使得浏览者在访问站点的过程中体验到视觉的秩序感、新奇感。,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封面型,
《网页设计与制作教程 Dreamweaver +Photoshop+Flash版 教学课件 ppt 作者 刘瑞新第1章 网页设计基础》由会员w****i分享,可在线阅读,更多相关《网页设计与制作教程 Dreamweaver +Photoshop+Flash版 教学课件 ppt 作者 刘瑞新第1章 网页设计基础》请在金锄头文库上搜索。
2023-12-11 28页
2023-12-11 28页
2023-12-11 27页
2023-12-11 31页
2023-12-11 27页
2023-12-11 27页
2023-12-11 33页
2023-12-11 28页
2023-12-11 26页
2023-12-11 29页