Scribd
Upload
0 views14 pages

Web Development Slides

The document outlines the fundamentals of web development, including tools for website creation such as text editors, IDEs, and CMS platforms. It emphasizes the importance of HTML, CSS, and JavaScript in building and styling websites. Additionally, it highlights the benefits of having a website, such as increased credibility and 24/7 business operations.

Uploaded by

ryanmupfumira239
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0 views14 pages

Web Development Slides

The document outlines the fundamentals of web development, including tools for website creation such as text editors, IDEs, and CMS platforms. It emphasizes the importance of HTML, CSS, and JavaScript in building and styling websites. Additionally, it highlights the benefits of having a website, such as increased credibility and 24/7 business operations.

Uploaded by

ryanmupfumira239
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

WEB DEVELOPMENT

Charlotte Nukeri
cnukeri@[Link]
Learning outcomes

• Tools used to develop a website


• Programming for the web
• Basics of HTML
benefits of having a website

Credibility Brand Leads 24/7 business Low Advertising and Communication and
operations Marketing costs Customer care at its
best
Introduction

HTML pages are text documents.

HTML uses tags (characters that sit inside angled brackets) to give the information they
surround special meaning.
Tags are often referred to as elements

Tags usually come in pairs. The opening tag denotes the start of a piece of content; the
closing tag denotes the end.
Opening tags can carry attributes, which tells us more about the content of that element.
Tools used to develop a website

Text editor

• Notepad / Notepad ++
Tools used to develop a website

IDE (Integrated
Development
Environment)

• Netbeans / Visual
Studio
 Code completion
 Code error checking
 Syntax highlighting
 Browser preview
Tools used to develop a website

CMS (Content
Management System)
• WordPress / Joomla / Drupal

• The website consists of a platform


(online application) with core
features for building and editing the
site

 Building complex websites is


easy

 Collaboration is easy
Sources
of free • Adobe IStock

images • Getty Images


• Shutter Stock

and
graphics • [Link]
• [Link]
Programming for the web

HTML (hypertext markup language)

• HTML is the primary structural language


Programming for the web

CSS (Cascade Style Sheet)

• CSS is the primary styling language.


• CSS is used to create the visual impression of the site
Programming for the web

JavaScript

JavaScript is a common language for providing client-side


interactions.

JavaScript makes things happen in the browser, without


referring back to the server.
Programming for the web

Website is essentially a collection of


files
• A website consists of several files which are stored in a series of
folders.
• These files are linked to each other to build a website.
Basic Html

• Code should consist of an opening tag and a closing tag


 Opening tag eg. <html>
 Closing tag eg. </html>
quiz

• Micro Assessment: Coding Languages


• Micro Assessment: File Structure and
Naming

You might also like