SlideShare a Scribd company logo

html & css

•Download as PPTX, PDF•
•
U
umesh patil

Geeet.in is a music downloading website developed in PHP that uses a MySQL database to save information and collections of Bollywood and Punjabi songs. It has a user interface designed with HTML and CSS. The document then provides introductions and overviews of HTML, CSS, PHP, MySQL, and includes examples and snapshots of the Geeet.in website pages.

Related slideshows

Html & CSS
Html & CSSHtml & CSS
Html & CSS
 
11 Quiz related to HTML, CSS, JS and WP
11 Quiz related to HTML, CSS, JS and WP11 Quiz related to HTML, CSS, JS and WP
11 Quiz related to HTML, CSS, JS and WP
 
Steph's Html5 and css presentation
Steph's Html5 and css presentationSteph's Html5 and css presentation
Steph's Html5 and css presentation
 
1 of 21
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
Snapshot of Bollywood Page Anil Kum ar ( 1403
Snapshot of Punjabi Page http://Geeet.in/Punjabi.php Anil Kum ar ( 1403
Snapshot of Artists Page Anil Kum ar ( 1403
Snapshot of Single Tracks Page Anil Kum ar ( 1403
Snapshot of Top Downloads Page Anil Kum ar ( 1403
Snapshot of Downloading Page Anil Kum ar ( 1403
Thanks You Anil Kum ar ( 1403

More Related Content

html & css

  • 1. 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.
  • 2. 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.
  • 3. 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)
  • 4. 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
  • 5. 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.
  • 6. 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>
  • 7. 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
  • 8. 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
  • 9. 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.)
  • 10. 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.
  • 11. 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
  • 12. 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…
  • 13. • 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
  • 15. Snapshot of Bollywood Page Anil Kum ar ( 1403
  • 16. Snapshot of Punjabi Page http://Geeet.in/Punjabi.php Anil Kum ar ( 1403
  • 17. Snapshot of Artists Page Anil Kum ar ( 1403
  • 18. Snapshot of Single Tracks Page Anil Kum ar ( 1403
  • 19. Snapshot of Top Downloads Page Anil Kum ar ( 1403
  • 20. Snapshot of Downloading Page Anil Kum ar ( 1403