第一讲--网页设计基础.pptVIP

内容提要 网站与网页概念 网站建设概述 网站界面设计 用DW制作一个简单的页面 1.2 网站建设概述—网站常用技术 1.2 网站建设概述—网站常见风格 沉稳型 （政府、科研院所……） 活泼型 （儿童、动漫、游戏……） 时尚型（时装、娱乐、流行音乐……） 典雅型（专业公司、专业教育、艺术……） 简约型（有哪些信誉好的足球投注网站引擎、论坛……） 大众型（企业、购物、资讯……） 综合性（各类门户网站……） 1.3 网站界面设计—构成要素 文字 图形 多媒体 页面版式 1.3 网站界面设计—色彩 网页设计不仅要掌握基本的网站制作技术，还需要掌握网站的风格、配色等设计艺术。 色彩的作用 色彩设计的心理效应 色彩的感觉：冷暖 1.3 网站界面设计—色彩 色彩的情感： 红色：热烈、喜庆 绿色：生机、和平 蓝色：广阔、清新 白色：神圣、纯洁 黑色：神秘、高贵 1.3 网站界面设计—网页版式设计 常见布局结构：骨骼型 1.3 网站界面设计—网页版式设计 常见布局结构：满版型 1.3 网站界面设计—网页版式设计 常见布局结构：分割型 1.3 网站界面设计—网页版式设计 常见布局结构：曲线型 1.3 网站界面设计—网页版式设计 常见布局结构：对称型 1.4 用DW制作一个简单的页面 目的：初步熟悉Dreamweaver网页设计工具。 网站成品： * 安徽机电职业技术学院信息工程系 网页设计与网站管理 安徽机电职业技术学院信息工程系 网页设计与网站管理 * 安徽机电职业技术学院信息工程系 网页设计与网站管理 * 第一讲 网页设计基础 网页设计与网站管理 * 1.1 网站与网页概念—WWW 万维网（world wide web） Internet上的一种信息服务系统 按“客户机—服务器”模式运行 * * 1.1 网站与网页概念—网页 网页是www系统中信息的基本单位 网页本身是一个纯文本文件，扩展名为： .htm 或.html 网页也被称为超文本，在web服务器和web浏览器之间传输超文本的协议称为：超文本传输协议（HTTP） * * 1.1 网站与网页概念—网站与主页 网站也称站点，主要提供www服务,由许多网页组成的，网页之间用超级连接进行连接 主页是web站点中的一个特殊页面，也被称为首页，是进入一个网站的门户 主页通常有固定的文件名： index.htm或 default.htm * * 1.1 网站与网页概念—统一资源管理器 统一资源管理器（URL）是Internet上信息资源的定位方法 组成：通信协议名、Web服务器地址、文件在服务器中的路径和文件名 /intl/cn/file1.html 站点中，每个网页都具有唯一的URL 两种类型：绝对URL和相对URL * * 1.2 网站建设概述—网站开发流程 1 主题材料的收集和整理 2 网页设计制作 4 网页上传和测试 5 确定站点主题 6 网站宣传与维护更新 * 网站的规划 3 Photoshop Fireworks Flash Dreamweaver 网站常用技术 HTML ASP JSP PHP * 1.3 网站界面设计—网页版式设计 1 草案 2 粗略布局 3 定案 *