Chapter 21 - Web Authoring

-

Web Development Layers

A website is a collection of individual web pages which are related to each other. In a web page, there are three main layers that we can see.
  • Content Layer - With HTML
  • Presentation Layer - With CSS
  • Behaviour Layer - With Java Script

Getting Started 

You can use WYSIWYG editor or notepad to create your webpages. I am here showing you how to use MS Sharepoint to create your webpage.

Tips

  • Always Create a separate folder for your HTML source code and all your required files to be saved.
  • Always save your HTML code with .HTML or .htm extension.
  • Always save your CSS code with .css extension.

Basic HTML structure 

All HTML web pages start with <!DOCTYPE HTML> declaration and all instruction are written by HTML markup language not any other Mark up. Most of the tags start with Open and closing Tags(<> & </>) and this structure has a head and a body which will have many other tags with attributes.

Source Code

Output

Preset HTML Styles and Comments

Preset Styles and comment tag

In the above picture, you can see in the source code comment tag and the comment is there but it's not visible to the user. 
It is acceptable to use capital letters in the text that is displayed on the page, but not in the HTML tags.

Tables in the content Layer

In this topic, I would like to take exam questions as an example, therefore I can focus and point out the important points which you need to consider when you answer Paper 3. 

M/J 2019 P3


As per this question point one I will keep the letters display for you all to understand the content which I am talking about. And I will upload the final answer with the correct final output and code.

Code

Output




Comments

  1. ziyyaraedutech19 April 2021 at 07:39

    Seeking a best online home tuition in Delhi? Try Ziyyara, we offer one-to-one live online tuition with the help of the best home tutors in Delhi to teach online.
    Call Our Experts :- +91-9654271931
    You Can Visit Us :- home tuition in delhi

    ReplyDelete

Post a Comment

Popular posts from this blog

Chapter 6 - ICT Applications

-
Image
Text to speech You are facilitated with this website where you can listen to the given text.  Listen (Ref from website - https://www.naturalreaders.com/online/ ) This chapter consists of 16 sub topics, which you want to get thorough with it. This blog will explain to you and let you explore the chapter by using different questions watching videos while highlighting the most valuable points which you want to add when you answer in the question paper. 6.1 Communication applications  Can you think of any three communication media that you have right now? Yes... You are correct Mainly in your generation, you will say; 1. Smart Phones 2. Newsletters 3. Music Scores 4. Presentations 5. Websites 6. Posters & Flyers 7. Animation and Cartoons Now, can you think of some communication methods which olden days that they have used. Let me tell you some;   1. Carrier Pigeon. 2. Handwritten Letter sent by Mail. 3. Lanterns/light—based signals. (E.g. ... 4.
Read more

Methods of taking notes

-
Image
Methods of taking notes are style and talent. Why it's a style and a talent, let's talk about it.  If you use particular style your remembering power will be up because it will keep longer in your memory, and to select the best method of it, is the talent. So you do not need to be disillusion that you do not know-how. Therefore, I am going to give you different ideas on how to take notes in a way that your memory can keep them longer. Let's begin with the names or else methods of taking notes.     1. FreeStyle     2. Write on handouts     3. making charts     4. Using flow charts     5. Conell method     6. Mind maps     7. Outline method Now, we will take some of the methods which are not very common and see how you can make your note and keep them in your memory longer period. Conell Method First, I'll add some samples which you can guess how to do it. These pictures I'm taking from google, even you can search using the "conell" and get more ideas.
Read more

IGCSE ICT 0417 Past Papers

-
Image
Cambridge IGCSE ICT 0417 Past papers and marking schemes You can send any answered paper for proper checking and get the comments to improve your writing skills to get the maximum marks from Cambridge.   Below pictures will show you and guide you to understand the past paper pattern with allocated marks. Here you go; get your past papers and marking schemes. IGCSE ICT 0417 - 2015 -2020
Read more