1 / 12

Introduction of web desiging

How to make an SEO Friendly web site. how to design it. How to make our web site more attractive to attract the client.

prateek71
Download Presentation

Introduction of web desiging

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Introduction of Web Designing

  2. Creating a website. • Choose a Domain Name. • Register with Registrar. • Choose a hosting Service. • Tell registrar the IP Address. • Create a Web Content. • Store (Publise) onto hosting Server (FTP). • Submit new Site to Search engine.

  3. 12 Principles of Good website Design. • Visitor centric, Good Purpose. • Progressive Disclosure • Display quickly • Browser compatible • Intuitive navigation • Spelling, Grammer, Writing • Secure (ecommerce) • Attractive design, easy to read • No technical problems (broken link, Buggy script) • Maintainable (Separate content from style) • Search Engine Accessible • Cultural base (Regional? Domestic? International?)

  4. Creation your Web Site Technologies and Tools • Markup Languages • HTML ,DHTML,XML,XSLT, etc….. • Cascading Style Sheet(CSS) • Scripting Language • Perl, javascript,Php, etc... • Web Creation and Editing Software • Notepad, frontpage, Coldfusion, Flash, Hotmetal, Site Builder, etc..

  5. Markup Languages - HTML Derived From SGML (Standard Generalized Markup Language ) • Hyper Text Markup Language

  6. HTML Fundamentals • Clear Text, Case insensitive • Ignore with space • Comprised with tags <tag /> • Open tags and Close Tags

  7. HTML Fundamentals • Open tags • <Name attributes/> • <hr/>, <br/> • <img src= “url” Width=’100px’ height=’60px’/> • Closed tags • <Name attributes> Stuff </name> • <b> text to be bold </b> • <h1> Level 1 heading text </h1> • Comments • <!- - comment text -- >

  8. HTML Fundamental Document Structure <HTML > </HTML> Header Body

  9. HTML - Fundamentals Basic Structure <html> <head> <title> The title of your html page </title> <meta_tags/> <head> <body> <!- - your web page Content and markup -- > </body> <html/>

  10. HTML Fundamental Header <body> Hello World </body

  11. HTML Fundamentals Hyperlink colors <BODY LINK=Color, VLINK=Color, ALINK=Color > <BODY LINK= “blue”, VLINK= “purple”, ALINK= “red” > <BODY LINK= “#0000FF”, VLINK= “#FF00FF”, ALINK= “#FF00” >

  12. HTML Fundamentals Colors • Cathode Ray Tube (CRT)

More Related