网页设计_暑期培训.pptVIP

网页设计与制作;1.网页设计基础知识1.1 互联网与网站; 超文本标记语言,简称HTML，它是WWW创建超媒体文本的语言，它也是网页创建中最基本的语言，制作的任何一个网页都是基于HTML文本标识的。（HTML语言下载对比自学） 表单: 表单是用于填写申请或提交信息的交互页面。如电子邮箱、主页空间、QQ号码等的申请页面，以及论坛、聊天室、留言簿等。;超级链接:这是网页制作中经常要用到的概念，指的是页面对象之间的连接关系。 　内部链接，外部链接； ;1.2网站分类 门户网站 广义解释：网络的一个应用框架，它将各种应用系统、数据资源和互联网资源集成到一个信息管理平台上。 狭义解释：是网络世界的“百货商场”或“网络超市”。提供有关信息服务的应用系统，提供有哪些信誉好的足球投注网站引擎、目录服务，新闻、网络接入、聊天室、公告牌、免费邮箱、影音资讯、电子商务、网络社区、网络游戏、免费网页空间，等等。如：、 www. ; 职能网站 如中国政府网： 商业网站： 专业网站 如：CCTV 花卉网、农业网、证券网… 企业,单位,个人网站： / www. / ;1．归类站点内容 对网站的内容整理分类，把相关的网页放在同一文件夹中．使网站层次一目了然．这一步网站规模越大就越重要． 2．项目放置的位置 图象、动画、音乐、模板的分门别类的存放； ;1.3 网页布局 网页设计和布局原则 （1）简洁 页面设计属于设计的一种，同样要求简练，准确，天地呼应；限制字体数目和字体颜色； 不要用无关的图片把页面装点起来。页面上所有的元素都应当有明确的含义和用途， 不要用太大的字，因为版面空间非常宝贵有限； 不要用闪烁的文字。 ;2.一致性 一致性是表现站点风格的重要手段之一。 页面排版的一致性： 各页面标题、正文字形，字号的一致性； 各页面相同的页边距； 文本，图形间保持相同的间距； 图形旁边留下相同的空白； 各个页面应当使用相同的图标。 页面中的每个元素与整个页面色彩和风格上的一致性。 比如全部使用写实的照片等； 一个站点通常只使用一到两种主题色； ;3、对比度 使用对比是强调突出某些内容的最有效的办法之一。 好的对比度使内容更易于辨认和接受。实现对比的方法很多，最常用的是使用颜色的对比； 使用对比的关键是强调突出关键内容，以吸引浏览者，鼓励他去发掘更深层次的内容。 例如：调色：95%黑色 +5%白色 对比：不要 大片大红+大片大绿 ;4、页面设计要点 页面内容包罗万象，版式丰富多彩，但无论怎样的变化，好的站点总是有许多共同之处，例如： 精心组织的内容； 格式美观的正文； 和谐的色彩搭配； 使得文字具有较强的可读性； 生动背景图案； 页面元素大小适中，布局匀称，使得文字具有较强的可读性； 不同元素之间留有足够空白，给人视觉上休息的机会； 各元素之间保持平衡； 文字准确无误，无错别字、无拼写错误； ;5、内容组织方式 　 页面所发布的材料必须精心组织： 按逻辑组织 按时间顺序组织 按地理位置组织　 人们阅读材料习惯于从左到右，从上到下进行，因此眼睛首先看到的是页面的左上角。根据这一习惯。在组织内容时把希望浏览者最先看到的内容放在页面的左上角和页面顶部； 　;6、网站命名和标志 网站命名应遵循以下的原则： 合法、合情并合理，字少，好记上口。 体现网站的主题，概括性强。 字数不要太多，一般控制在6个字以内。 有个性，体现一定的内涵，可给浏览者更多的视觉冲击力和空间想像力 网站标志:logo, banner,菜单,标题,版