中文版Dreamweaver网页制作案例教程[2021版]项目一网页设计与制作基础知识.pptxVIP

中文版Dreamweaver网页制作案例教程

目录contents项目一网页设计与制作基础知识项目二网站规划与站点创建项目三网页中的文本、图像与音视频项目四网页中的列表与超链接项目五网页中的表格与表单项目六网页布局项目七行为、模板与库项目八实战案例——制作爱学精品课网站

项目一网页设计与制作基础知识?了解网页基础知识?初识HTML5任务一任务二初识CSS3任务三

如今，利用网络平台进行工作、学习已经成为人们的生活常态，网站因此成了各类大小公司的必需品，网页设计与制作相关工作也就随之成了热门职业。本项目将带领大家学习网页设计与制作基础知识，为接下来的深入学习打下良好的基础。项目导读

知识目标技能目标思政目标了解网页基础知识。掌握HTML5基础知识。掌握CSS3基础知识。能够分析并总结网站的特点。能够使用HTML5与CSS3制作简单的网页。培养良好的工作和学习习惯。树立独立思考的意识。学习目标

?了解网页基础知识1PART01任务描述任务准备任务实施——浏览并分析“北京鲁迅博物馆”网站一、网站开发相关概念二、网站开发流程三、网页设计基础四、网页制作基础

网页是网络资源与信息传播的重要载体，也是网站的基本组成部分。本任务首先介绍网页基础知识，然后从整体布局和设计的角度对“北京鲁迅博物馆”网站进行分析，便于读者深入理解相关知识在实际网站中的应用。任务描述

任务准备一、网站开发相关概念二、网站开发流程三、网页设计基础四、网页制作基础

全班学生以3～5人为一组，各组选出小组长，小组长组织组内成员扫码观看视频“网页设计师”，讨论并回答以下问题。任务准备问题1：如何了解网页设计与制作相关岗位的职责？问题2：简述网页设计与制作相关岗位的职责。网页设计师

Internet的全称是Internetwork（因特网），是集现代计算机技术和通信技术于一体的、全球最大的开放式计算机网络。它基于TCP/IP协议，通过网络互联设备将不同国家、不同地区、不同部门和不同类型的计算机、国家骨干网、广域网、局域网等进行连接。一、网站开发相关概念1．Internet

一、网站开发相关概念1．InternetInternet提供的服务信息服务文件传输服务远程登录服务电子邮件服域名解析服务

一、网站开发相关概念1．Internetinternet与Internet在概念上不完全等同。internet（互联网）是一个通用名词，泛指多个计算机网络互连而组成的网络，其中的通信规则并不固定；Internet（因特网）特指以TCP/IP协议为通信规则的计算机网络，属于internet的一种。小贴士

例如，“26”就是一个IP地址。一、网站开发相关概念2．IP地址因特网上连接了不计其数的服务器和客户机，每一个主机在因特网上都有一个唯一的地址，称为IP地址（internetprotocoladdress）。IP地址是一个32位的二进制数，为方便使用，一般用4个小于256的十进制数表示，4个十进制数之间用“.”间隔。

例如，在浏览器地址栏中输入百度网站的域名“”，然后按“Enter”键即可访问百度网站。一、网站开发相关概念3．域名由于IP地址在实际使用中不方便记忆和书写，因此人们又设计了一种与IP地址对应的名称来表示地址，即域名。每一个网站都有自己的域名，并且域名是独一无二的。

一、网站开发相关概念3．域名百度网站的域名“”中，“.com”为顶级域名，表示商业组织。顶级域名表示不同类型的组织或机构，如“.org”表示非营利组织，“.net”表示网络服务提供商等。“baidu”为二级域名，一般表示特定的网站或子网站。百度网站的新闻子站域名为“”，其中的“news”为三级域名或子域名，一般表示特定的网站或子网站。小贴士

在访问某个网页时，一般都需要在浏览器的地址栏中输入该网页的网址。网址又称URL（uniformresourcelocator），即统一资源定位符，是世界通用的、负责定位万维网资源（如网页）的标准字符串。一个完整的URL由通信协议名称、域名或IP地址、资源在服务器中的路径和文件名组成。一、网站开发相关概念4．网址/cp/cp1.html通信协议名称域名资源路径文件名

一、网站开发相关概念4．网址万维网（worldwideweb，WWW）又称全球信息网，它将世界各地的信息资源以超文本或超媒体的形式组织成一个巨大的信息网络，使用户可以通过浏览器获取感兴趣的信息。这些信息由URL标识，通过HTTP传送给用户。HTTP（hypertexttransferprotocol，超文本传输协议）是一种用于在互联网上传输超文本数据的通信协议。小贴士

例如，新浪网就包含新闻、财经、科