宣传部第六次培训总结

HHUCESTA

于 2018-12-26 10:49:23 发布

阅读量357

点赞数

本文链接：https://blog.csdn.net/NOTFOUND_Liu/article/details/85217159

版权

宣传部第六次培训总结

文章目录

宣传部第六次培训总结
- 一、PS磨皮的基本操作
- 二、HTML的基本语法

一、PS磨皮的基本操作

1、复制一层，用修补工具将明显瑕疵去除
在这里插入图片描述
修图前

2、再复制一层背景

3、滤镜——其他——高反差保留，半径在20左右在这里插入图片描述

4、反相（ctrl+I）,选择线性光
在这里插入图片描述

5、滤镜——模糊——高斯模糊，参数尽量减小，使皮肤细节更加明显在这里插入图片描述

6、创建黑蒙版（Alt+左击蒙版），底色调为白色，用画笔涂抹细节，使皮肤更加完美。结束！（磨皮后）在这里插入图片描述（磨皮前）
（磨皮后）

二、HTML的基本语法

什么是网页

网页是一种可以在互联网上传输，能被浏览器认识和翻译成页面并显示出来的文件，是网站的基本构成元素。

网页的类型

静态网页和动态网页。

HTML简介
HTML是超文本标签语言（Hypertext Markup Language）的缩写，它是当今多种标签语言中的一种，是为Internet文档设计的标签语言。HTML虽然非常简单，容易掌握，但它也是重要的，因为它是网页设计与Web应用程序开发的基础。
HTML结构

<html>
   <head>
      <title>标题</title>
   </head>
   <body>
     body标签对之间的文本是可见的页面内容 
   </body>
</html>

常用文本标签
HTML 标签是由尖括号包围的关键词，通常是成对出现的。标签对中的第一个标签是开始标签，第二个标签是结束标签，开始和结束标签也被称为开放标签和闭合标签。

（1）标题标签< hn>
< hn>标签用于设置网页中各个层次的标题文字，被设置的文字将以黑体显示，并自成段落。

语法格式举例：
<h1 align=“center”> 标题部分 </h1>

属性说明：align属性用于设置标题的对齐方式，其参数为 left、center、right。

（2）段落标签< p>
浏览器是以无格式的方式显示HTML文档的，也就意味着HTML文档中的空格和Enter键是被浏览器所忽略的。要将文本划分段落就必须使用分段标签< p>。< p>标签是非空元素标签，所标识的文本，代表同一个段落，必须成对使用。两个段落间的间距等于两次换行的距离。

语法格式举例：
<p align="center"> 段落内容 </p>

属性说明：align（对齐）属性的属性值有3个参数：left（默认）、center和right。

（3）换行标签< br>
< br>是换行标签，在网页设计中比较常用。使用< br>标签能够使文档在该标签处强制换行，这一点与< p>相同。但与< p>不同的是换行后行之间不留空白行，页面看起来比较紧凑。< br>属于空标签，没有结束标签。

（4）水平线标签< hr>
< hr>标签是水平线标签，可以在页面中产生一条水平线，用于分隔文档和修饰网页。< hr>属于空元素标签，没有结束标签。
常用属性说明：hr标签的常用属性如下表所示。
在这里插入图片描述
（5）文字格式控制标签< font>
< font>标签用来设定网页中特定文字的字体、大小和颜色，必须成对使用。

语法格式举例：
<font face="楷体" size="4"   color="blue"> 文字 </font>

属性说明：
< font>标签的属性如右属性名功能face设置文本的字体，中文默认值是宋体，英文默认值是Times New Roman size设置文本的大小，属性值可以是绝对的，也可以是相对的color设置文本的颜色表所示。

（6）特定文字样式标签
特定文字样式标签用来设置特殊的文字样式，以实现文字的特殊效果。这类标签是成对使用的，没有属性。
例如， a< sup>2< / sup>+b< sup>2< / sup>表示 a2+b2。
在这里插入图片描述
（7）列表标签

无序列表
有序列表
嵌套列表
自定义列表

（8）无序列表标签< ul>
< ul>称为无序列表标签或项目列表标签，用来在页面中显示项目形式的列表，列表中每一项的前面会加上○、●或■等符号，每一项需用< li>标签，所以需要同< li>结合使用。

语法格式举例：

列表项1
列表项2

属性说明：< ul>的常用属性只有一个type，用来设定列表项前面出现的符号。
可取属性值有：

disc：列表项前面加上符号●。
circle：列表项前面加上符号○。
square：列表项前面加上符号■。

（9）有序列表标签< ol>
< ol>称为有序列表标签或编号列表标签，用来在页面中显示编号形式的列表，列表中每一项的前面会加上如A、a、i或I等形式的编号，编号会根据列表项的增删自动调整。每一项需要用< li>标签，所以需要同< li>结合使用。

语法格式举例：
    <ol type="A" start="2">
      <li>列表项1</li>
      <li>列表项2</li>
    </ol>

属性说明：< ol>标签的两个属性type和start用来控制顺序编号。

（10）无序列表标签< li>
< li>用来标签列表的一项，需同< ul>或< ol>一起使用，它的属性有：

type：用来设定列表项的符号，如果< li>用在< ul>里，属性取值为disc、circle或square，如果< li>用在< ol>里，则属性取值为1、a、A、i或I。
value：此属性仅当< li>用在< ol>里有效，属性值为一整数，用来设定当前项的编号，其后的项目将以此值为起始数目递增，前面各项不受影响。

（11）超链接标签< a>

超级链接是网页的灵魂，web上的网页正是依靠点击设置在文本、图像、flash等元素上的超级链接才能实现相互间的访问。
建立超链接的标签是一对< a>…<
/a>，它是网页中最为常用的标签。由于定义超链接时常常需要设置文件的路径，所以先介绍文件路径的写法，然后再介绍链接标签的用法。

（12）链接标签< a>
链接是用标签< a>来定义的，定义的语法为：

<a href="http://www.sohu.com/" target="_blank" title="sohu">搜狐网站</a>

属性说明：< a>标签的属性如下表所示。
在这里插入图片描述
（13）图像标签< img>
Web上常用的图像格式有三种：JPEG、GIF、PNG。

语法格式举例：
<img src="image/tu.jpg" width="100%" height="100" border="1" alt="图片"/>

不需要结束标签，只需在开始标签里设置属性即可。

（14）表格标签

使用表格是网页中用来定位元素的重要方法，同时表格也是网页布局结构里不可或缺的一部分。表格由一行或多行组成，每行又由一个或多个单元格组成。HTML中一个表格通常是由< table>、< tr>、< td>三个标签来定义的，这三个标签分别表示表格、表格行、单元格。
在对表格进行设置时，可以设置整个表格(< table>)或表格中的行(< tr>)或单元格(< td>)的属性，它们优先顺序为：单元格(< td>)优先于行(< tr>)，行(< tr>)优先于表格(< table>)
例如，如果将某个单元格的背景色属性设置为红色，然后将整个表格的背景色属性设置为蓝色，则红色单元格不会变为蓝色。
在html文档中，表格是由table、th、tr、td等标签构成的。
< table>称为表格标签，整个表格始于< table>而终于< /table>，它是一个容器标签，用于声明一个表格，< tr>、< td>等只能在它的范围内使用。

<table border="1">
<tr>
   <td>第一行第一格</td>
   <td>第一行第二格</td>
</tr>
<tr>
   <td>第二行第一格</td>
   <td>第二行第二格</td>
</tr>
</table>

< tr>用来标签表格行，是单元格（< td>或< th>）的容器，使用时要放在< table>容器里，结束标签可以省略。< tr>常用的属性有： align：用来设定这一行单元格中内容的水平对齐方式，属性值为left、center或right。
bgcolor：用来设定这一行的背景颜色。
valign：用来设定这一行单元格中内容的垂直对齐方式，可取属性值有：“top”顶端对齐。“middle”中间对齐，“bottom”底端对齐。
< td>在表格中表示一个单元格，是表格中具体内容的容器，使用时要放在< tr>与< /tr>之间。
< th>在表格中也表示一个单元格，用法与< td>相同，不同的是，< th>所标签的单元格中文本内容默认以粗体显示，且居中对齐。

（15）背景
< body> 拥有两个配置背景的标签。背景可以是颜色或者图像。

背景颜色

背景颜色属性将背景设置为某种颜色。属性值可以是十六进制数、RGB 值或颜色名。

<body bgcolor="#000000">
  <body bgcolor="rgb(0,0,0)">
  <body bgcolor="black">

背景图片

背景属性将背景设置为图像。属性值为图像的URL。如果图像尺寸小于浏览器窗口，那么图像将在整个浏览器窗口进行复制。

  <body background="clouds.gif">

URL可以是相对地址，如第一行代码。也可以使绝对地址，如第二行代码。

背景音乐

<bgsound src =“my.mp3" loop="-1">

loop中的数值是音乐循环的次数，可设置为任意正整数，若设为“-1”的话，音乐将永远循环，src 的数值是背景音乐的地址。

（16）HTML注释

注释标签用于在源代码中插入注释。注释不会显示在浏览器中。可使用注释对您的代码进行解释，这样做有助于在以后的时间
对代码的编辑。当编写了大量代码时尤其有用。
使用注释标签来隐藏浏览器不支持的脚本也是一个好习惯。

<!--这是一段注释。注释不会在浏览器中显示-->

（17）其他标签
< meta>标签
< meta>属于头部标签，应放在< head>与< /head>之间，它的用法比较多，但最常用的是它的刷新功能。

实现刷新功能的语法：
<meta http-equiv="refresh" content="5;url=http://www.baidu.com">

该语句表示：页面打开5秒钟后自动转到百度主页。如果把url部分省略，则表示页面每5秒钟就自动刷新一次。

HHUCESTA

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
宣传部第六次培训总结

宣传部第六次培训总结培训大纲PS修图的简单操作HTML的基本语法总结一、PS修图的基本操作二、HTML的基本语法1、什么是网页网页是一种可以在互联网上传输，能被浏览器认识和翻译成页面并显示出来的文件，是网站的基本构成元素。2、网页的类型静态网页和动态网页。3、HTML简介HTML是超文本标签语言（Hypertext Markup Language）的缩写，它是当今多种标...
复制链接

扫一扫