制作一个表白网页|学习笔记

简介: 快速学习制作一个表白网页

开发者学堂课程【场景实践 -新手玩转云计算制作一个浪漫的表白网页制作一个表白网页学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/445/detail/5497


制作一个表白网页


内容介绍:

一、代码编辑器

二、下载附件

三、内容修改


一、代码编辑器

Visual Studio Code(简称VSC)是微软的代码编辑器;

中文操作系统安装后默认中文界面。

为大家提供了一份有动画的HTML5表白页模板,就是love文件:


二、下载附件

首先打开附件下载的love的压缩包,解压;打开index.html可以看到动画效果。


三、内容修改

如何修改网页?

点击index.html右键点击打开方式选择visual studio code;

也可以打开visual studio code将HTML文件拖到里面。

如何修改内容?

比如title这里有给你的一封信,就可以进行修改,给某人发的一封信,提示可以忽略,可以看到如图,进行编辑,完成添加,进行修改。

在title上可以修改标题;

image.png

时间可以在大约180左右的绿色字体修改;点击保存。

背景音乐可以自己添加,准备自己喜欢的音乐,格式为mp3。

相关文章
|
Windows
ts-node : 无法加载文件 C:\Users\Dell\AppData\Roaming\npm\ts-node.ps1,因为在此系统上禁止运行脚本。有关详细信息
ts-node : 无法加载文件 C:\Users\Dell\AppData\Roaming\npm\ts-node.ps1,因为在此系统上禁止运行脚本。有关详细信息
466 0
|
6月前
|
人工智能
我说魔,你说搭-魔搭AI视频宣传片挑战赛
当大家都喊魔塔的时候,我们决定搞个事情...有人管咱们叫"魔塔"?
236 4
|
9月前
|
计算机视觉
YOLOv11改进策略【Neck】| PRCV 2023,SBA(Selective Boundary Aggregation):特征融合模块,描绘物体轮廓重新校准物体位置,解决边界模糊问题
YOLOv11改进策略【Neck】| PRCV 2023,SBA(Selective Boundary Aggregation):特征融合模块,描绘物体轮廓重新校准物体位置,解决边界模糊问题
413 11
|
Android开发
通译灵码,果然不凡
我是一名全栈开发工程师,使用通义灵码个人版IDEA/DevEcoStudio/Android Studio进行程序开发。通过安装灵码插件,开发效率提升了约40%。安装步骤:进入Setting->插件->搜索“lingma”->点击安装。
551 3
|
安全 搜索推荐 Linux
Linux C++ 环境下数据高效备份策略:全面指南与最佳实践
Linux C++ 环境下数据高效备份策略:全面指南与最佳实践
238 1
|
安全
【Shiro】2、Shiro实现Session会话过期时间控制
一般我们的 session 会话过期时间默认为 30 分钟,有的用户认为 30 分钟太短了,有时候临时有事出去了,回来已经过期了,工作还没完成就只能登出了,非常不方便,于是要求我们改变 session 的过期时间
1416 0
|
弹性计算 大数据 测试技术
阿里云服务器多少钱一年?2024年阿里云服务器价格表新鲜出炉
阿里云服务器分为轻量应用服务器和云服务器ECS,轻量适合个人开发者使用,搭建轻量级的网站、测试环境使用,专业级如大数据、科学计算、高并发网站等需要使用云服务器ECS,以下是分享阿里云服务器租用费用,也可以移步到官方服务器页面:云服务器ECS经济型e实例2核2G、3M固定带宽99元一年、ECS u1实例2核4G、5M固定带宽、80G ESSD Entry盘优惠价格199元一年,轻量应用服务器2核2G3M带宽轻量服务器一年61元、2核4G4M带宽轻量服务器一年165元12个月、2核4G服务器30元3个月
|
传感器 开发框架 芯片
【HaaS Python硬件积木】土壤湿度传感器
【HaaS Python硬件积木】土壤湿度传感器
301 20
|
算法 C++
数据结构与算法之最小爬楼梯费用&&动态规划
数据结构与算法之最小爬楼梯费用&&动态规划
144 0
数据结构与算法之最小爬楼梯费用&&动态规划