主页制作解读.pptVIP

第四章 网站制作 张秀虎 3. 网站制作步骤 1. 网站设计的基本知识 网站（Web Site） 是一组具有共享属性（如相关主题、类似的设计或共同目的）的链接文档。网站由众多的网页组成的，它们存储在某一个Web服务器上 1. 网站设计的基本知识 首页 网站的默认页面，也称为主页。 Web服务器都有自己默认的主页名称，输入地址时仅指定WWW服务器域名或IP地址时打开的页面就是首页。 主页是一个网站最重要的网页，通常包含最新的信息及指向各分栏目的超链接。 常见的首页名称有index.htm（index.html） 或default.htm（default.html）。 1. 网站设计的基本知识 网页（Web Page） 通过WWW发布的包含有文本、图片、声音、动画等多媒体信息的页面，是WWW的基本单位。 网页文件就是普通的文本文件，但规定其后缀为.htm或.html。 在IE浏览器中查看网页文件的实际内容：执行菜单栏“查看”|“源文件”命令。 1. 网页基本构成元素 网页基本构成元素 文本：最基本的构成元素，表现信息内容的主体。占用空间小，信息量大 超链接：相关网页及其他网络资源之间联系的纽带。 图片、动画：静态和动态的图形文件。 声音和视频：音乐，在线广播，在线影视 信息提交表单：提供网上交互功能的基本元素，用来收集浏览者提供的信息并提交给Web服务器进行处理。 3. 网站风格设计 (1) 网页色彩的搭配 色彩是人的视觉最敏感的东西，网页中色彩的选择和搭配是树立网站形象的关键之一。 色彩总的应用原则应该是“总体协调，局部对比”。 3. 网站风格设计 3. 网站风格设计 3. 网站风格设计 　红色代表热情、活泼、热闹、温暖、幸福、吉祥 　橙色代表光明、华丽、兴奋、甜蜜、快乐 橙色较温和,?是一种很活泼、辉煌的色彩.富足的、快乐的色彩.稍加黑则较稳重.蓝橙对比时较生动. 　黄色代表明朗、愉快、高贵、希望 　绿色代表新鲜、平静、和平、柔和、安逸、青春 　蓝色代表深远、永恒、沉静、理智、诚实、寒冷 　紫色代表优雅、高贵、魅力、自傲 　白色代表纯洁、纯真、朴素、神圣、明快 　灰色代表忧郁、消极、谦虚、平凡、沉默、中庸、寂寞 灰色是色彩中最被动的颜色.受有彩色影响极大,?靠邻近的色彩获得自己的生命.近冷暖,?近暖则冷.最有平静感（中性）,?是视觉中最安静的色彩.有很强的调和对比的作用.　 　黑色代表崇高、坚实、严肃、刚健、粗莽 黑与白:非常对立而又有共性,?是色彩最后的抽象.能够用来表达富有哲理性的东西. 3. 网站风格设计 ① 使用单色 　　尽管网站设计要避免采用单一色彩，以免产生单调的感觉，但通过调整色彩的饱和度和透明度也可以产生变化，使网站避免单调。 ② 使用邻近色 　　所谓邻近色，就是在色带上相邻近的颜色，例如绿色和蓝色，红色和黄色就互为邻近色。采用邻近色设计网页可以使网页避免色彩杂乱，易于达到页面的和谐统一。 3. 网站风格设计 ③ 使用对比色 　　对比色可以突出重点，产生了强烈的视觉效果，通过合理使用对比色能够使网站特色鲜明、重点突出。在设计时一般以一种颜色为主色调，对比色作为点缀，可以起到画龙点睛的作用。 ④ 背景色的使用 　　背景色一般采用素淡清雅的色彩，避免采用花纹复杂的图片和纯度很高的色彩作为背景色，同时背景色要与文字的色彩对比强烈一些。 3. 网站风格设计 “T”结构布局 所谓“T”结构:就是指页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局，因为菜单条背景教深，整体效果类似英文字母“T”,所以我们称之为“T”形布局。这是网页设计中用的最广泛的一种布局方式。 优点是页面结构清晰，主次分明。是初学者最容易上手的布局方法。 缺点是规矩呆板，如果细节色彩上不注意，很容易让人看之无味。 3. 网站风格设计 “口”型布局 所谓“口”结构：就是页面一般上下各有一个广告条，左面是主菜单，右面放友情连接等，中间是主要内容。也有将四边空出，只用中间的窗口型设计。 优点是充分利用 版面，信息量大 缺点是页面拥挤， 不够灵活。 3. 网站风格设计 3. 网站风格设计 3. 网站分类与设计风格 新闻门户类 3. 网站分类与设计风格 工商企业类 3. 网站分类与设计风格 文化教育类 3. 网站分类与设计风格 运动休闲类 3. 网站分类与设计风格 游戏娱乐类 3. 网站分类与设计风格 生活时尚类 3. 网站分类与设计风格 兴趣爱好类 4. 确定网站首页的创意设计 首页的设计是一个网站成功与否的关键。人们往往看到第一页就已经对你的站点有一个整体的感觉。是不是能够