网页设计基础1.ppt

网页设计技术基础 学习目标: 1、了解网页设计的基本概念及HTML的基本知识 2、初步了解常用网页设计工具的使用 一、网页设计的基本概念 1网站的内容决定网页的形式?? 先把内容充实上，再分区块，再定色调，再处理细节。?? 2先要考虑网站整体，后网站局部，最后回归到整体。?? 全局考虑，把能填上的都填上，占位置。然后定基调，分模块设计。最后调整不满意的几个局部细节。?? 3功能决定设计方向?? ·看网站的用途，决定设计思路.商业性的就要突出赢利目的；政府型的就要突出形象和权威性的文章；教育性的，就要突出师资和课程。? 1、构成网页的元素 文字与图片是构成一个网页的两个最基本的元素 除此之外，网页的元素还包括动画、音乐、程序等 2、揭开网页的神秘面纱 在网页上点击鼠标右键，选择菜单中的“查看源文件”，就可以通过记事本看到网页的实际内容。 3、有关网页制作的一些基本概念 （1）HTML是什么？ 　　　　HTML是Hypertext Markup Language（超文本标记语言）的缩写，它是构成Web页面（Page）的主要工具。在网上，如果要向全球范围内出版和发布信息，需要有一种能够被广泛理解的语言，即所有的计算机都能够理解的一种用于出版的母语。WWW（World Wide Web）所使用的出版语言就是HTML语言。 （2）HTML的功能： ?出版在线的文档，其中包含了标题、文本、表格、列表以及照片等内容。 通过超链接检索在线的信息。 为获取远程服务而设计表单，可用于检索信息、定购产品等。 在文档中直接包含电子表格、视频剪辑、声音剪辑以及其他的一些应用。 （3）　CGI是什么？ 　 公共网关接口CGI（Common Gateway Interface），可以让HTML文件在客户机和服务器之间建立一种交互性，使信息网关、反馈机制、访问数据库、订货和查询等一系列灵活复杂的操作可以实现。 　　　　最常用的应用有：论坛、留言本、聊天室、购物系统等等。 （4）ASP是什么？ 　 　ASP（Active Server Page）是Microsoft推出的一种服务器端命令执行环境，它让读者可以轻松地结合HTMLWEB页面、脚本（Script）程序和ActiveX组件建立或执行动态、交互式WEB服务器应用程序。 　　最常用的应用有：论坛、留言本、聊天室、购物系统、数据库访问……。 （5）JavaScript（脚本）语言？ 　　JavaScript是一种紧缩的、基于对象的脚本描述语言，用于客户端和服务器端Internet应用程序的开发。由Netscape公司开发。现在的ＩＥ、ＮＳ浏览器，可解释直接嵌入在HTML页面中的JavaScript语句，不需要通过编译。相类似的语言还有由微软公司开发VBScript。 　　最常用的应用有：动态按钮、弹出窗口、自动更新日期……。  　（6）什么是ＣＳＳ？ 　　　　ＣＳＳ是Cascading Style Sheets（层叠样式表单）的简称。它主要的功能是可以在将网页的样式（如字体大小、字体颜色、行高度、背景色……）更灵活地控制、定位（如建立专门的ＣＳＳ文件，只要改变一个数值，就可令一整个网站的字体风格产生变化）。　　　　最常用的应用有：去下划线、设置字体大小为Xpx或Xpt、设置字体在点击时变色、定位行高……。  （7）Web是什么？ 　　Web 是一种体系结构，通过它可以访问遍布于Internet主机上的链接文档。Web 是Internet提供的一种服务；是存储在全世界Internet计算机中的数量巨大的文档的集合；Web 上海量的信息是由彼此关联的文档组成，这些文档称为主页（Home Page）或页面（Page），它是一种超文本（Hypertext）信息，而使其连接在一起的是超链接（Hyperlink）。 　　最常用的应用有：Internet  　（8）什么是动态ＨＴＭＬ？ 与一般出版物描述的相反，动态HTML（DHTML）不仅是一种独特的技术、计算机语言或功能集，而是综合了几种不同技术相互作用的方式。动态HTML（DHTML）可以让您使用常规DHTML、脚本文件、文档对象模块、绝对定位技术、动态样式、多媒体过滤器和各种其他技术动态改变HTML在屏幕上显示文本和图像的方式。 　　　　　　　　　　　　　　　　　　　　--《动态ＨＴＭＬ实用指南》　　Microsoft? 最常用的应用有：运行在浏览器端的各种脚本程序。  （9）什么是ＦＬＡＳＨ？ 　 由Macromedia 公司出品的网页制作三剑客软件之一。是一个专业的网页动画制作软件。它生成的动画可嵌入声音、电影、图形等各种文件，