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 超文本
超文本是可以加入图片、声音、动画、影视等内容的文本