top of page

3 key Technologies to create a Website!

In this article, you will learn the three key technologies that will allow you to build your website. For example, we will explore building block language for the World Wide Web, known as HTML. In addition, we learn about Cascading Style Sheets(CSS), which allow developers to control the layout/Appearance of HTML documents. Lastly, we explore the coding language Java script, which can be used to create interactivity, dynamic behavior and enhanced functionality to web pages. 

Website opened on smartphone

How to create HTML pages

HTML is used for displaying information on a web page. It is not a coding language but a markup. Therefore, HTML will rendered by a browser. The first step is to Open your file program. Then go to your desktop, create a new file, and name it index.html. Then, you should open it in a browser and a code editor. The next step is to understand what tags are. HTML uses tags to communicate how content should be displayed with the browser.

The two Types of tags 

Paired Tags

Paired tags are in pairs. In addition, they have opening (<>)  and a closing tag (</>) tags.

Empty tags

Empty tags do not require to be closed. For example, the "img" tag allows you to insert an image. You do not need a dash to close the tag

About 2

Attributes 

Understand that Tags are used to modify displayed information on the web. Tags with a forward slash </b> indicate a closed tag. Furthermore, Empty tags are not required to be closed, allowing us to add attributes. Attributes enable developers to add additional information to the HTML tags. Using attributes, you can describe any HTML tag's height, width, and input. In addition, they can store data for an HTML document.

Testimonials

Structure of an HTML document

HTML documents are divided in 2 parts

Head

The head of the document contains the information about the HTML document. These include the type of HTML document, title, meta data and etc. 

image.png

Body

The purpose of the body is to display all the information you want on. web page. These include your titles, tags, attributes and etc.

image.png

Cascading Style Sheets(CSS)

What are Cascading Style sheets?

  • CSS is a stylesheet language used to describe the look of an HTML document.

  • By using CSS, you can change the way your web page is presented. These include the colors, fonts, spacing and etc. 

CSS3_logo_and_wordmark.svg.png
Anchor css

Key aspects of CSS!

  • CSS allows you to separate the context of the HTML structure whiteout, altering the HTML markup. This allows you to update the look of your website constantly. 

  • CSS uses selectors to change the specifics of you're website looks. For example, you can target the font size of words in a paragraph.

  • "Cascading" is a term for the set of rules CSS follows when two conflicting rules exist for the same element. 

  • CSS allows you to reuse styles. Therefore, if you define a style once, it can be used again.

  • CSS can also be used to create animations and transitions. 

  • To ensure that your website is responsive and can adapt to different screen sizes, you must use CSS. This is done by using Media queries.

how-to-link-a-stylesheet-css-file-to-your-html-file-2.jpg
Computer Keyboard

JAVA SCRIPT

What is the role of JAVA Script in building a website?

  • Java Script allows the developer to create an interactive and dynamic website experience.

  • Java Script allows you to manipulate HTML documents and CSS to make your website more appealing to the user.

  • Java script allows you to create interactions like image slides, pop-up dialogues, etc.

  • Java Script is used to process the inputted data from the user. This includes information typed, mouse clicks, keyboard input, etc. 

  • Features such as weather updates and news feeds can be created using Javascript as it can retrieve data from external sources and display them on your website. 

  • Java script can allow a client-side validation where you can tell users that whatever data they are typing is invalid. This can be helpful when you ask them for personal information.

  • Java script allows you to use asynchronous programming, enabling you to load additional content and handle user responses.

  • Java Script can also do animations just like CSS.

  • Java script allows you to create SPA, which allows you to update your HTML file dynamically. This will ensure a smoother user experience.

  • Java script allows your website to provide location-based services by accessing the user's geolocation. 

  • Features such as remembering user preferences can be done by making Java Script work with cookies to store user data.

Anchor Java
Home office

Contact information

Contact

Social

  • LinkedIn
  • Youtube
gettyimages-1166386969-1024x1024.jpg
Anchor contant info
bottom of page