网页设计基础知识-1ppt课件

.,课程名称：Internet与网页设计,任课教师：方丽娟Email：fanglj,.,注意事项,教学要求掌握Internet的基本知识培养网页设计的兴趣，能用Dreamweaver8等软件设计网页学习方法听课与自主学习相结合重视上机实践,.,注意事项,课程内容时间安排：讲授：24学时，上机：10学时作业服务器：80,.,课程内容提要,网页设计基础知识网页设计与制作Dreamweaver8Photoshop、FireworkFlash网站的发布综合案例,.,网页设计基础知识内容提要,Internet简介Web介绍如何设计网页网页设计工具网页中的色彩知识网站建设的一般流程,.,教学目的和要求:掌握Internet基本知识。了解网页设计的基本原则。熟悉常用的网页设计工具。掌握网站设计的基本流程。,.,Internet简介,Internet是一个全球性的计算机网络由不同类型和规模的允许独立和管理的计算机网络，按照标准协议、通过各种通信媒体链接TCP/IP协议，Internet互连的标准协议,.,Internet简介,中国于1994年接入Internet,Internet的中文译名为“英特网”国内的骨干网主要有：中国电信网、中国联通网、中国网通网、教育网（CERnet）、科技网（CSTnet）。,.,Internet的用途,Email文件传输服务（FTP）电子公告栏（BBS）远程登录网络信息服务（WWW等）,.,网页设计基础知识,Internet简介Web介绍如何设计网页网页设计工具网页中的色彩知识网站建设的一般流程,.,Web介绍,网络信息服务是Internet独具特色和最富有吸引力的功能WWW使用最为广泛，简称为WebWeb服务器客户端（浏览器）,.,Web介绍,1.Web中的基本协议HTTP(HyperTextTransferProtocol)2.HTML(HyperTextMarkupLanguage)语言（1）HTML基本语法结构：头+主体网页头部信息网页主体正文部分,.,Web介绍,（2）HTML中的标记单标记：如表示换行双标记：由“始标记”+“尾标记”构成，成对使用如：内容标记属性：单标记和双标记的始标记中可包含一些属性，如：,.,Web介绍,（3）页面布局与文字标记标题：一级标题二级标题六级标题换行：段落标记标记：段落开始由标记，段落结束由标记水平线段文字大小设置：font标记的size属性文字的字体与样式：文字粗体文字斜体文字加下划线文字的颜色：格式如,.,Web介绍,（4）其它标记多媒体（插入图像、播放音乐、播放视频）表格标记超级链接标记框架标记表单标记,.,网页设计基础知识,Internet简介Web介绍如何设计网页网页设计工具网页中的色彩知识网站建设的一般流程,.,如何设计网页,一、网页设计任务二、网页设计的实现步骤1、站点的规划及草图的绘制。步骤2、网页设计的制作。,.,网页设计基础知识,Internet简介Web介绍如何设计网页网页设计工具网页中的色彩知识网站建设的一般流程,.,网页设计工具,常用的网页设计语言：超文本标记语言HTML，XML网页脚本语言JavaScript和VBScriptCGI(CommonGateInterface)ASP(ActiveServerPages)JSPPHP(HypertextPreprocessor),.,网页设计工具,常用的网页设计工具软件：网页设计软件软件FrontPage网页编辑排版软件Dreamweaver网页动画制作软件Flash网页图像编辑和处理软件Fireworks网页图像制作软件Photoshop,.,网页设计基础知识,Internet简介Web介绍如何设计网页网页设计工具网页中的色彩知识网站建设的一般流程,.,网页中的色彩知识,色彩的基本概念：三原色：红、黄、蓝（计算机中：RGB）色彩的属性：色相：色彩的名称明度：色彩的亮度纯度：色彩的鲜艳程度,.,网页中的色彩知识,网页中的色彩搭配技巧：使用单色使用临近色使用对比色黑色的使用背景色的使用色彩的数量（35种）,.,网页中的色彩知识,网页中常用的几种配色：红色：代表热情、活泼、热闹、温暖、幸福、吉祥黄色：代表明朗、愉快、高贵、希望蓝色：代表深远、永恒、沉静、理智、诚实、公正和权威白色：色感光明，性格朴实、纯洁、快乐紫色：代表优雅、高贵、魅力、自傲、神秘绿色：代表新鲜、充满希望、和平、柔和、安逸、青春灰色：在商业设计中，具有柔和、高雅的意象，属于中间性格，男女均能接受，是永远流行的主要颜色,.,网页设计基础知识,Internet简介Web介绍如何设计网页网页设计工具网页中的色彩知识网站建设的一般流程,.,网