Music Downloading Website (HTML,CSS,PHP Presentation)

Geeet.in
Music Downloading Website
Baba Farid College of Engineering & Technology
Anil Kumar ( 1403782 )

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/Anil Kumar ( 1403782 )

Snapshot of Bollywood Page
http://Geeet.in/Bollywood.phpAnil Kumar ( 1403782 )

Snapshot of Punjabi Page
http://Geeet.in/Punjabi.phpAnil Kumar ( 1403782 )

Snapshot of Artists Page
http://Geeet.in/Artists.phpAnil Kumar ( 1403782 )

Snapshot of Single Tracks Page
http://Geeet.in/single_tracks.phpAnil Kumar ( 1403782 )

Snapshot of Top Downloads Page
http://Geeet.in/Top-Downloads.phpAnil Kumar ( 1403782 )

Snapshot of Downloading Page
http://Geeet.in/Bajrangi-Bhaijaan-2015-geeet.in.phpAnil Kumar ( 1403782 )

Thanks You

Music Downloading Website (HTML,CSS,PHP Presentation)

More Related Content

What's hot (20)

Viewers also liked (20)

Similar to Music Downloading Website (HTML,CSS,PHP Presentation) (20)

Recently uploaded (20)

Music Downloading Website (HTML,CSS,PHP Presentation)