《网页设计与制作》教学PPT课件

. 1、第1章网页的设计和制作基础、2、1 .什么是网页？ 浏览Web时看到的文件称为Web页，也称为Web页。 网页可让您将文字、影像、动画、音讯和视讯等多媒体资讯合并为单一文件。 由于这些文档以超文本标记语言表示，因此文件名通常以. html或. htm结尾，因此也称为html文档或超文本文档。 什么是、3、2 .主页？ 的双曲馀弦值。 这是整个网站的入口和门。 通常命名为index.html。 什么是超文本？ 包含媒体(如文本、图像、视频和音频)的文本，网页是超文本文件，可以链接。 因为超文本能给读者带来视觉和听觉的乐趣，所以Web技术也称为超媒体技术。 5、注意、在网页上单击鼠标右键并选择“显示源文件”可清楚地查看网页的代码结构。 用户使用记事本编辑网页的文本、图像、表、多媒体等页面内容，用标记语言HTML描述并控制这些要素，最后在浏览器中解释这些标记，最终生成出现在用户眼前的多种网页什么是、6、4 .网站？ 另外，根据服务的提供，通常将提供Web服务的服务器称为Web服务器，将关联站点称为Web站点。 网站由一个或多个网页组成，这些网页相互连接，并存储在Web服务器上以供阅读者访问。 网站是提供用户熟知的搜狐、新浪、雅虎等各种信息和服务的基站。 站点由许多页面链接组成。 用户看网站时看到的第一页叫做主页。 您可以通过主页访问本站点的每个页面或链接到其他站点，轻松共享站点资源。7、请注意。 网站是由几个页面组合而成的。 基本上是一个文件夹，用于存储与站点相关的信息资源。8，5 .网页的基本要素是什么？ 它有什么作用呢？ 设计时必须注意什么？ 网页包含主要元素，例如文本、图片、动画、导航栏、超链接、表格和表格。 9、文本是人类最重要的信息媒介和交流工具，网页主体以文本为主。 创建网页时，可以根据需要设置文本的字体、大小、颜色和样式等属性，样式独特的网页文本设置可以让阅读者高兴。 提示：将字体样式应用于网页后，如果阅读者的计算机上未安装该样式的字体，字体将以计算机系统的默认字体显示，网页效果将消失。 10、图像具有在网页上提供信息、展示作品、美化网页、表现风格的效果。 图像可以用作网页标题、网站徽标、网页背景、链接按钮、导航栏和主页。 图像的视觉效果比文字强，通过在网页上运用图像，可以得到装饰性的效果。 图片对网页至关重要，但不能太多。 图像下载速度慢，网页放置了很多图像的话，会混乱，有夺走主机的势头。 网页上的许多图像文件使用JPG和GIF格式。 这是因为它不仅具有高压缩率，而且还具有跨平台功能。11，动画是网络上最活跃的要素，通常制作优秀的创意动画是吸引读者的最有效方法。 网页上有很多动画的话，读者会眼花缭乱，无意中看到。 因此，对动画制作的要求越来越高。 添加到网页的动画通常是GIF格式或Flash(.swf )动画。12、导航栏是网站设计者规划网站结构时应考虑的问题，必须在网站的每个网页上设置导航栏，并将其放置在网页中相对明确的位置。 设置导航栏的目的是让阅读者能够顺利阅读网页、返回主页或继续访问下一页。导航栏可以是文本、按钮或图像样式。13、超链接是网页上最有用的功能之一。 超链接是从一个网页到另一个网页的链接。 此链接可以访问本地网站上的其他网页，也可以访问世界各地的其他网页。 您可以在文本和图像中添加超链接标记，当鼠标指向超链接对象时，这些标记会变成小手形，单击鼠标左键可以链接到相应地址(URL )的网页。 超链接包括站内链接和站外链接。 站点内链接：如果站点计划了多个主题的版本，则必须将超链接添加到站点主页，以便浏览者能够快速转到感兴趣的页面。 每个子页面都有超链接，并且有返回主页的链接。 网站外链接：在个人网站上放置有关网站主题的外链接，不仅可以向阅览者介绍好的网站，而且阅览者也可以高兴地再次访问这个网站。 (友谊链接)、14、表是控制网页布局的有效方法之一。 为了获得理想的视觉效果，通常不显示表格边框。 使用表格的辅助布局，可以实现网页的纵横清晰的样式。 窗体是用于收集信息和实现交互效果的特殊web元素。 表单的主要功能是接收浏览器中读者输入的信息，并将其发送到服务器端。 15、6 .动态网页与静态网页的区别在于：在网站设计中，纯HTML形式的网页称为“静态网页”，在客户端上运行，并具有. htm、 HTML、 shtml和. xml等扩展名。 静态网页的内容只是标准的HTML代码，在静态网页中可能出现GIF形式的动画和Flash动画等各种动态效果，这些“动态效果”是视觉效果，是与以下介绍的动态网页不同的概念. 16、采用动态网页技术，在服务器侧工作的网页和程序属于动态网页，根据制作的程序访问数据库动态生成网页。 动态web文件的后缀通常为. asp、 aspx、 php和. jsp。 动态网页的优点是效率高、更新快、可移植性高，能够根据以前编写的程序页面，按照用户的要求返回数据，节约资源的最大利用和服务器上的物理资源。 17、动态网页和静态网页在视觉上没有区别。 例如，动画效果、网页中包含可动的要素并不意味着是动态网页，静态网页中也有动画。 请自己读课本的各个特点。 18，7 .最常用的web设计软件是什么？FrontPageDreamweaver、19，8.web图像和web动画创建软件，Photoshop fireworks (.gif ) flash (.swf )、20，HTML的基础HTML文档中的所有内容必须位于两个标记之间。 一个HTML文档必须始终以开头，以结尾。:HTML文件的标题标记、标题主要提供文档描述信息，标题部分的所有内容不显示在浏览器窗口中。 可以在这里放置页面的标题和页面种类、使用的字符集、链接的其他脚本和样式文件等内容。 :为了指定文件的正文区域，网页上显示的内容在该标签内，其结束标签表示正文区域的结束。 浏览器html文档的开始和结束位置，包括.22、9.HTML的基本结构、:head部分和body部分。 HTML文档中的所有内容必须位于两个标记之间。 一个HTML文档必须始终以开头，以结尾。，:HTML文件的标题标记、标题主要提供文档描述信息，标题部分的所有内容不显示在浏览器窗口中。 可以在那里放置页面的标题和页面的种类、使用的字符集、链接的其他脚本和样式文件等内容，:为了指定文档的正文区域，在网页上显示的内容在该标记内，其结束标记表示正文区域的结束，、23、9.HTML的基本结构、 HTML文档中的所有内容必须位于两个标记之间。 一个HTML文档必须始终以开头，以结尾。:HTML文件的标题标记、标题主要提供文档描述信息，head部分的所有内容不显示在浏览器窗口中。 可以在这里放置页面的标题和页面种类、使用的字符集、链接的其他脚本和样式文件等内容。 :为了指定文档的正文区域，网页上显示的内容在该标签内，其结束标签表示正文区域的结束。 、如何使用24、10.html创建网页文件？ 使用记事本创建代码，然后在保存时命名。 文件名. html，选择保存类型：所有文件都使用Dreamweaver创建新的html文件演示文稿。 25，11 .标记和标记是html文档中具有特定含义的符号，表示内容的含义和结构。 标签始终包含在三角括号中，大多数标签以一对形式显示，表示开始和结束。标签的内容，标签名，开始标签，结束标签，26，标签可以具有属性，分配时可以使用“=”。 多个属性之间可以有空格分隔的属性写入起始标记。 另外，标记符号和中间可以没有空格。 在错误的结束标签的情况下，必须介绍“/，27，12.body标签的一般属性，bgcolor属性：为了设定HTML页面的背景色，例如将背景色设定为红色。 背景属性：设置HTML页面的背景图像。 例如，表示图像tu.jpg设置为HTML页面的背景。 28，text属性：设置HTML页面的文本颜色。 使用文本定义的颜色应用于整个文档。 例如，表示文本颜色设置为红色。 link、alink和vlink属性：为常规超链接、当前活动的超链接和访问的超链接设置单独的文本颜色。 例如，29，topmargin，leftmargin属性：用于设定页面主体的内容与页面上端、左端的