《HTML5+CSS3+JavaScript网页设计与制作案例教程》全套教学课件.pptx

HTML5+CSS3+JavaScript网页设计与制作案例教程项目1网页设计基础项目2HTML5基础项目3CSS格式化网页项目4盒子模型划分网页模块项目5为网页添加列表和超链接项目6为网页添加表格和表单项目7全新的网页视听技术项目8JavaScript编程全套可编辑PPT课件本课件是可编辑的正常PPT课件

网页网站设计基础项目一本课件是可编辑的正常PPT课件

前言网络信息时代，网页的作用举足轻重，行业类别不同、功能不同的各种网页使得新经济时代行业信息变得系统化、规范化、专业化和规模化，更有利于行业信息交流的便捷化与新经济、新产业模式的高效运作与规模化发展。本项目重点讲解网页网站设计的基础知识，思维导图如下。本课件是可编辑的正常PPT课件

1.3网页设计规范1.1网页和网站概述1.2网页设计原则1.4网站制作流程目录1.5网页制作技术入门1.6创建第一个网页本课件是可编辑的正常PPT课件

1.1网页和网站概述本课件是可编辑的正常PPT课件

1.1网页和网站概述网页是一种可以在互联网传输、能被浏览器识别和翻译成页面并显示出来的文件，是网站的基本构成元素。例如，在浏览器地址栏中输入吉林农业科技学院的网址https：///，并按Enter键，这时浏览器界面就会转换为学院官网首页，如图1-1所示。本课件是可编辑的正常PPT课件

1.1网页和网站概述通常网页的扩展名为htm和html。htm和html二者在本质上并没有区别，都是静态网页文件的扩展名。可以使用记事本更改扩展名的方式创建一个网页。例如，将记事本的扩展名txt更改为html，即可得到一个网页文件。利用记事本编辑html网页本课件是可编辑的正常PPT课件

1.1网页和网站概述网站由多个网页组成，各网页之间并不是杂乱无章的，而是有序链接在一起的。例如，当用户单击吉林农业科技学院官网首页导航栏上的“科学研究”超链接时，就会跳转到“吉林农业科技学院科技处”页面，如图1-2所示。网站和网页属于包含关系，网站包含的网页分别负责不同的职能与任务。本课件是可编辑的正常PPT课件

1.1网页和网站概述1.1.1网页的基本构成要素虽然网页的表现形式千变万化，但网页的基本构成要素是相同的，主要包含以下四大要素。文字图像超链接多媒体本课件是可编辑的正常PPT课件

1.1网页和网站概述1.文字文字作为信息传达的重要载体，也是网页构成的基本要素。网页中的文字主要包括标题、信息、文字链接等几种形式，如图1-3所示。文字的字体、字号、颜色和排列对整体版面设计影响极大，网页制作者应该多花心思编排设计。本课件是可编辑的正常PPT课件

1.1网页和网站概述2.图像图像具有比文字更加直观、强烈的视觉表现效果，在网页中主要承担提供信息、展示作品、装饰网页、表现风格和超链接的功能。在网页中，图像往往是创意的集中体现，需要与传达的信息含义和理念相符。网页中使用的图像主要包括GIF、JPG、PNG等格式。本课件是可编辑的正常PPT课件

1.1网页和网站概述3.超链接一个网站通常由多个页面构成，进入网站时首先看到的是其首页，如果想从首页跳转到其他页面，就需要在首页相应位置设置超链接。所谓超链接，是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一张图片、一个电子邮件地址、一个文件，甚至是一个应用程序。本课件是可编辑的正常PPT课件

1.1网页和网站概述4.多媒体多媒体一般包括文本、声音和图像等多种媒体形式。在计算机系统中，多媒体指组合两种或两种以上媒体的一种人机交互式信息交流和传播媒体。使用的媒体包括文字、图片、照片、声音、动画和影片，以及程序所提供的互动功能。本课件是可编辑的正常PPT课件

1.1网页和网站概述1.1.2网页的相关名词URL（统一资源定位符）是Web地址，用于定位互联网上的资源。Internet就是通常所说的互联网，互联网是一个由计算机相互连接而成的网络，实现了全球信息资源的共享和互动，对人类生活产生了深远影响。WWW（万维网）是Internet提供的一种服务，主要用于网页浏览，是Internet上最主要的服务之一。030102DNS（域名系统）负责将域名转换为IP地址，方便人们记忆和访问网络资源。04本课件是可编辑的正常PPT课件

1.1网页和网站概述W3C（万维网联盟）是一个国际标准化组织，负责制定Web技术规范，如HTML和XML，促进了Web技术的兼容和发展。HTTP（超文本传输协议）规定了浏览器和万维网服务器之间的通信规则，确保用户请求的文件准确无误地到达客户端。Web是互联网的使用环境，对于普通用户是浏览内容的地方，对于网站设计者是技术的总称。070506