Creating websites using html and css student lab manual

Open www.doorway.ru(HTML) or www.doorway.ru(CSS) Either click Validate by File Uploadand then Browse to your www.doorway.rule,or click Validate by Direct Inputand then copy/paste your code into the text box. If there are any errors, fix the first one, then repeat the previous steps.  · Starting from a blank file, we will: Use basic HTML tags to define the overall structure of a web page. Add some text content to the web page. Add an image to the web page. Separate the web page into sections and give each section a heading. Apply some basic style to . HTML is a hypertext markup language which is in reality a backbone of any website. Every website can’t be structured without the knowledge of html. If we make our web page only with the help of html, than we can’t add many of the effective features in a web page, for making a web page more effective we use various platforms such as CSS.

Module 2: Creating and Styling HTML5 Pages Lab: Creating and Styling HTML5 Pages Scenario Objectives Lab Setup Exercise 1: Creating HTML5 Pages Scenario Task 1: Create a new www.doorway.ru web application Task 2: Add the Home page Task 3: Add images to the Home Page Task 4: Add the About page Task 5: Add navigation links Task 6: Run the web application Exercise 2: Styling HTML pages Scenario Task 1: Create a new style sheet Task 2: Add CSS rules to style the pages Task 3: Run the web application. Starting from a blank file, we will: Use basic HTML tags to define the overall structure of a web page. Add some text content to the web page. Add an image to the web page. Separate the web page into sections and give each section a heading. Apply some basic style to the sections using CSS rules. 60 Exercises: Add an unordered list and an image to your web page, Create a html file that contains a heading and a couple of paragraphs, modify a button with which it is possible to change the text that is shown on the screen, add buttons to enlarge or shrink featured images, Modify the CSS style definition so that the initial width of a rectangle border is 6 pixels, Improve the Guess-A-Word game, Object Oriented Programming with JavaScript, Add CSS definitions so that elements that.

Lab Manual Designed by – Dept. of Computer Science and Engineering. OBJECTIVES Create your own style sheets and use them in your web page. It also helps to understands the concept of. JavaScript programming in designing a webpage. Students are advised to thoroughly go through this manual. WEB TECHNOLOGIES LAB MANUAL. 1. Headings. Aim: Create a web page using HTML tags. development programs, soft skills training to all its students.