Music Downloading Website (www.Geeet.in)
Project Presentation, in this Presentation We covered HTML,CSS, PHP.
define all the term.
Baba Farid College of Engineering and Technology, Bathinda
https://www.facebook.com/AniLK0221
2. 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.
Anil Kumar ( 1403782 )
3. 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.
Anil Kumar ( 1403782 )
4. 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)
Anil Kumar ( 1403782 )
5. 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
Anil Kumar ( 1403782 )
6. 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.
Anil Kumar ( 1403782 )
7. 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>
Anil Kumar ( 1403782 )
8. 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
Anil Kumar ( 1403782 )
9. 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
Anil Kumar ( 1403782 )
10. 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.)
Anil Kumar ( 1403782 )
11. 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.
Anil Kumar ( 1403782 )
12. 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
Anil Kumar ( 1403782 )
13. 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…
Anil Kumar ( 1403782 )
14. • 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
Anil Kumar ( 1403782 )