How to make a nice birthday wishes page

Original link: http://www.cnblogs.com/luangeng/p/6568282.html

 Production Address Online:

http://blessing.code996.cn

 

Before you begin

The tutorial should take the following skill requirements:

1. Familiar with Git

2. Familiar with HTML and HTML5

3. Familiar Css and Css3

4. Familiar with JavaScript

5. Familiar with JQuery

6. Learn PhotoShop

7. Learn SVG animation

If you have the above skills, the work can be completed in 3-5 hours.

Officially begin

Step one: creating web pages

1. Collect material
2. Making html page
3. Adding Style
4. Add Photo
5. Add music
6. Add additional
7. Local Preview
8. Adjust the style
9. Support micro letter

Step two: static server to upload:

1. Sign arbitrary code hosting site, such as cloud code, address: https://gitee.com/
2. Create a project warehouse, reference: https://gitee.com/help/articles/4120
3. Download and install git, upload your code, git Command Reference: https://www.code996.cn/post/2016/git-base/
4. Open the pages services, reference:  https://gitee.com/help/articles/4136
5. Wait for the deployment is successful, open the project addresses view.
6. carry out

Detailed steps

1. Material, including Happy Birthday, doing background music; pretty pictures; photos; animation; nice font files according to your taste and other materials available at each site, do not offer here.

2. HTML frame

3. The phone side scroll bar is hidden

<meta name="viewport" content="width=device-width, initial-scale=1">

Preventing the mobile terminal 4. Drag

5.mp3 player correlation function

6. Fireworks

7. Cake svg animation

8. Background Picture Styles

9. Style

slightly

10.HTML

HTML is HTML (English: HyperText Markup Language, referred to as: HTML) is a standard for creating a web page markup language. You can use HTML to build their WEB site, HTML run on the browser, to resolve by the browser.

CSS is Cascading Style Sheets (Cascading Style Sheets) style define how to display HTML elements, style is normally stored in a style sheet to add styles to HTML 4.0 in order to solve the problem of the separation of content and presentation, can greatly improve the external style sheet efficiency is typically stored in an external style sheet CSS file, a plurality of styles may be defined as a laminate.

JavaScript is the Internet's most popular scripting language, the language can be used for HTML and web, but also widely used for server, PC, notebook computers, tablet PCs and smart phones and other equipment. JavaScript is a scripting language, JavaScript is a lightweight programming language. JavaScript is a programming code into the HTML page. After the JavaScript into the HTML page, it can be performed by all modern browsers.

11. The code is open source cloud cloud code 2013 launch of the Chinese community-based Git completely free code hosting service that is open source software developed by Gitlab, we have done a lot of improvements and custom development on the basis of Gitlab based, It has now become the largest code hosting system, dedicated to domestic developers to provide quality and stable hosting services.

The main function code code cloud cloud In addition to providing the most basic Git code hosting, but also provide the code online to view, view version history, Fork, Pull Request, package download any version, Issue, Wiki, protection branch, code quality detection, PaaS project presentations, etc. to facilitate the management, development, cooperation and sharing.

Code Pages is a free cloud static web hosting service, you can use the code cloud hosting Pages blog, the project's official website and other static pages. If you've used Github Pages you'll quickly get started using cloud code Pages service. Currently Pages cloud code compiler supports static resources Jekyll, Hugo, Hexo.

12.Git Git is a version control tool, is a record of one or several file content changes, for future reference system-specific version of the revision. In the example shown in this book, we only save the text file as the software source code version control management, but in fact, you can version control of any type of file. If you are a graphic or web designer, you may need to save a picture or all revisions page layout files (perhaps you are very eager to have the function). Using version control system (VCS) is a wise choice. With its state before you can go back to it to a file, or even the entire project roll back the state in the past a certain point of time. You can compare the changes in the details of the file, and finally find out who has made changes which place to find out the cause of strange problems, but also when and who reported some functional defects and so on. Use version control systems typically also means that even if you delete change chaos to stretch the deleted files changed throughout the project, you can still easily restored to its original look. But the additional workload was minimal.

Details Reference:  http://git.oschina.net/progit/

Command Reference:

Finish

Reproduced in: https: //www.cnblogs.com/luangeng/p/6568282.html