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

1.1.1网页,网站

网页和网站的区别:

1.网站是多个网页的集合,只要有独立域名和空间,哪怕只有一个页面也可以称为网站

2.网址是指因特网上网页的地址,网站是根据一定规则构成的,而网页是网站的基本元素。

常用术语:

URL:指定通信协议和地址

FTP:文本传输协议

发布:即上传网站

超链接:在浏览网页时单击超链接就能跳转与之相应的页面,可以是图片,文件等等

1.1.2 静态网页和动态网页

动态网页技术包括 HTML CSS JavaScript

静态网页技术包括 HTML CSS

1.2 网页的基本构成元素

1.2.1.文本 

文本体积小、网络传输速度快,是网页最主要的基本元素和信息载体

1.2.2.图片和动画

图片比文本更生动和直观,图片格式主要包括GIF、JPE、GPNG

1.2.3.超链接 :
1.2.4.音频视频:
音频压缩速率高,视频具有文件小,加载速度快特点

1.2.5.交互表单
通常接收用户在浏览器端的输入,可以是文本文件、网页和电子邮件也可以是服务器端的应用程序

1.2.6.其他常见元素 
运用特效点缀网页

1.3 页面布局结构

1.3.1 网页页面布局

1.3.2 网页色彩搭配

1)网页安全色

2)网页中色彩的表达

3)常见色彩搭配

1.4    Web前端技术简介

1.4.1 初识WEB前端

Web前端即指平常上网浏览的网页

1.4.2 WEB前端开发的三大核心技术
1.HTML:控制页面结构,是制作网页的标准语言

2.CSS:控制页面样式、静态修饰网页,还可以配合脚本语言动态地对网页元素格式化,并拥有对网页对象和模型样式进行编辑的能力

3.JavaScript:是一种属于网络的脚本语言,常用来为网页添加动态功能,属于浏览器的一部分由浏览器边解释边执行,通常Javascript脚本通过嵌入HTML中的方式来实现自身功能

1.4.3 前端开发工具

浏览器:谷歌浏览器、IE浏览器、GoogleChrome

网页编辑器:HBuilderX

切图工具:PS

1.5 HTML语法基础

1.5.1 HTML概述

1.语言

2.超文本

3.标记

1)单标签:指只存在一个标签的写法如<meta><input>等

2)双标签:指存在一对标签如<head></head><body></body>等,注意第一个为起始标签,第二个为结束标签,“/”在结束标签里作为关闭符

1.5.2HTML基本结构

1.5.2.1 HTML文档标签<html>...</html>
1.5.2.2 HTML文档头标签<head>...</head>
1.5.2.3 文档编码

文档编码格式为<meta charset="utf-8"/> 文档声明的编码应该与实际编码一致,否则会成乱码

1.5.2.4 HTML文档主体标签<body>...</body>

1.5.2.4 HTML文档主体标签<body>...</body>
它定义网页上显示的主要内容与显示格式,网页中要显示的内容都包含在主体中

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        我的第一个网页
        
    </body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值