12th Class IT Notes -Web Development in English

Web Development in English(Question-Answer)

Q:-   What is Microsoft Expression  Web?

Ans:-  MEW is a free HTML editor and web design software develop by Microsoft. The main advantage of MEW is to create and manage web pages using HTML, CSS, XML, ASP.NET, XHTML and PHP.

Q:-      List of any five HTML Editors.

Ans:-  Some popular HTML editors is Amaya, Adobe Dreamweaver, KompoZer , Microsoft Expression Web, Microsoft Front page, BlueGriffon

Q:-      What is Website and Web page?

Ans:-  Website :– A Website is one or more web pages that reside on a single server. This server is known as Web Server and is connected to the internet. Every Website has a unique home page.

            Web page:-  A web page is a formatted text document on the web that a web browser can display. A web page is a document commonly written in Hyper Text Markup Language that is accessible through the internet.

Fill in the blanks

  1. HTML editors are software that produces HTML code without writing HTML.
  2. Microsoft Expression Web , Dreamweaver & Amaya are free HTML editors.
  3. New Site is available in Site
  4. HTML, ASP & CSS  are types of pages can be created by HTML Editor..

Web Development in English

Q:-    How many Views are available in MEW(Microsoft Expression Web). Explain it?

Ans:- The Three views available in MEW are-

  1. Design View – This is the default view and displays only the content.
  2. Code View – This is used either when you want to view the source code written by the HTML editor or when you want to insert elements that is not available within HTML editors.
  3. Split View – This is used when you want to use both the Design and Code view side by side.

Q:-   How to create website using Template in MEW?

Ans:-  Templates help in saving time and effort. A Template consists of HTML, CSS and image files.

To create a new website using template

MEW includes many built in template can be used for creating website.

  1. Select Site-> New Site
  2. Select Template and choose a template from the list.Template -Web development
  3. Type a name for this website
  4. Change the location and store this website in computer.
  5. Click ok

Fill in the blanks :-

  1. Number of built in templates 19.
  2. Three categories of templates are organization, Personal & Small business.
  3. Templates are available in _site__ Menu.
  4. _f12____ Functions key is assigned for previewing web pages or websites.
  5. Import site wizard is available in Import section of Site menu.
  6. You can view the HTML code in HTML editor by selecting Code View.
  7. F7 is the shortcut key to launch spell check.
  8. Ctrl+F is the shortcut key to launch find tool.
  9. Ctrl+h is the shortcut key to launch replace tool.
  10. To insert a picture, you should use insert
  11. When inserting multiple pictures, you should the shortcut key CTRL+CLICK.
  12. Default thumbnail size can be modified from tools
  13. Image toolbar should be launched from tools bar->picture view menu.

Web Development in English

Q:-      How to create a table in Microsoft Expression Web?

Ans:-  To create a table, do the following

  1. Create a new page, save this page as table.html
  2. Switch to design view.
  3. Select table→Insert Table…
  4. We can specify the number of rows and columns, border size, border color etc.
  5. Click Ok

Q:-      How to insert image in Microsoft Expression Web?

Ans:- To Insert an image, do the following

  1. Create a new page, save this page as images.htmlPicture-MEW
  2. Select insert->picture->picture from file…
  3. Browse and select a picture from computer, click insert
  4. Click save.

Q:-      how to create a hyperlink in HTML editor?

Ans:-  To create a hyperlink, do the following

  1. Create a new page, save this page as hyperlink.html
  2. Select Insert→Hyperlink….
  3. Enter any text in text to display
  4. If we want to link website. For ex. Wikipedia
  5. Type http://www.wikipedia.org in Address and click ok

Q:-      How many ways hyperlink in web page?

Ans:-  There are many ways to link with hyperlink option

  • Hyperlink using images.
  • Using Interactive buttons.
  • Using hotspots.
  • Using Text.

Q:-      How to include Audio and Video in Web page?

Ans:-  To include audio clip, do the following

  • Create new page, save this page as audio.html
  • Select insert→Media→window Media Player…
  • Select the Audio Clip
  • Click Save.

            To include video clip, do the following

  • Create a new page, save this page as video.html
  • Select insert->Media->Flash Movie…
  • Select the Flash animation video
  • Click Save and Preview in your browser.

Web Development in English

Q:-      What is Frames? What are use frames in web page?

Ans:-  Frames are used to display one or more pages within a single web page in a web browser. We can use the capabilities of MEW to include frames and inline frames in a web page.

To use frames in web page

  1. Select File→New→Page…
  2. Select Frames Pages.
  3. Select Header, Footer and contents from the list and click ok
  4. If we want to use the existing html files, select set initial page.
  5. Click ok

Q:-      How to insert Inline Frames in web page?

Ans:-  To Insert an iframe or inline frame, do the following:

  • Create a web page, save this page as iframe.html
  • Select insert->HTML->Inline Frame
  • Select Set initial page…. Type http://www.wikipedia.org in address and click ok.

Fill in the Blanks-

  1. Frame page should be created from File 
  2. iframe should be inserted from   HTML    dropdown of    INSERT  Menu
  3. Layer toolbar can be accessed from  FORMAT    
  4. Interactive buttons can be inserted from INSERT  
  5. Image hotspots can be created using  PICTURE   
  6. Shortcut key to insert a hyperlink  CTRL+K .
  7. Shortcut key to bookmark a section CTRL+G

Q:- How to create a Meta elements in Microsoft expression web?

Ans:- To create a meta elements, do the following steps-

  1. Create a new page, save this page as meta.html
  2. Right click on the body, select page properties.
  3. We can specify the Title in the Title text box and page description and keywords.
  4. Click ok
  5. Save and preview this in our browser(F12)

Web Development in English

Q:-      how to insert a watermark for a web page?

Ans:- we can include a watermark for a web page when we want to inform visitors that still testing the website or it is under development. To include a watermark, do the following:

  1. Create a new page, save this page as watermark.html
  2. Right click on the body, select page properties, select the formatting tab.
  3. Select Background picture under Background.
  4. Click Browse
  5. Select the image we want as a watermark and click OK
  6. Save and Preview this in your browser(F12).

Q:-      What is HTML Forms and how to create it?

Ans:-  HTML forms are one of the main points of interaction between a user and a website. They allow users to send data to the website. Most of the time that data is sent to the web server.

To create a form, do the following:

  1. Create a new page, save this page as form.html
  2. Select insert->HTML->More Html Tags….
  3. The HTML toolbox is displayed
  4. To create a form, firstly need to add the form control.
  5. Click and drag form controls from the toolbox to the web page

Q:-      What is CSS?

Ans:- CSS stands for Cascading Style Sheets. HTML elements are to be displayed on screen, or in other  media. It can control layout of multiple web pages all at once.

Q:-      What is the purpose of behavior in CSS?

Ans:-  Behaviors are pre-defined scripts that add interactivity to a web page. For example,  we can display a popup when a visitor moves the mouse over a particular text. We can create behaviors without writing JavaScript.

Q:-  Explain the purpose of Add-ins.

Ans:-  Add-ins extends the capability of the main program by adding enhanced custom commands and specialized features.

  1. Add-ins is available …...Tools.……menu.
  2. Snippets can be accessed from Panels
  3. Page Transitions is available Format

Q:-  What is use of snippets?

Ans:-  Snippets are pieces of programs reused by most developers. Snippets are useful as you can keep reusing the code created many times across multiple web pages or websites.

Q:     What is the full form of DWT?

Ans:-  DWT – Dynamic Web Templates

Q:-    What is DWT? How to create dynamic web template?

Ans:-  DWT – Templates help us organize the entire website to have a consistent look and feel. This is very helpful when you work with large amount of web pages.

To create a dynamic web templates

  1. Create a new web page
  2. Add common elements such as a logo, company name, etc
  3. You need to add editable regions and that will be the only area in which the content can be modified.

Web Development in English

Q:-      What is SEO ?

Ans:-  SEO is Search Engine Optimization. SEO refers to the process that affects website visibility or ranking when displaying search results. Search Engine search the contents of web page and create indexes to display results.

Search engine index the following components of a web page

  1. Page Title(only first 70 characters)
  2. Page Description(at least first 156 characters)
  3. Page Keywords
  4. Page Headers
  5. Links to Other pages
  6. ALT text in images

Q:-6    Explain the purpose of Front Page Server extensions

Ans:-  Front Page Server extensions is a technology that provides special functionalities on web servers created using Microsoft Front Page or Microsoft Expression Web.

Web Designing Video Series

https://youtu.be/tHmqjdlQE0chttps://youtu.be/Fj06jhhjwe0https://youtu.be/u1GvZfq-NRchttps://youtu.be/5hshxky9Cfohttps://youtu.be/ZVBu8o0Zes0https://youtu.be/b_Q7Hky5Qa8https://youtu.be/YVGNbd11bPAhttps://youtu.be/ZFmCJZAXjd8https://youtu.be/zbQ2S9xMGRUhttps://youtu.be/qeEG1txyN2ohttps://youtu.be/-pt9EtGi6KMhttps://youtu.be/Bx0RVwJ8In0https://youtu.be/uVFkwpuR6yQhttps://youtu.be/0zHDadQHdoUhttps://youtu.be/OTBF-neRKhghttps://youtu.be/01tdVrAxXlI