第一章-网页设计概述ppt课件

第一章 教学重 难点 网页设计中的若干术语 web服务器及客户机 URl 常用协议 IP地址及域名 网页 网站 主页 超级链接 网站建设的基本步骤 网站建设的基本步骤 第一章网页设计概述与优秀网站赏析 提出任务 浏览者 设计者 发布网页的意义 第一章网页设计概述与优秀网站赏析 概述 网络 网站 网页网络 将不同地理位置的 具有独立功能的多个计算机系统通过通信设备和线路连接起来 并能以功能完善的软件实现网络内资源共享的系统 因特网 全球范围的计算机互联网 1 WEB简介 一 网页设计相关概念 典型的web站点有 新闻信息网站 娱乐网站 教育网站 电子邮件站点 服务站点 照片共享站点 社区 博客与维基等等 网页浏览过程 2 WEB服务器及客户机 一 网页设计相关概念 服务器 用URL发出请求 送出网页 客户机 第一章网页设计与制作基础 网页由超文本标记语言 HTML 的文件格式来构造 网页中包含了文本 图像 动画 声音及其他信息 使用浏览器可以搜索 查看和下载互联网上的各种信息 网页浏览过程 第一章网页设计与制作基础 网页由超文本标记语言 HTML 的文件格式来构造 网页中包含了文本 图像 动画 声音及其他信息 使用浏览器可以搜索 查看和下载互联网上的各种信息 网页浏览过程 第一章网页设计与制作基础 网页由超文本标记语言 HTML 的文件格式来构造 网页中包含了文本 图像 动画 声音及其他信息 使用浏览器可以搜索 查看和下载互联网上的各种信息 网页浏览过程 第一章网页设计与制作基础 网页由超文本标记语言 HTML 的文件格式来构造 网页中包含了文本 图像 动画 声音及其他信息 使用浏览器可以搜索 查看和下载互联网上的各种信息 网页浏览过程 Web服务器 存储和管理供给全球各地用户浏览网页的服务器可以指一台高性能的计算机也可以指这台计算机上安装的服务器软件 如 IIS JAVA服务器 NET服务器 客户端浏览器 通过在地址栏中输入Web服务器地址从而访问Web服务器的软件 目前有多种选择 一 网页设计相关概念 3 URl 常用协议 IP地址及域名 一 网页设计相关概念 3 URl 常用协议 IP地址及域名 最高域名 机构名 网络名 主机名或网站名 URL 用户通过在浏览器的 地址 处键入所谓 网址 术语叫 URL UniformResourceLocator 统一资源定位器 URL看起来可能很长很复杂 但它一般是由四个部分构成的 即协议 主机名 文件夹名 目录 和文件名 网址有两种形式 IP地址与域名 新浪网网址 域名 80 intro form htmlIP地址 61 157 243 4 IP地址为4个字节长 每个为一个小于256的十进制整数 用点号分隔 形如 xxx xxx xxx xxx http 用于从WWW服务器传输超文本到本地浏览器Telent 使用远端登录的服务ftp 文件传输协议 通过互联网传输文件File 存取硬盘文件的服务 网络协议 网站 网页的集合随着互联网的飞速发展 网站越来越多地承担着树立企业形象 提高公众对企业的认知度的作用 从而促进企业的发展 一个设计精美的网站会让人形成一种好感 也必然使浏览者形成一定程度的认同 网站设计人员的设计能力和技巧是网站建设成功与否至关重要的一环 二 网页 网页设计 网站和主页 联想网站主页 163免费邮件主页 淘宝主页 搜狐主页 1 什么是网页 二 网页 网页设计 网站和主页 腾讯网站 学院主站 网页由超文本标记语言 HTML 的文件格式来构造 网页中包含了文本 图像 动画 声音及其他信息 使用浏览器可以搜索 查看和下载互联网上的各种信息 网页的起源 创始于 世纪 年代 设在日内瓦的欧洲核子研究中心的研究人员为满足信息需求 开发和设计了网页系统 网页的基本构成元素 网页由文本 图像 动画 超链接等基本元素构成 1 文本一般网页中最多的内容是文本 可以根据需要对其字体 大小 颜色 底纹 边框等属性进行设置 2 图像丰富多彩的图像是美化网页必不可少的元素 用于网页上的图像一般为jpg格式和gif格式 即以jpg和gif为扩展名的图像文件 网页的基本构成元素 3 超链接超链接是Web网页的主要特色 是指从一个网页指向另一个目的端的链接 4 导航栏导航栏是一组超链接 用来方便地浏览站点 5 动画动画是网页中最活跃的元素 创意出众 制作精致的动画是吸引浏览者眼球有效方法之一 网页的基本构成元素 6 表格表格是HTML语言中的一种元素 主要用于网页内容的布局 组织整个网页的外观 7 框架框架是网页的一种组织形式 将相互关联的多个网页的内容组织在一个浏览器窗口中显示 8 表单表单是用来收集访问者信息或实现一些交互作用的网页 访问者填写表单的方式是输入文本 单击单选按钮或复选框 从下拉菜单中选择选项等 早期的网页外观是静态的 只有文字与静态的图片 用户只能被动地阅读网页制作者提供的信息 其网页的内容也是静态的 若无外来干预 其内容不会自动改变 也无法通过网页实现与访问网页者交互信息的功能 动态网页技术包括网页的动态表现技术与网页的动态内容技术 前者是网页外观的动态表现技术 如GIF动画 FLASH技术 DHTML 动态HTML 技术 VHTML 虚拟HTML 技术 VRML 虚拟实现造型语言 技术等 而网页的动态内容技术是通过一定的计算机语言编程如CGI ASP JSP等 使得计算机按照网页设计者设置的网页格式 生成所需要内容的网页并传送给访问网页者浏览 总结 网页就是包含了文字 图片 动画 声音等内容的可以在网上传输的界面 他可以用来共享信息 宣传自己 服务用户等 二 网页 网页设计 网站和主页 问题 为什么同样是网页给我们的视觉效果是不一样的 为什么同样是网页给我们提供的信息也是不尽相同的 二 网页 网页设计 网站和主页 问题 九天音乐网 一听音乐网等 同样是音乐 给我们的感觉是否完全相同哪 那么 这么丰富多彩的网页究竟如何设计的呢 网页是丰富多彩的 2 什么是网页设计 二 网页 网页设计 网站和主页 一个成功的网页设计首先 在观念上要确立活跃的思维方式其次 要有效地将图形引入网页设计之中 增加人们浏览网页的兴趣在崇尚鲜明个性风格的今天 网页设计应增加个性化因素 网页设计与网页制作的区别UI UserInterface 用户界面 UE或者UX UserExperience 用户体验 二 网页 网页设计 网站和主页 网页设计要注意一下几个方面 内容及框架结构 FrameSets 图象区块 ImageMaps 与flash特效等 网页美化工具 图像 photoshop和fireWork等网页美化工具 动画 flash和swis