Web前端开发第一课内容整理

2017-01-16 本文已影响0人一只大粑粑

web 前端开发：网页制作

编辑环境：Dw Sublime 等等

编辑语言：HTML CSS JavaScript

HTML ：超文本标记结构为<> 其实是一种标记，让计算机能够识别这种语言

HTML 以标记形式存在以文本形式写出来能够完成普通文本无法完成的功能能够处理声音，动画，文字，链接，表格等等。HTML 包括头部（head）和主体(body)两大部分。

CSS : 层叠样式表把多个样式一层一层叠加在一起构成div。(相当于给网页做装修)

比如:

<div style = width : 100px>其中width 为属性名称 : 为区分左右 100px 为数值 CSS属性还有文字属性 font 颜色属性 color 背景属性 background 边框 border 等等。

CSS样式表有内部样式表行间样式表和外部样式表。

行间样式表格式为<div style= width: 200px;heighet:100px; >位于 <body>与</body>之间。

内部样式表格式为 <style>#div{这里写一些属性}</style> 内部样式表位于 </head>结束前</title>结束后。#div为一种调用。

外部样式表格式为 <link rel= "stylesheet" href="这里为你写好的外部样式表的名称"/>外部样式表的位置与内部样式表所处位置相同。

CSS还有复合样式表。样式表里可以写一系列元素,没有顺序之分。

JavaScript:浏览器的脚本语言(可以让页面产生动作)

HTML CSS JavaScript三种应花大量精力去学习。

如何得到一张图片:

(1)设计师所给ps图片。

(2)可以借助键盘的印屏幕功能按键,并且配合Ps切图得到自己想要的图片。需掌握Ps的一些基本技术:切图,测量,图片简单处理等等。

(3)直接运用浏览器的插件得到自己想要的图片。快捷键为F12

<*CSS注释*>