SLC-S22/W1 |Designing Website Lacture NO:01


Aftab Irshad
#Pakistan


DALL·E 2024-12-20 13.52.36 - An educational illustration featuring a classroom setting where a teacher is explaining 'Lecture No. 1_ Students' Learning Outcomes' to students. The .webp

Aslamualikum


بِسْمِ اللهِ الرَّحْمٰنِ الرَّحِيْمِ

Designing Website



Screenshot 2024-12-20 120319.png

Short Introduction

Internet surfing is part of almost everyone's life and we use it for online shopping, social networking, checking results, sending/receiving emails etc. In this unit, the techniques to develop a simple website are discussed.




Students' Learning Outcomes

1. Introduction to HTML

  • Define Hypertext Markup Language (HTML)
  • Explain the steps involved to:
    ■Create and save an HTML file
    ■Display a webpage

1.1 Introduction to HTML

When you send request to a web server through a web browser to access a webpage, you get HTML as a response from there. The web browser understands the HTML and displays contents of the webpage. HTML tells the browser how the contents are structured inside a webpage.

5.1.1 Definition

HyperText Markup Language (HTML) is a simple language to create webpages.
There are two important terms that you need to understand in the name HTML.
1- Hypertext
2- Markup Language

Hypertext

The term Hypertext is used due to the special text in a webpage called hyperlinks. By clicking on these links you can move from one webpage to another. Hyperlinks are used to navigate on the World Wide Web (WWW).

Markup Language

A webpage consists of a series of elements which are represented by tags. For example, if you need a paragraph of text on your webpage, you use it as:


< p > Some Text Here < /p >

Here < p > shows marking of paragraph opening tag and < /p > means marking of paragraph closing tag as shown in Figure 5-1. Due to marking of each element, it is called a markup language.

< p > I am a student <\p>
< P > I am in class 9 < \P >
< P > I am in computer section < \p >
< p > I have a computer < \P >


Screenshot 2024-12-20 132933.png


Screenshot 2024-12-20 133053.png

5.1.2 Creating First Webpage and Displaying it

To create a webpage, you need a text editor, a software to edit text in a file. In MS Windows, you can use Notepad and in Mac you use TextEdit. You can follow these four steps to create your first webpage.



Screenshot 2024-12-20 133433.png

Step 1. Open text editor.

Step 2. Write some HTML content, as shown in Figure 5-2.






Screenshot 2024-12-20 133855.png

Step 3. Save the HTML Page with extension.htm or .html as shown in Figure 5-3.




Screenshot 2024-12-20 134044.png

Step 4. index.htm 3 In order to view your first webpage, just double click the HTML file you saved in step 3. A web browser is automatically opened to show your webpage as shown in Figure 5-4.





There will be some lectures for this. Take all the lectures and tell me who wants to learn so that I can prepare the lectures in the future. After that, your paper will also be taken.
#DESIGNING #WEBSITE #LECTURE01 #HTML #LEARN

Sort:  
 19 hours ago 

Which teaching team assignment do you follow?

Greetings,@miftahulrizky
I can't understand your motive please explain.
Well, I want to teach coding but there is no good community about it. I want to create a new community.If you give me permission and support me, I can teach in this community.I hope I will grow well and try to give my best but I need support.And I think I'll also take a weekly paper about what I teach.I need steem power.I was supposed to post my lecture in this community today, but I don't have the team power, which is why I couldn't do it.

 9 hours ago 
1000333867.jpg1000333864.jpg

62% of your posts are plagiarized

https://smallseotools.com/view-report/19a45265dc357079e2cf4003b5c65ebc

I understand you are a newcomer, steemit is a platform where people create writings through their own thoughts. So I hope you do not plagiarize or use AI.

Brother,@miftahulrizky
Thanks for notice me.
By the way, what I have taught is common in the whole world, what can I do in it, here I can not do any change in the definition of HTML.Next time I am avoid it.