网页制作教程(精品·公开课件).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. 网站设计的原则 网站设计的真正意图在于把适合的信息传达给适合的观众。设计者应先理解设计的基本结构，进而去掌握他们，要设计出精彩的多媒体网站，需要考虑以下三个方面的问题。 第一节 网站开发基础知识 确定内容 网站需要传输的最重要的消息是什么？ 哪一种多媒体方式能最有效地说明它？ 在信息列表中，哪个信息需要特别关注？ 哪个信息需要反复强调？ 实现这个方法的最好途径是什么？ 这个消息与其他部分怎样平衡？ 第一节 网站开发基础知识 确定内容最好的表现形式和用户 什么样的访问方式将使用户的数目最多？ 他们将使用什么样的计算机？ 他们是家庭用户还是办公用户？ 他们用的是什么浏览器？ 用以选择文件格式、软件、插件和浏览器支持的最小配置是什么？ 第一节 网站开发基础知识 确立一个创造性、有效的设计方案 要考虑带宽的问题。 要注重色彩的搭配问题。 要考虑适应不同浏览器，不同分辨率的情况。 要让浏览者容易找到要找的东西，使网页内容便于阅读。 站点内容要精、专、及时更新。 提供交互性。 简单即为美。 第一节 网站开发