Downloaded 291 times
More Related Content
Similar to Html and css presentation
Html and css presentation
- 1. • HTML isused 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.
- 2. • Any texteditor can be used to create HTML documents. • The most commonly used text editors are: • Notepad (Windows) • Notepad++ (Windows) • WordPad (Windows) • NetBeans IDE (Windows)
- 3. • What YouSee 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
- 4. • An HTMLdocument 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.
- 5. <HTML> <HEAD> <TITLE>Geeet.in Bollywood &Punjabi</TITLE> </HEAD> <BODY>This is the part of the Web page that viewers would see!</BODY> </HTML>
- 6. What is CSS? CSSstands 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
- 7. • A CSSRULE 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
- 8. • PHP (HypertextPre-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.)
- 9. • MySQL iscurrently 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.
- 10. • 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
- 11. • 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…
- 12. • 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
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.