Docsity
Log inSign up
Docsity
Prepare for your exams
Prepare for your exams

Study with the several resources on Docsity

Earn points to download
Earn points to download

Earn points by helping other students or get them with a premium plan

Guidelines and tips
Guidelines and tips
Sell on Docsity
Sell on Docsity
Log inSign up

Prepare for your exams

Study with the several resources on Docsity

Find documents

Prepare for your exams with the study notes shared by other students like you on Docsity

Search Store documents

The best documents sold by students who completed their studies

Search through all study resources
Docsity AINEW

Summarize your documents, ask them questions, convert them into quizzes and concept maps

Explore questions

Clear up your doubts by reading the answers to questions asked by your fellow students

Earn points to download

Earn points by helping other students or get them with a premium plan

Share documents
download point icon20 Points

For each uploaded document

Answer questions
download point icon5 Points

For each given answer (max 1 per day)

All the ways to get free points
Get points immediately

Choose a premium plan with all the points you need

Study Opportunities

Choose your next study program

Get in touch with the best universities in the world. Search through thousands of universities and official partners

Community

Ask the community

Ask the community for help and clear up your study doubts

University Rankings

Discover the best universities in your country according to Docsity users

Free resources

Our save-the-student-ebooks!

Download our free guides on studying techniques, anxiety management strategies, and thesis advice from Docsity tutors

From our blog

Exams and Study
Go to the blog

Web Designing Practical file, Study notes of Web Design and Development

Maharishi UniversityWeb Design and Development

practical file for web development

Typology: Study notes

2020/2021

Uploaded on 07/16/2021

anubhav-sharma-6
anubhav-sharma-6 🇮🇳

1 document

1 / 27

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
INSTITUTE OF MANAGEMENT & TECHNOLOGY
[Approved by AICTE & Affiliated to M.D. University, Rohtak]
Practical File
Web Designing
(WD
-
206) BC
A
2nd Y
EAR
(4
th
S
E
M)
Submitted To: Submitted By:
Sushil kumar Chhabra Amit kumar
Signature......................
pf3
pf4
pf5
pf8
pf9
pfa
pfd
pfe
pff
pf12
pf13
pf14
pf15
pf16
pf17
pf18
pf19
pf1a
pf1b

Partial preview of the text

Download Web Designing Practical file and more Study notes Web Design and Development in PDF only on Docsity!

INSTITUTE OF MANAGEMENT & TECHNOLOGY

[Approved by AICTE & Affiliated to M.D. University, Rohtak] Practical File

Web Designing

(WD- 206 ) BCA 2

nd

YEAR ( 4

th

SEM)

Submitted To: Submitted By:

Sushil kumar Chhabra Amit kumar

Signature......................

INDEX

S.No

LIST OF EXPERIMENTS DATE SIGN.

1 To^ study^ the^ overview^ of^ HTML. 2 To^ create a^ mark^ sheet^ using^ various^ HTML^ Table^ Tags. 3 To^ make^ an^ application^ letter^ using^ various^ HTML Tags. 4 To^ make^ list^ using^ list^ html^ tags. 5 To^ insert^ images^ &^ links^ in^ a^ document^ using^ various HTML Tags. 6 To make Google Signup Form. 7 To^ make^ Frames^ in^ Website. 8 To^ Create^ a^ resume^ using various^ CSS^ Tags.

HEAD, such as TITLE, are not allowed inside the BODY and vice versa. **Structure of a HTML document: …………………………….

……………………………. ……………………………. Example of Document Structure:** Introduction of HTML

Introduction to HTML

HTML, or Hypertext Markup Language is designed to specify the logical organization of a document, with important hypertext extensions. It is not designed to be the language of WYSIWYG word processor such as Word or Word Perfect.

**CREATING A HTML PROGRAM:** To create a HTML document, you can type text in any word processor like Notepad, Wordpad and then create the page. The following are the steps through which we can create a HTML document using Notepad.
  1. Open Notepad by clicking on Start->Programs->Accessories->Notepad.
  2. The Notepad Window will appear. Type the HTMLcode in the Notepad.
  3. Click on File->Save menu option. The Save As dialog box will appear. Select.
  4. The folder to save the file. Select all files in the save as type option.
  5. Give the name in the file name text with extension.html or .htm.
  6. Click on the Save button.

VIEWING A HTML PROGRAM:

To view any html file, we need only the Web browser. To view the Web page, follow these steps:

  1. Click on Start->Program menu and choose Internet Explorer Option.
  2. The Internet Explorer Window will appear.
  3. Click on File->Open menu option. The Open dialog box will appear. Click on Browse button and dialog box will appear.
  4. Choose the path where you have stored the HTML document and after selecting your file.
  5. Click on Open button and lick OK on Open dialog box.
  6. Your web page will be displayed on the Web Browser. HTML ELEMENT/TAGS: HTML is a tag based language. Tag is an element which instructs the web browser what to show and how to show. A tag comprises text enclosed in angular brackets <

. These tags are not case sensitive i.e. <element-name> and <ELEMENT-NAME> has the same effect. The tags are of two types:

  1. CONTAINER TAGS: These tags include both the ON and OFF tag. The ON is denoted as </>.If tags are nested, always keep these tags sets balanced.
  2. EMPTY TAGS : These tags include only the ON tag. These elements do not enclose any data. HTML elements are broadly classified into two categories. They both include container and empty tags. A. Text-Level Element B. Block-Level Element LINE BREAK: It moves the text following to it to the next line. It is an empty tag. To use it, simply type
    before the text. PARAGRAPH TAGS: It indicates the start of paragraph in a text. ALIGN attribute can also be used with tag to position the paragraphs on the browser screen. With some browsers the first line in a paragraph is intended. This is a container tag. The general syntax is:

.......................................

Mr. PRAVEEN SHARMA

SUBJECTS

External Examination

Percentage Marks
WD 69 SIXTY NINE
C++ 92 NINETY TWO
DS-2 90 NINETY
Software Engineering 86 EIGHT SIX

Internal Assesment

Grade
SUPW & COMMUNITY SERVICE A 
Date of birth as certified by the (in words) : SEVEN SEPTEMBER TWO THOUSAND ONE Head of the School at the time of (in figure) : 07.9. registration
RESULT- PASS CERTIFICATE AWARDED
Note: 1. The pass mark for each subject is 35% Additional Secretary and 
     
  1. No Division are awarded. Officiating Chief Executive & Secretary
    2.

Outputs:

**phone, 7042418662

Thank you for your time and consideration. I look forward to speaking with you about this employment opportunity.

Sincerely,
(Anubhav Sharma)

Outputs:**

Experiment No-

AIM:- To make a list using various HTML tags. THEORY:- Ordered List Syntax: An ordered list starts with the

    tag. Each list item starts with the
  1. tag.

    1. ….
    2. ….
    3. ……
    Unordered List Syntax: An unordered list starts with the **
      ** tag. Each list item starts with the **
    • ** tag.
      • .........
      • ........
      • ……
      Description List Syntax: Adescription list, is a list of terms, with a description of each term. The **
      ** tag defines a description list. The **
      ** tag defines the term (name), and the **
      ** tag defines the data (description).
      ...........
      ..........
      ............
      ...........
      Some of the other tags used are discussed below:

      is used for heading 1.
      element is used to break a single line.

      used to define a paragraph.

      CODING:-

      **

      Search Engines

      Introduction
      “The Web is a vast collection of completely uncontrolled heterogeneous documents”
      • In a study of over half a million pages over 4 months, it was found that about 23% of pages changed daily. In the .com domain 40% of the pages changed daily, and the half-life of pages is about 10 days
      • The Web, is massive, much less coherent, changes more rapidly, and is spread over geographically distributed computers.
      • This requires new techniques, or extensions to the old ones, to deal with the gathering of the information, to make index structures scalable and efficiently updateable, and to improve the discriminating ability of search engines
      • In a search engine the users submit a query, typically a list of keywords, and receive a list of Web pages that may be relevant, typically pages that contain the keywords
      Types of Search Engines
      1. Google
      2. Harvest
      3. AltaVista
      4. Excite
      5. Lycos
      1. Google
        • Google is a web search engine that lets you find other sites on the web based on keyword searches.
        • Google also provides specialized searches through blogs, catalogs, videos, news items and more.
        • Google provides Internet services that let you create blogs, send email, and publish web pages.
          • **

          **

        • Google has social networking tools, organization tools, and chat tools, services for mobile devices, and even Google branded merchandise.


      2. Bing
        • Bing is a search engine that brings together the best of search and people in your social networks to help you spend less time searching and more time doing.
        • As of February 2015 it is the second largest search engine in the US with a query volume at 19.8% while Yahoo Search, which Bing powers, has 12.8%, while its competitor Google is at 64.5%.
        • Daily changing of background image. The images are mostly of noteworthy places in the world, though it sometimes displays animals, people, and sports. The background image also contains information about the element(s) shown in the image
      Outputs:**

      **

      **

      Outputs:

      January

      Gender


      Mobile Phone


      Your current email address


      Prove you are not a robot
      Skip this varification(Phone number may be required)



      Location

      **

      I agree to the Google Terms Of Services and Privacy Policy.

      **