Computer Science

25min
1,100 P
Web Development

Подробности урока

 
Look at the sketch
 
             ==================================
             # Home  About   Services  Loggin    Logout  signup#      
             ==================================
             III  Home
             III  My Cv
             III  My motivation letter
             III  my application
             III  my facebook link
             III  my whatsapp link
             III  my youtube link
             III  my instagram link
             III  my line link
             III   my pinterest link
             III   explore
             III    discover
             ==================================
              #                     footer                                        #
             ==================================
In this lesson we would learn the following:
a)The types of website
b) A basic website structure as seen below:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>
 
c) undestanding what makes up a website
 
html elements like the following
<!--...-->     Defines a comment
<!DOCTYPE>      Defines the document type
<a>     Defines a hyperlink
<abbr>     Defines an abbreviation or an acronym
<acronym>     Not supported in HTML5. Use <abbr> instead.
Defines an acronym
<address>     Defines contact information for the author/owner of a document
<applet>     Not supported in HTML5. Use <embed> or <object> instead.
Defines an embedded applet
<area>     Defines an area inside an image map
<article>     Defines an article
<aside>     Defines content aside from the page content
<audio>     Defines embedded sound content
etc

 
d) Tools you will need to build a complete website for example like
Text editor like for instance notepad, A Webserver like Xampp etc
 
e)We would use HTML TAGS & CSS  TAGS for a start as shown below
HTML tags like
<html> = start tag
<head> = header tag
<title>e</title> = title tag
</head>
<body> = body tag

<h1></h1> = header tag
<p></p>  = paragraph tag

</body>
</html> = end tag

CSS  tags like
 
html {
  display: block;
}

html:focus {
  outline: none;
}
 
At the end of the lesson, the student will master the following concepts:
 
i)The areas of web development you can become a pro in like for example the front-end or a back-end developer
ii)The types of websites you can build like for example static websites, dynamic
websites etc
iii)Understand how to build or structure the basic layout of a web page
as seen in our protype structure above.
iv) The student will undertand how to use the html and the css tags
Finally this lesson will suit beginners and intermediate learners.
 
 
 
 
 
 

Порядок отмены урока Cafetalk

Перед подтверждением запроса

  • Вы можете отменить в любое время.

После подтверждения запроса

  • Больше, чем за 24 часа до начала урока→ Вы можете отменить в любое время.
  • За 24 часа до начала урока→ Возможна комиссия за отмену урока.
  • No-Show→ Возможна комиссия за отмену урока.
    (первым делом свяжитесь с преподавателем, поскольку размер комиссии зависит от него.)

Все уроки данного преподавателя

All Lessons All Lessons
English
Web Development / HTML
Fashion

Got a question? Click to Chat