第43页

在家就能学网站制作HTML+CSS带教学视频,源码案例

视频讲解

电子教案PPT

源码

在这几天特殊时期，在家呆的没事的时候可以学习网页制作哦，很有意思的，这是一个网上教学。加油

记得点个赞哦

下载地址

提取码：3xzy

https://pan.baidu.com/s/1GVs4AMK_iZfB2MvGnGu9xA

教大家如何利用Photoshop CS6制作专用章-防盗图片

效果图

介绍

制作章可以利用到自己的博客，网站，图片等上面，防止其他人抄袭图文，下面我就说下步骤，图片最后用png格式保存，附带psd格式。

操作步骤

1.首先我们先新建一个画布500*500像素，直接快捷键打开标尺ctrl+r，拖动水平线选择椭圆工具以中心为原点，绘制一个正圆填充前景色暗红即可。

2.点击选择-修改-收缩，设置收缩半径8px，然后按del键删除得到边缘。

3.打开自定义形状工具，选择形状-找到五角星图标，在中心位置绘制五角星，颜色暗红即可

4.在自定义形状工具，找到椭圆工具，设置路径，以正中心绘制椭圆路径，然后选择文本工具，把鼠标放到圆形路径上，以该圆形路径为文本路径，填充内容，如独家博客技术教程分享网。大家可以改别的哦。

5.继续选择文本工具，在印章下部写上小王的博客（专用章）透明背景取消最低背景图层小眼镜，然后选中其他图层直接按Shift+Ctrl+Alt+E盖印可见图层。，在点击滤镜-模糊-高斯模糊设置0.5像素。

6.选择滤镜-滤镜库-画笔描边-喷溅，喷溅半径2，平滑度5。

7.最后就是另存为png格式，快捷键：ctrl+alt+shift+s ，选择png 保存。

最后教程就分享到这儿了，如果喜欢学习ps的朋友可以收藏哦，记得给小编点个免费赞哦，有不懂的评论区告诉我。我们一起来探讨。

下载地址

独家博客章

一个很好看的十二星座源码-采用了HTML+css属性构成

图片展览

十二星座简介

在西方占星学上，黄道12星座是宇宙方位的代名词，一个人出生时，各星体落入黄道上的位置，说明了一个人的先天性格及天赋。黄道12星座象征心理层面，反映出一个人行为的表现的方式。于是将黄道分成12个星座，称为黄道12星座。依次为白羊座、金牛座、双子座、巨蟹座、狮子座、处女座、天秤座、天蝎座、射手座、摩羯座、水瓶座、双鱼座。

个人感想

这是我在学校所学了半年的专业课获得的知识，只是简简单单的学了一些基本的网页属性和标签还有css样式，我在这里给大家分享出来，网页做的不太好，布局不会布，全部采用了图片跳转链接而实现的了，如果有刚和我一样也是学习网页制作的同学，可以采纳我这个学习练手也行，减压包里面没有星座视频文件有点大，不方便上传，要是有喜欢的可以去百度搜索下哦，压缩包里面还有做好的PPT，如果有同学要上去演讲自己做的效果图，不会的话，可以套用我这个PPT，整整做了三天的PPT 要是利用千万别被老师发现哦，

好了我就说这么多，希望我们可以一起进步加油。

排版格式

排版效果图

代码分析

网站采用css样式
网站采用了<style>属性
网站使用在<body>里的属性
单标签属性
网站添加了新代码

所用代码

1.网站采用CSS样式
white-space:pre; //空白间距
color:red;    //颜色设置
font-size:40px; //设置字号font-family:"微软雅黑"; 
font-weight; //字体粗细
2.网站采用<style>属性
font-size:30px; //设置字号
color:black; //颜色设置
background-color:red; //背景颜色
font-family:"宋体";  //
text-align:center;  //对齐方式
background-color:white; 
font-size:16px	 //字体大小
white-space:pre;  //空格间距
3.网站使用在<body>里的属性
<style: background=“img/timg.jpg”>      //网页背景图
<p align=“center”></p>    //段落标签
<img src=“图片路径”>     //插入图片
<a href=“#”></a>		//跳转链接
<details><summary></summary> </details>    //隐藏内容
<a href=“id”></a>
<p id=“#”></p>                 //上下互相跳
<font color=“#ff0000”></font>    //设置颜色
<mark></mark>		//表面注释 
<ul><li></li><ul> 		//有序列表    
<textarea></textarea>     //文本框
采用 JPG、PNG、gif图片进行装饰         
4.单标签属性
<p> </p> 段落标签
&nbsp; 空格
&copy; 版权符号
<h1></h1>字体大小
width属性 	宽度
height属性 	高度
title属性   显示的文字
<hr> 水平线
<br> 换行标签
5.网站添加新知识代码
<marquee behavior=alternate>
</marquee>			//左右浮动
<p align=“center”><img src=“路径”>				//插入音频
<p><img src=“bing/2.jpg” align=“left” border=0><p>内容</p></p>	     //左右图片文字
<audio controls autoplay><source  src="bgsound.mp3" /></audio>		//插入视频

下载地址

https://www.lanzous.com/i93k7dc