网页设计基本知识概要.ppt

电子商务网站 电子商务网站 一、网页设计基本知识 认识网站与网页 网站建设流程 网站管理与网页设计软件 网页设计的基本原则 （一）认识网站与网页 网页是什么 网页中的文字与图片 网页中使用的动画与视频影像 网页中使用的声音 动态网页与静态网页 1、网页是什么 网页：浏览因特网时看到的一个个画面。 网站：网页的集合。 首页：打开某个站点的第一个网页。 浏览因特网 网页是什么 湖南城市学院首页 网页是什么 美艺系网站 网页是什么 网页 2、网页中的文字与图片 文字 图片 3、网页中使用的动画与视频影像 4、网页中使用的声音 声音文件 5、动态网页与静态网页 提问： 什么是动态网页 什么是静态网页  静态：手工更新。 动态：交互式 （二）网站建设流程 申请域名 建立主机 网站设计与制作 网站测试与上传 网站推广与维护 1、申请域名 访问网站即访问某台电脑，电脑的地址是IP地址，谁能记住枯燥的IP地址？IP与域名转换 域名：因特网中的名字 组成：两或三部分 域名对应IP地址 如: 访问 效果是一样的。 域名 域名和网络实名的区别 域名 网络实名：百度 IP：55 2、建立主机 有了域名，需要存放网站内容和提供访问的设备：主机 1、主机托管 2、虚拟主机 3、网站设计与制作 本课程主要内容： 网站结构 网站定位 设计与美化 主页 个人简历 自我介绍 我的相册 作品展示 心情随笔 家庭相册 个人相册 网站作品 平面作品 涂鸦作品 5、网站推广与维护 推广 在搜索引擎上登记 网上广告 论坛、BBS和新闻组维护 不断更新，充实内容 （三）网站管理与网页设计软件 网站管理与网页设计软件 Forantpage/dwearwear 辅助软件 Fireworks:banner,logo,gif动画 Flash:矢量动画 Photoshop 网站设计语言 Html:Hypertext Markup Language超文本链接标示语言 Javascript:一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言 Vbscript:Microsoft Visual Basic Scripting Edition程序开发语言 java:Java既是一种编程语言，又是一个平台 cgi:Common Gateway Interface是HTTP服务器与你的或其它机器上的程序进行“交谈”的一种工具，其程序须运行在网络服务器上 Asp:active server page动态服务器主页 jsp/php：与asp类似 （四）、网站设计的基本原则 颜色选择 版式设计 网页尺寸 颜色选择 不同色彩之间的对比会有不同的效果,当 2 种色同时在一起时,这 2 种色各自走向自已的极端,例如红色与绿色对比,红的更红,绿的更绿, 黑色与白色对比,黑的更黑,白的更白.由于人的视觉的不同,对比的效 果通常会有不同,当大家长时间的看一种纯色,例如红色,然后再看看周 围的人,尼会发现周围的人脸色会成绿色,正是因为红色与周围的对比, 形成了对我们视觉的刺激 ! 色彩的对比会受很多因素影响,例如色彩 的面积,时间,亮度等等. 　　 颜色选择 红色与黄色对比:红色会使人想起玫瑰的味道,而黄色则会使人想想柠檬 的味道　　 绿色与紫色对比:很有鲜明特色,令人感觉到活泼,自然.  颜色选择 色彩的对比有很多方面,色相的对比就是其中的一种,当我们用湖蓝与深 蓝对比时,尼会发觉深蓝带点紫味,而湖蓝则有点绿味.各种纯色的对比会 产生鲜明的色彩效果,很容易给人带来视觉与心理的满足 !! 版式设计 网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处。 　　版式设计通过文字图形的空间组合，表达出和谐与美。 多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，我们将反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。 网页尺寸 由于页面尺寸和显示器大小及分辨率有关系，网页的局限性就在于你无法突破显示器的范围，而且因为浏览器也将占去不少空间，留下给你的页面范围变得越来越小。一般分辨率在800x600的情况下，页面的显示尺寸为：780x428个象素；分辨率在640x480的情况下，页面的显示尺寸为:620X311个象素；分辨率在1024X768的情况下，页面的显示尺寸为：1007x600。从以上数据可以看出，分辨率越高页面尺寸越大。 平面设计网站 艺术