music downloading website (html,css,php presentation)

Anil Kumar ( 1403782 )

Geeet.in Music Downloading Website

Baba Farid College of Engineering & Technology


What is GEEET.IN

• Geeet.in is a Music Downloading Website Developing in PHP

• There are used MYSQL Database for saving a Information and collection of Songs (Bollywood and Punjabi Songs).

• There are used HTML, CSS for User Interface Designing.


INTRODUCTION TO HTML

• HTML is used to create web documents including text, images, formatting, and hyperlinks to other documents.

• HTML documents consists of text and ‘markup’ tags which are used to define the structure, appearance, and function of the information.

• There are two types of markup tags:• Container tags – Define a section of text using a start tag and an

end tag. For example, text placed inside of these tags would appear in bold: <B>Hello</B>

• Empty tags – represent a single occurrence of an instruction. For example, the <BR> or break tag is used to indicate that you want to include a single space following the text.


Text Authoring Tools

• Any text editor can be used to create HTML documents.• The most commonly used text editors are:

• Notepad (Windows)• Notepad++ (Windows)• WordPad (Windows)• NetBeans IDE (Windows)


WYSIWYG Authoring Tools

• What You See is What You Get (WYSIWYG) authoring tools provide graphical user interfaces to simplify the creation of HTML documents.

• Examples of WYSIWYG authoring tools are:

• FrontPage by Microsoft• Dreamweaver by Macromedia• PageMill by Adobe


Structure of an HTML Document

• An HTML document is divided into two main sections:• Heading - The HEADing contains information

describing the document, such as its title. The heading section is indicated by the <HEAD> and </HEAD> tags.

• Body - The BODY section is where the Web document text, graphics, and other elements are placed. The body section is indicated by the <BODY> and </BODY> tags.


Example of an HTML Document

<HTML><HEAD>

<TITLE>Geeet.in Bollywood & Punjabi</TITLE>

</HEAD><BODY>This is the part of the Web page that

viewers would see!</BODY></HTML>


What is CSS?CSS stands for Cascading Style Sheet. Typical CSS file is a text file with an extention.css and contains a series of commands or rules. These rules tell the HTML how to display.

*To create a style sheet, create a file using Notepad (PC) or Text Edit (Mac), save it as a .css document and start writing the CSS code (see right).

/* Styles for geeet.in*/ body {font-family:Arial; background: #000;}

#container {text-align:left;width:1020px;

}

#header {height:232px;}

And so On…

Style.css


CSS Rule Structure• A CSS RULE is made up of a selector and a declaration.

A declaration consists of property and value.

• selector {property: value;}

A selector, here in green, is often an element of HTML.

body { property: value; } h1 { property: value; } .class { property: value; } p { property: value; }

declaration


INTRODUCTION TO PHP

• PHP (Hypertext Pre-Processor) is a server-side web programming language that is widely used for web development.

• PHP language has its roots in C and C++. • PHP syntax is most similar to C and C++ language

syntax. So, programmers find it easy to learn and manipulate.

• PHP can run on both UNIX and Windows servers.• PHP supports many databases (MySQL, Oracle etc.)


INTRODUCTION TO MYSQL

• MySQL is currently the most popular open source database server in existence.

• On top of that, it is very commonly used in conjunction with PHP scripts to create powerful and dynamic server-side applications

• MySQL is a relational database system. If you can believe many diehard MySQL fans, MySQL is faster, more reliable, and cheaper.


SQL COMMAND• SELECT - extracts data from a database• UPDATE - updates data in a database• DELETE - deletes data from a database• INSERT INTO - inserts new data into a database• CREATE DATABASE - creates a new database• ALTER DATABASE - modifies a database• CREATE TABLE - creates a new table• ALTER TABLE - modifies a table• DROP TABLE - deletes a table


Hardware & Software Specification

• Technology Used• Frontend:-HTML, CSS, PHP• Backend:- My SQL• Framework:- NetBeans IDE 7.2

• System Requirements• Minimum RAM:- 1 GB• Hard Disk:- 160 GB• Processor:- Intel Core2 Duo• Operating System:- Windows 7, Windows 8,Windows 10

conti…


• Software Specifications• Technology Implemented : Apache Server• Languages Used : PHP• Database : My SQL• User Interface Design : HTML, CSS• Web Browser : Google Chrome, Firefox• Software : WAMP Server 2.2


Snapshot of Home Page

http://Geeet.in/


Snapshot of Bollywood Page

http://Geeet.in/Bollywood.php


Snapshot of Punjabi Page

http://Geeet.in/Punjabi.php


Snapshot of Artists Page

http://Geeet.in/Artists.php


Snapshot of Single Tracks Page

http://Geeet.in/single_tracks.php


Snapshot of Top Downloads Page

http://Geeet.in/Top-Downloads.php


Snapshot of Downloading Page

http://Geeet.in/Bajrangi-Bhaijaan-2015-geeet.in.php


Thanks You