网页制作教程(精品·公开课件).ppt

网页制作教程 第1章 网站开发基础 理解：网页的本质及基本构成 了解：HTML的定义及其标准 了解：网页制作的基本工具 理解：网站的定义及其组成 理解：网站建设的一般流程 掌握：网站策划及设计方法 第一节 网站开发基础知识 1：什么是网页？网页是WWW（World Wide Web，万维网）上的基本文档，用HTML（Hyper Text Markup Language，超文本标记语言）书写。网页可以是网站的一部分，也可以独立存在 网页的本质：网页的本质是由源代码 常见网页的地址方式： 隐藏网页文件名：/； 静态网页文件：网页 URL的后缀是.htm、.html、.shtml、.xml等静态网页的常见形式，例如：/2010lh/content_1550480.htm； 动态网页文件：以.asp、.jsp、.php、.perl、.cgi等形式为后缀，或者在网址中有一个标志性的符号—“?”。例如：/cpcc/index.jsp或者/ig/china?hl=zh-CN。 第一节 网站开发基础知识 按照在网站中位置的不同，网页可以分为： 引导页：引导页即是刚刚输入网站后所显示的页面，作为进入网站的一个入口。采用FLASH动画作为引导页引出首页的设计思路，是当前网站建设较为流行的做法。 主页：指进入网站后看到的第一个页面，也称为首页。 内页：指与主页相链接的页面，也就是网站的内部页面。经常分为多个级别，分别称为二级页面、三级页面…… 第一节 网站开发基础知识 Logo（标志） Logo是代表企业形象或栏目内容的标志性图片，一般在网页的左上角。Logo一般使用公司已有的徽标做一些简单的处理。 Banner（横幅） Banner是用于宣传站内某个栏目或活动的广告，一般要求制作成动画形式，由于动画能够更多地吸引人的注意力，将宣传文字或广告内容简练地加在其中，起到宣传的效果。 导航栏 导航栏就是一组超级链接，用来方便地浏览站点。例如典型的导航栏包含一些指向站点的主页和二级页面的超级链接。导航栏可以用按钮、文本或小图片来实现超链接，也有可能使用下拉菜单效果。导航栏在网页的设计中，直接关系到使用网页的方便，和整个网页的美观也有很大关系。 版权区 作为惯例，这一小行文字有很好加强意识，提醒浏览者，所观看的内容是受到版权保护的。正确的格式应该是：Copyright 日期 by 所有者，? 通常可以代替Copyright。 导航区 网站导航结构主要就是一个网站的栏目菜单，是网页中很重要的一部分内容，主要对网页的导航、布局起到很重要的作用。它一方面在帮助用户更方便的浏览网站，同时它也是用户和有哪些信誉好的足球投注网站引擎判断一个网站专业度的重要因素之一。在导航栏功能有限时，可以通过导航区更清晰地引导浏览者浏览网站。 内容区 这是网页的主要部分，是内容的表现区。 第一节 网站开发基础知识 2：什么是网站 网站（Website）是指在因特网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。简而言之，网站是由多个网页互相连接而成的整体。网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。 网站的组成 网站由域名（domain name，俗称网址）、网站源程序和网站空间三部分组成。 域名（俗称网址）经常以这样的形式出现。域名是因特网查寻信息及互相联系的地址信息。网站空间由专门的独立服务器或租用的虚拟主机承担；网站源程序则放在网站空间里面，表现为网站前台程序和网站后台程序。 例如： 第一节 网站开发基础知识 3. 网站设计的原则 网站设计的真正意图在于把适合的信息传达给适合的观众。设计者应先理解设计的基本结构，进而去掌握他们，要设计出精彩的多媒体网站，需要考虑以下三个方面的问题。 第一节 网站开发基础知识 确定内容 网站需要传输的最重要的消息是什么？ 哪一种多媒体方式能最有效地说明它？ 在信息列表中，哪个信息需要特别关注？ 哪个信息需要反复强调？ 实现这个方法的最好途径是什么？ 这个消息与其他部分怎样平衡？ 第一节 网站开发基础知识 确定内容最好的表现形式和用户 什么样的访问方式将使用户的数目最多？ 他们将使用什么样的计算机？ 他们是家庭用户还是办公用户？ 他们用的是什么浏览器？ 用以选择文件格式、软件、插件和浏览器支持的最小配置是什么？ 第一节 网站开发基础知识 确立一个创造性、有效的设计方案 要考虑带宽的问题。 要注重色彩的搭配问题。 要考虑适应不同浏览器，不同分辨率的情况。 要让浏览者容易找到要找的东西，使网页内容便于阅读。 站点内容要精、专、及时更新。 提供交互性。 简单即为美。 第一节 网站开发