小编也是第一次和大家共同学习,哪里不好大家也可以评论或私信

那么大家会有所疑问,HTMLPHP为什么要放在一起?其实这两种不同,分别是语言不同,用法不同,执行效率不同,但是我们在写HTML和PHP会用到DW写代码,他们其中也会有相同点都是用于Web开发领域,网站开发。

接下来我给大家分享添加HTML,PHP背景图片的方法。

添加HTML背景图片

  1. 打开Adobe Dreamweaver CS6

575e2eb1354446c0a12071b8a9c0d771.png

2.选择“新建”中的“HTML”

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6LCi5ZCbQOS4jei0n-aipuaDsw==,size_20,color_FFFFFF,t_70,g_se,x_16

 打开后就是这个样子的

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6LCi5ZCbQOS4jei0n-aipuaDsw==,size_20,color_FFFFFF,t_70,g_se,x_16

可能会有和我的不一样,欢迎在评论区留言

3. 找到HTML中的标签<body>

4.在标签<body>写代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body background="file:///C|/phpstudy_pro/WWW/未命名站点 2/102129-163037648996ad.jpg"></body>
</html>

属性background 这个属性就是添加背景图片的属性

让我们一起来看看效果吧

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6LCi5ZCbQOS4jei0n-aipuaDsw==,size_20,color_FFFFFF,t_70,g_se,x_16

这种效果是因为图片的比例和浏览器显示的比例不同,我们可以属性里面调,方法以后在和大家分享

添加PHP背景图片

我用的软件有phpstudy_pro,Adobe Dreamweaver CS6

1.们先打开phpstudy_pro

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6LCi5ZCbQOS4jei0n-aipuaDsw==,size_20,color_FFFFFF,t_70,g_se,x_16

 可能大家对phpstudy_pro不太会用,没关系的哈,网上有具体的教程可以慢慢学的,不用着急,不慌问题不大

2.启动WNMP还要套件立的Apache2.4.39和FTP0.9.60

3.找到网站,在操作下面找到管理,管理里面有“打开根目录”,然后打开它

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6LCi5ZCbQOS4jei0n-aipuaDsw==,size_20,color_FFFFFF,t_70,g_se,x_16

然后在根目录中创建PHP文档

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6LCi5ZCbQOS4jei0n-aipuaDsw==,size_20,color_FFFFFF,t_70,g_se,x_16

 4.打开刚刚创新的文件,就变成了这个样子,温馨提示这里的代码需要自己来写

<!DOCTYPE html>
<html>
<head>
<body background="102129-163037648996ad.jpg">
</body>
</head>
</html>

在此操作中可能出现提示,一律确定就可以啦,然后保存就可以啦

5.在浏览器中写入http://127.0.0.1/14.php就可以了(我这里是这个,具体的看您设定的来)让我们一起来看看效果波

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6LCi5ZCbQOS4jei0n-aipuaDsw==,size_20,color_FFFFFF,t_70,g_se,x_16

 想要效果更好,可以在属性里面调试

好了,大家动手试试吧

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐