网页设计
信息组:袁雯雯
2013年9月18日
*
本节课主要内容
网页和网站
网页制作工具
网站开发流程
网页的设计原理
网页设计的规范
2013年9月18日
*
网页解析——html
网页和网站的区网页设计
信息组:袁雯雯
2013年9月18日
*
本节课主要内容
网页和网站
网页制作工具
网站开发流程
网页的设计原理
网页设计的规范
2013年9月18日
*
网页解析——html
网页和网站的区别很大,网站是由网页集合而成的,网页就是一个浏览页面,是一个html文件,浏览器是用来解读这份文件的,想要制作一个网站,就需要单独编辑若干个html文件,然后通过“超链接”把它们连接在一起,这样一个属于自己的网站就制作出来了。网站的话必须提供某种服务,或不断更新某些问题,用来吸引人气。一般得有自己鲜明的特色,它需要专门的技术和内容维护人员。
2013年9月18日
*
网页解析——html
下面就是网页结构的整体框架:
<!HTML网页版本信息说明>
<HTML>
<HEAD>
<!标题标记、属性及其内容>
</HEAD>
<BODY>
<!主体标记、属性及其内容>
</BODY>
</HTML>
2013年9月18日
*
网站的核心
网站是以数据为核心,以服务器为基础的“浏览者-管理员-系统管理员”相互关联系、相互促进、有机制约的信息化整体。网页则是静态页面各自为政,仅仅提供链接的HTML文件。
2013年9月18日
*
制作网页的专业工具
制作网页的专业工具的功能越来越完善,操作也越来越简单,处理图像、制作动画、发布网站的专业软件应用得非常广泛。
2013年9月18日
*
各 种 工 具
制作网页的专门工具
图像处理工具:
网站发布工具:
图标制作工具:
动画制作工具:
抓图工具:
2013年9月18日
*
网站开发流程
第一个阶段:规划和准备阶段。这个阶段要做的工作包括:
(1)需求分析、决定网站的主题、风格
(2)收集资料、准备素材并进行整理修改
(3)规划网站结构和页面形式;
2013年9月18日
*
第 二 阶 段
网页设计、制作阶段。这个阶段要做的工作包括:
(1)网站总体设计;
(2)设计界面、制作网站中的各个网页;
(3)将各个网页通过超级链接进行整合。
2013年9月18日
*
网站的发布、推广和维护阶段。这个阶段要做的工作包括:
(1)测试、调试与完善网站;
(2)发布与推广网站;
(3)维护和更新网站。
2013年9月18日
*
关于设计与布局的小建议
在设计布局的时候要注意把文字、图片在网页空间上均匀分布并且不同形状、色彩的网页元素要相互对比,以形成鲜明的视觉效果。
2013年9月18日
*
LOGO网站的设计
LOGO是网站的标志、名片,如同商标一样。在网站设计中logo的设计是不可缺少的一个重要环节。logo是网站特色和内涵的集中体现,它作用于传递网站的定位和经营理念、同时便于人们识别。
2013年9月18日
*
网页设计的色彩原则
颜色
心理反应
应用情况
红色
热情、活力、温暖、喜庆
极易吸引人们的眼球,在网页中广泛使用
橙色
时尚、轻快、温馨、热烈
常常用于某些时尚新潮的网站中,如时装网站、化妆品网站等
黄色
快乐、希望、明亮、乐观
营造出愉快的氛围,能够得到大部分浏览者的认可
绿色
宁静、希望、清爽、自然
浅绿、黄绿等颜色既有绿色的特点,又能表现出黄色的温暖,用在网站中常常能够得到青年人和儿童的喜爱
蓝色
凉爽、清新、理智、平静
在商业设计中,强调科技、效率的商品或企业形象,大多选用蓝色作为标准色
灰色
柔和、高雅、可靠、成熟
与红色、橙色等比较有视觉冲击力的颜色相比,灰色比较低调。许多高科技产品,都采用灰色作为高科技形象
白色
洁白、纯真、明快、简洁
通常需要和其他色彩搭配使用,多用于网站背景色
黑色
深沉、高贵、庄严、优雅
适合于与许多颜色搭配
紫色
高贵、神秘、启发
由于具有强烈的女性化性格,所以在网页设计中,除了和女性有关的商品或企业形象之外,其他类的网站一般不采用紫色作为主色
2013年9月18日
*
网页页面元素的设计
网页是由文本、图像、动画、超级链接等基本元素构成
2013年9月18日
*
文 本
一般情况下,网页中最多的内容是文本,可以根据需要对其字体、大小、颜色、底
网页设计第一课 来自淘豆网m.daumloan.com转载请标明出处.