《网页设计与制作》教学课件59235.ppt

1、a，1，1章网页设计和制作的基础，a，2，1。什么是网页？您可以在web浏览中查看的文档有时称为web页，有时称为web页。网页可以将不同类型的多媒体信息(如文字、图像、动画、声音、视频等)组合到一个文档中。由于这些文档以超文本标记语言显示，因此文件名通常为。HTML或.以htm结尾，因此也称为html文档或超文本。a，3，2。什么是主页？浏览网站时看到的第一页。整个站点的入口和图案，通常命名为index.html。a，4，3。什么是超文本？包含、文本、图像、视频、声音等媒体的文本、web页是超文本文件，您可以对其执行链接操作。超文本给浏览器带来视觉和听觉上的乐趣，所以web技术也被称为超媒体

2、技术。a，5，注意，右键单击网页，然后选择“查看源”，可以清楚地查看网页的代码结构。您可以使用记事本编辑web页的页面内容(如文本、图片、表格、多媒体)，通过标签语言HTML描述和控制这些元素，最后，您可以在浏览器中解释这些标签，并生成最终显示给用户的丰富多彩的web页。a，6，4。什么是网站？根据服务的提供，通常提供web服务的服务器称为web服务器，相关网站称为web站点。一个网站由一个或多个连接在一起的网页组成，导航器准备在web服务器上访问这些网页。站点是提供用户熟悉的各种信息和服务(如Sohu、Sina、Yahoo等)的基地。网站链接到很多网页。用户浏览一个站点时查看的第一个页面称为

3、主页。从主页出发，可以访问本网站的每个页面，或链接到其他网站，以便共享网站资源。a、7、网站由多个网页组成。默认情况下，这是存放站点相关信息资源的文件夹。a，8，5。网页的基本元素是什么？扮演什么角色？设计时要注意什么？web页面包含关键元素，如文本、图像、动画、导航栏、超链接、表格和表单。a，9，文本是人类最重要的信息载体和交换工具，网页的正文一般以文本为中心。创作网页时，可以根据需要设置文本的字体、大小、颜色和样式等属性，样式独特的web文本设置会给浏览者带来愉快的感觉。提示：将字体样式应用于网页后，如果计算机上未安装该样式的字体，则该字体将显示为计算机系统上的默认字体，此时无法显示网页的

4、效果。a，10，图像可以在网页上提供信息，展示作品，美化网页，实现风格等。图像可以用作网页的标题、网站徽标、网页背景、链接按钮、导航栏、web主页映射等。图像所呈现的视觉效果比文字强烈得多，如果在网页上灵活应用图像，就能产生点效果。图像对网页是必需的，但是下载速度慢，在网页上放太多的图片会显得杂乱，压倒性的气势，所以不会太多。网页上的大多数图像文件都使用JPG和GIF格式。因为不仅压缩率高，而且还具有跨平台特性。a，11，动画是网页上最活跃的元素，通常创建优秀、创意的动画是吸引访问者的最有效方法。如果网页包含太多动画，访问者可能会觉得太乱，不想仔细看。因此，制作动画的要求越来越高。添加到网页的

5、动画通常包括GIF格式的动画和Flash(.swf)动画等。a、12、导航栏是站点设计人员在规划站点结构时必须考虑的问题，必须在站点的每个网页上设置导航栏，并将其放置在网页上更明确的位置。设置导航栏的目的是使导航者无缝浏览网页，以便轻松返回主页或继续访问下一页。导航栏可以是文本、按钮或图像的样式。a、13、超链接是网页中最有用的功能之一。超链接是从一个网页到另一个网页的链接。此链接可以链接到本地网站上的其他网页，也可以链接到世界各地的其他网页。可以标记超链接(无论是文本还是图像)，当鼠标指向超链接对象时，它会变成小手形状，单击鼠标左键会链接到该地址(URL)的网页。超链接包含入站和出站链接。站

6、点内链接：如果站点计划了多个主题板，则必须在网站的首页添加超链接，以便访问者可以快速转到他们感兴趣的页面。每个子页也必须具有超链接，并具有返回主页的链接。站点外部链接：在个人站点上放置与站点主题相关的外部链接不仅可以向访问者介绍好的站点，还可以让访问者重新访问站点。(友情链接)，a，14，表单是控制网页中网页布局的有效方法。为了获得理想的视觉效果，通常不显示表格的边框。表格辅助版面可以帮助您实现网页的横向显示样式。表单通常是用于收集信息或实现某些交互效果的特殊网页元素。表单的主要功能是从浏览器接收导航器的输入信息，然后将其作为服务器端信息发送。a，15，6。动态和静态网页之间的区别，纯HTML

7、格式的网页在网站设计中通常是。htm，html，shtml和。在客户端上运行、扩展名为XML的“静态web页”。静态网页的内容只是标准HTML代码，动态效果(如GIF动画、Flash动画等)也可以出现在静态网页上。这种“动态效果”只是视觉效果，与下面介绍的动态网页不同。a，16，使用动态web技术在服务器端运行的网页和程序属于动态web页，该动态web页根据编写的程序访问数据库动态生成页面。动态web文件的后缀通常为.ASP，aspx，PHP，JSP。动态网页的优点是，可以有效地更新、快速更新、可移植性好，并根据以前开发的程序页面根据用户的请求返回相应的数据，从而最大限度地利用资源并节省服务器

8、上的物理资源。a，17，动态和静态web页没有视觉上的区别。例如，网页包含可移动元素(如动画效果)并不一定是动态网页。静态网页也可以有动画。直接读课本上的每个特点，a，18，7。常用的web设计软件有哪些？FrontPage Dreamweaver、a、19，8。web图像和web动画创作软件，在Photoshop fireworks(.gif) flash(.swf)、a、20、9。HTML的基本结构，a，21，9.HTML的基本结构，告知浏览器html文档开始和结束的位置，包括head部分和body部分。HTML文档中的所有内容必须位于两个标签之间，一个HTML文档必须始终以开始，以结束。

9、HTML文件中的头标签、头主要提供有关文档的说明信息，head部分中的所有内容都不显示在浏览器窗口中，您可以在其中放置页面的标题和页面类型、使用的字符集、链接的其它脚本或样式文件等。用于表示文档的正文区域，要在web页上显示的内容位于此标记内。结束标记表示正文区域的结束。a，22，9.HTML的基本结构，告知浏览器html文档的开始和结束位置，包括head部分和body部分。HTML文档中的所有内容必须位于两个标签之间，一个HTML文档必须始终以开始，以结束。，HTML文件中的头标签、头主要提供有关文档的说明信息，head部分中的所有内容都不显示在浏览器窗口中，您可以在其中放置页面的标题和页面

10、类型、使用的字符集、链接的其它脚本或样式文件等。用于表示文档的正文区域，要在web页上显示的内容位于此标记内。结束标记表示正文区域的结束。a，23，9.HTML的基本结构，告知浏览器html文档的开始和结束位置，包括head部分和body部分。HTML文档中的所有内容必须位于两个标签之间，一个HTML文档必须始终以开始，以结束。HTML文件中的头标签、头主要提供有关文档的说明信息，head部分中的所有内容都不显示在浏览器窗口中，您可以在其中放置页面的标题和页面类型、使用的字符集、链接的其它脚本或样式文件等。:用于表示文档的正文区域，要在网页上显示的内容将放在此标记内。结束标记表示正文区域的结束

11、。a，24，10。如何使用html创建web文件？使用记事本编写代码后的文件名。html，选择保存类型：使用所有文件Dreamweaver演示新的HTML文件，a，25，11。标签，标签是表示html文档中特定含义的符号，表示内容的含义或结构。标签总是放在三角形括号中，大多数标签显示为表示开始和结束的对。标记的内容，标记名称，开始标记，结束标记，a，26，标记可以有属性，指定值时使用=，起始标记以空格分隔多个属性，并且标记符号和中间不能有空格。例如，无效末尾的标记需要添加“/”。，a，27，12。您可以设定HTML网页的背景颜色，例如body标签一般属性简介、bgcolor属性：将背景颜色设定为红色。Background属性：用于设置HTML网页的背景图片。例如，说明插图tu.jpg设置为HTML网页的背景。a、28、text属性：用于设置HTML网页的文本颜色。使用Text定义的颜色将应用于整个文档。例如，指示文本颜色设置为红色。Link、alink、vlink属性：可以单独设置常规超链接、当前活动超链接和访问的超链接文本的颜色。例如，您可以设置、a、29、topmargin和leftmargin属性：web正文内容与web页的顶部和左端之间