如何制作⼀个漂亮的⽣⽇祝福⽹页
在线制作地址：
开始前
完成本教程需要以下技能要求：
1. 熟悉Git
2. 熟悉HTML及HTML5
3. 熟悉Css及Css3
4. 熟悉JavaScript
5. 熟悉JQuery
6. 了解PhotoShop
7. 了解SVG动画
如果您拥有以上技能，可在3到5⼩时内完成作品。
正式开始
步骤⼀：⽹页制作
1. 收集素材
2. 制作html页⾯
3. 添加样式
4. 添加照⽚
5. 添加⾳乐
6. 添加其他
7. 本地预览
8. 调整样式
9. ⽀持
手机网站免费制作步骤⼆：上传到静态服务器：
1. 注册任意⼀个代码托管⽹站，如码云，地址：
2. 创建项⽬仓库，参考：
3. 下载安装git，上传你的代码，git命令参考：
4. 打开pages服务，参考：
5. 等待部署成功，打开项⽬地址，查看。
6. 完成
步骤详解
1. 素材包括⽣⽇快乐歌，做背景⾳乐；漂亮的图⽚；相⽚；动画；好看的字体⽂件等请在各素材⽹站根据⼝味获取，这⾥就不提供了。
2. HTML框架
3.⼿机端隐藏滚动条
<meta name="viewport" content="width=device-width, initial-scale=1">
4.⼿机端防⽌拖动
5.mp3播放相关函数
6.烟花
7.蛋糕动画svg
8.背景图⽚样式
9.样式
略
10.HTML
HTML是超⽂本标记语⾔（英语：HyperText Markup Language，简称：HTML）是⼀种⽤于创建⽹页的
标准标记语⾔。您可以使⽤ HTML 来建⽴⾃⼰的 WEB 站点，HTML 运⾏在浏览器上，由浏览器来解析。
CSS是层叠样式表 (Cascading Style Sheets)样式定义如何显⽰HTML元素，样式通常存储在样式表中把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题，外部样式表可以极⼤提⾼⼯作效率外部样式表通常存储在 CSS ⽂件中，多个样式定义可层叠为⼀。JavaScript 是互联⽹上最流⾏的脚本语⾔，这门语⾔可⽤于 HTML 和 web，更可⼴泛⽤于服务器、PC、笔记本电脑、平板电脑和智能⼿机等设备。 JavaScript 是脚本语⾔，JavaScript 是⼀种轻量级的编程语⾔。JavaScript 是可插⼊ HTML 页⾯的编程代码。JavaScript 插⼊HTML 页⾯后，可由所有的现代浏览器执⾏。
11.码云码云是开源中国社区2013年推出的基于 Git 的完全免费的代码托管服务，这个服务是基于 Gitlab 开源软件所开发的，我们在 Gitlab 的基础上做了⼤量的改进和定制开发，⽬前已经成为国内最⼤的代码托管系统，致⼒于为国内开发者提供优质稳定的托管服务。
码云主要功能码云除了提供最基础的 Git 代码托管之外，还提供代码在线查看、历史版本查看、Fork、Pull Request、打包下载任意版本、Issue、Wiki 、保护分⽀、代码质量检测、PaaS项⽬演⽰等⽅便管理、开发、协作、共享的功能。
码云 Pages 是⼀个免费的静态⽹页托管服务，您可以使⽤码云 Pages 托管博客、项⽬官⽹等静态⽹页。
如果您使⽤过 Github Pages 那么您会很快上⼿使⽤码云的 Pages服务。⽬前码云 Pages ⽀持 Jekyll、Hugo、Hexo编译静态资源。
12.Git Git是⼀种版本控制⼯具，是⼀种记录⼀个或若⼲⽂件内容变化，以便将来查阅特定版本修订情况的系统。在本书所展⽰的例⼦中，我们仅对保存着软件源代码的⽂本⽂件作版本控制管理，但实际上，你可以对任何类型的⽂件进⾏版本控制。如果你是位图形或⽹页设计师，可能会需要保存某⼀幅图⽚或页⾯布局⽂件的所有修订版本（这或许是你⾮常渴望拥有的功能）。采⽤版本控制系统（VCS）是个明智的选择。有了它你就可以将某个⽂件回溯到之前的状态，甚⾄将整个项⽬都回退到过去某个时间点的状态。你可以⽐较⽂件的变化细节，查出最后是谁修改了哪个地⽅，从⽽出导致怪异问题出现的原因，⼜是谁在何时报告了某个功能缺陷等等。使⽤版本控制系统通常还意味着，就算你乱来⼀⽓把整个项⽬中的⽂件改的改删的删，你也照样可以轻松恢复到原先的样⼦。但额外增加的⼯作量却微乎其微。
命令参考：
完