Computer Science

25 分鐘
1,100
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 小時內 → 講師將可能收取消費。
  • 缺席→ 講師將可能收取消費。
    (請與講師確認詳情。)

講師提供的課程

全部課程 全部課程
英語
網頁開發/HTML
時尚

線上客服諮詢