1 / 11

…xpand the possibilities

…xpand the possibilities. GLOBAL SOFTWARE ENGINEERING EXCELLENCE. HTML Training. Points to be covered. What is HTML? Points taken care when starting design Most basic/ often used HTML tags - overview Browser Behaviors Improving usability and download time. Using a <div> or <span>

jon
Download Presentation

…xpand the possibilities

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. …xpand the possibilities GLOBAL SOFTWARE ENGINEERING EXCELLENCE HTML Training

  2. Points to be covered • What is HTML? • Points taken care when starting design • Most basic/ often used HTML tags - overview • Browser Behaviors • Improving usability and download time. • Using a <div> or <span> • Working with Images • Working with CSS • Screen Resolution • Monitor Colors • HTML Best Practices

  3. What is HTML? HyperTextMarkupLanguage HTML defines the structure and layout of a Web documentby using a variety of tags and attributes

  4. Points to be taken care of when starting design • Who is your end user? • Are they technical capability? • Disability in end user?

  5. Most basic / often used HTML tags – overview • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> • Table • Tr Table row • Td Table data • <div> • <span> • <font>

  6. <Top to Bottom> <Left to right> Browser Behaviors • Why browsers behave differently • Data reading style of browser: • The time taken for a web page to load in a browser window is governed by four factors - - The file size of the web page- The surfer's bandwidth- The processor speed of your hosting server and- The complexity of the web page.

  7. Improving usability and download time • What is the best size for easy download? • What Can be done for this? • Make sure we do this • Must concentrate on Perceived download time and Actual download time • Keep criteria as great speed and minimum response times • How to Do This • HTML tables • Avoid nesting tables • Keep tables short • Remove all the unnecessary attributes. • Use of images • Use external Stylesheet. download faster, sometimes by as much as 50% • Align your code in files • Break up images • Preloading images

  8. Working with Images • Various image formats used in web world • GIF • JPEG • MPEG • PNG • What is PIXEL? • DPI • PPI • LPI

  9. CSS • Why are style sheetscalled 'cascading'? • What are types of stylesheets • Types of Layouts using stylesheets CSS file Web Pages User defines in code User defines in browser User does not define <Cascade through Code>

  10. Screen Resolution and Web Colors • Screen Resolution • Resolution is measured by the number of dots in a horizontal or vertical inch. • A computer monitor can typically display only 96 (Windows) or 72 (Mac) dots of picture information in an inch. • Web Colors • Using the 6 hexadecimal values (mentioned above),we can change the shade of blue as • Color range from 0-9 and A-F • What is color dithering and web safe palette

  11. HTML Best Practices • Alt Text (Alternate text) • Image Dimensions • Directory Structure • Naming Standards • Link paths • <script language=javascript src=common.js></script> • Common Headers and footers • CSS • Scroll Bars • Screen Percentage

More Related