第一章网页制作的基础知识

1.1认识网页和网站

1.1.1网页、网站

网页和网站的区别

网站有很多的网页但是网站和网页不是总分的关系

一、性质不同

1、网址:指因特网上网页的地址。

2、网站:指在因特网上根据一定的规则。

3、网页:构成网站的基本元素。

二、作用不同

1、网址:了解网址是网络用户上网的基础,实际应用中IP地址和域名地址都被人们广泛使用。

2、网站:用于展示特定内容相关网页的集合。

3、网页:是承载各种网站应用的平台。

三、特点不同

1、网址:网址通常指因特网上网页的地址。Internet网址是因特网重要标识,浏览网络信息、运行网络应用软件都必须输入Internet网址。Internet网址随应用内容的不同而不同,访问服务器用 IP 地址或域名;收发电子邮件要使用电子邮件地址;访问网络中的文件则要使用文件地址。

2、网站:人们可通过浏览器等进行访问、查找文件,也可通过远程文件传输(FTP)方式上传、下载网站文件。

3、网页:网页通常用图像档来提供图画,网页要通过网页浏览器来阅读。

常用术语

Internet   WWW  URL  IP  HTTP  FTP  发布  站点  超链接  客户机和服务器

1.1.2静态网页和动态网页:

HTML  CSS  JavaScript

只有HTML  CSS 就是静态网页加上JavaScript就是动态网页

所有内容要放在<html>...</html>之中

换行:

...</p>

...</p>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />  <!--字符集-->
		<meta name="keywords"content="网页搜索关键词"/>
		<meta name="description"content="xxx"/>
		<title>第一个网页项目</title>  <!--设置标题-->
		<link rel="stylesheet" href="css/whs666.css"type="text/css"/>  <!--引入css文件 样式脚本 路径 文件类型-->
		<script src="js/whs666.js" type="text/javascript"></script>  <!--引入js文件 指定路径 指定文件类型-->
	</head>
	<body>
		<!-- 单行注释 -->
		<p>这是我的第一个网页项目</p>
		<!-- 
		多行注释
		 第一行注释
		 第2行注释
		 -->
		<p>2023软件4班大牛博</p>
		<a href="http://www.baidu.com">百度一下</a>
	</body>
</html>

1.2网页的基本构成元素

1.2.1文本

文本具有体积小网络传输速度快等特点,可使用户更方便地浏览和下载文本信息,是网页最主要的基本元素,也是页面中最主要的信息载体

1.2.2图片和动画

图片比文本更加生动和直观,可以传递一些文本不能表达的信息,具有强烈的视觉冲击力

1.2.3超链接

超链接是从一个网页指向另一个目的端的链接,也是www流行的最主要的原因

1.2.4音频视频

音频可以使网页效果多样化,格式:mid和mp3

1.2.5.交互表单

用来接收用户在浏览器端的输入,然后将信息发送到用户设置的目标端

1.3 页面布局结构 

1.3.1 网页页面布局

1.3.2 网页色彩搭配

1.网页安全色:红色,蓝色和绿色

2.色彩的表达:

3.

1.4    Web前端技术简介

1.4.1 初识WEB前端

1.4.2 WEB前端开发的三大核心技术

HTML:页面结构文件

 CSS :页面样式文件

JavaScript :动态

1.4.3 前端开发工具

浏览器谷歌浏览器  GoogIechrome

编辑器:HBuiIderx

1.5 HTML 语法基础

1.5.1.1 语言

HTML作为一种超文本标记语言

1.5.1.2 超文本

超文本是可以加入图片、声音、动画、影视等内容的文本

1.5.2HTML基本结构

1.5.2.1HTML文档标签<html>...</html>

1.5.2.2HTML文档头标签<head>...</head>

1.5.2.3 文档编码<meta charset="utf-8">
1.5.2.4 HTML文档主体标签<body>...</body>

1.6 创建HTML文档

1.7 网页头部标签

1.7.1 <title>标签
1.7.2 <meta>标签

1.7.2.1 keywords

1.7.2.2 description

1.7.3 <link>标签

1.7.4 <script>标签

1.8  HTML5文档注释和特殊符号

1.8.1 注释

1.8.2 特殊符号

1.9 综合案例——临江仙 · 送钱穆父

  • 8
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值