Web前端
是指一个网站的基本前提条件,同时也是给用户提供直接操作的界面
任何的一个后端管理系统都离不开 前端的页面(门户网站)
仅仅只学习Web前端 很难就业 ----->Java/Python/.NET/Web全栈
对于一个没有学过软件编程或是网页设计的人而言, 很容易上手,并且在短时间内可以做出自己的网站。
如何开发一个网站?
(1)学会制作简单的页面
https://www.baidu.com/index.html
一个页面 的扩展名 : .html .htm
一个网页的基本结构:
<html>
<head></head>
<body></body>
</html>
编写网页的工具(软件):
editplus, Hubilder , WebStorm, notePad++,…DW…Submline Text
Hbuilder 使用的快捷键
ctrl+/ 表示的是添加注释/取消注释
ctrl+d 表示的是快速的删除一行
ctrl+上下键 表示的是快速的移动代码的位置
alt+/ 表示的是补全代码 (代码提示)
ctrl+shift+f 表示的是 整理代码格式化 (按照规范或者格式重新排列)
Web开发 需要学习三大部分:
(1)HTML (超文本标记语言): 是指浏览器可以识别的语言。
一个 页面 骨架 (结构层)
主要是由标签组合而成 <html></html>
超文本是指 在一个网页中除了文本之外 还可以包含图片,视频 ,音频,表格, 列表, 超链接的等等
标记语言: 是指由标签组合而成的语言(浏览器可以识别的语言)
(2) CSS层叠样式表 (表现/装饰/美化) :
是指对HTML 这个骨架的装饰以及美化 一个页面的肉体(表现层)
(3) JavaScript 提供用户和界面的交互方式 列如: 点击登录,验证用户名称和密码,搜索商品等
一个页面的行为 (行为层)
(4) jQuery框架
(5) Bootstrap框架 主要做响应式(适应于手机,ipad, 电脑,笔记本等)的网页
总结今日课程重点内容:
一、Web前端开发的三大模块
1、HTML 结构层 超文本标记语言
超文本: 在一个网页中除了文本之外,好包含图片,视频,音频,超链接,表格,列表等
标记语言: 由标签组合成的语言 <head></head>.......
一个网页的扩展名: .html .htm
一个网站: 多个html文件的集合
网页的基本结构:
为了增强浏览器的访问 我们可以添加 一个网页的文档类型
<!Doctype html>
<html>
<head>
<title><title>
</head>
<body></body>
</html>
基本标签的使用:
预定义格式化标签pre
换行标签 br
水平线 hr
字体标签font
font标签的属性: size(大小) color(颜色) face(字体)
加粗/斜体/下划线 b/i/u
下标和上标 sub和sup
段落标签p
图片标签img和超链接标签a
img的属性有: src表示的是图片路径 width/height(宽高) title(表示的是图片的标题) alt表示的是图片不能正常加载时的提示
a的属性: href表示的是超链接的 地址 target表示的是否重新打开窗口显示链接的网页
2、CSS
3、JavaScript