网站建设入门基础.pptVIP

第一章 网站建设入门基础 SOFTWARE ENGINEER COURSES 认识网页1-1 * 1.1.1网页的基本构成 网页是由一些基本元素构成，包括文本、图像、动画、声音、视频、表单、超链接和表格等。 文本 为了克服文字固有的缺点，赋予了网页中更多的属性，如字体、大小、颜色; 图像和动画 图像不但能美化页面，与文本相比，它更能直观的表达设计者的意图。 声音和视频 常用声音文件有MIDI、WAV、MP3和AIF等。视频文件有RM、MPEG、AVI和DivX等。 表单 网页中的表单通常用来接收用户在浏览器端的输入，通常可以将表单分为用户反馈表单，留言薄表单 搜索表单和用户注册表单等类型。 超链接 它是指从一个网页指向另一个目的端得链接关系 表格 在网页中表格是用来控制信息的布局方式。其作用有两个： 一、使用行和列的形式来布局文本和图像以及其他的列表化数据； 二、精确控制各种网页元素在网页中出现的位置； 其它元素 包括悬停按钮，JAVA特效、起到点缀网页，使网页更活泼有趣，而且在网上娱乐，电子商务等 方面有着重要的作用。 认识网页1-1 * 1.1.2 静态网页 　　在网页设计中，纯html格式的网页被称为“静态网页”，早期的网站一般都是由静态网页制作的，也就是 以.htm、.html、.shtml和.xml等为扩展名得。 　每个静态网页都有一个固定的URL,且网页URL以.htm、.html、.shtml等常见形式为扩展名，而且不应该含有”?”。 　静态网页是实实在在保存在网站服务器上的文件，每一个网页都是一个独立的文件。 　静态网页的内容相对稳定，因此容易被搜索引擎检索。 　静态网页没有数据库支持，所以维护工作量大，因此当网站信息量大得时候完全依靠静态网 页制作方式比较困难。 　静态网页的交互性比较差，在功能方面有较大的限制。 认识网页1-1 * 1.1.3 动态网页 　　所谓动态网页，是指网页文件里包含了程序代码，通过后台数据库与web服务器的信息交互，由后台数据 库提供实时的数据更新和数据查询服务，常见的以.asp、.jsp、.php、.aspx、.perl、.cgi等形式为扩展名。 　动态网页没有固定的URL. 　动态网页以数据库技术为基础，可以大大降低网站维护的工作量。 　采用动态网页技术的网站可以实现更多的功能，如：用户注册，用户登录，在线调查，用户管理，订单管理等。 　动态网页实际上不是独立存在于服务器上的网页文件，只有当用户请求服务器的时候才会返回一个网站的页面 常用的网页设计与网站建设技术1-2 * 1.2.1 网页编辑软件Dreamweaver 　　 Dreamwerver是常用的网页编辑工具，能够使网页和数据库连接起来，支持CSS样式表，用于对web站点，web页及web应用程序进行设计\编码和开发 常用的网页设计与网站建设技术1-2 * 1.2.2 网页网页动画制作软件：Flash 　　 　　Flash是一种矢量图形编辑与动画编辑工具。其中最精彩的功能要属ActionScript代码编辑功能。 常用的网页设计与网站建设技术1-2 * 1.2.3 网页图像设计软件：Photoshop 　　 　　photoshop目前被广泛用于印刷，广告设计，封面制作，网页图像制作和照片编辑等领域 常用的网页设计与网站建设技术1-2 * 1.2.4 网页标记语言HTML 　　在制作网页时，大都采用一些专门的网页设计软件如：Frompaga、Dreamweaver；因为软件的自身约束，将产生一些垃圾代码，这些垃圾代码会增大网容量，降低网页的下载速度，所以需要手动对代码进行调整。 常用的网页设计与网站建设技术1-2 * 1.2.5 网页脚本语言JavaScript 　　最常用的网页脚本语言就是JavaScript。它可以嵌入到HTML中，在客户端执行，是特效网页设计的理想选择之一，同时也是浏览器普遍支持的网页脚本语言 无缝走马灯效果 script demo2.innerHTML=demo1.innerHTML function Marquee() { if(demo2.offsetWidth-demo.scrollLeft=0) demo.scrollLeft-=demo1.offsetWidth else{ demo.scrollLeft++ } } var MyMar=setInterval(Marquee,speed) demo.onmouseover=function() {clearInterval(MyMar)} demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} /script div id=demo s