Building Our First Web Page

In this ‘hands-on’ module we will be building our first web page in no time. We just need to quickly cover a couple of points beforehand to help get our feet on the ground.

1. Use a CMSs template: WHAT IS CMS?

A content management system (CMS) is a software application or set of related programs that are used to create and manage digital content. It is often used to support multiple users working in a collaborative environment. A content management application (CMA) is the front-end user interface that allows a user, even with limited expertise, to add, modify, and remove content from a website without the intervention of a webmaster.


2. Use a pre-made template: WHAT IS A WEB DESIGN TEMPLATE?

A web site design template is a pre-made website design template which can be customized to reflect your company’s branding. Website design templates can be found in various formats like Photoshop and HTML. Many times, these templates are compatible with HTML editors like GoLive, FrontPage, and Dreamweaver.

Web site templates can be very useful; they can be used by experienced web designers to ‘jump-start’ the creation of a website. They are also a way for people to put out great-looking web sites quickly with little or no knowledge of HTML and web design.

3. Use an HTML editor like Notepad or Dreamweaver:

That means you type in the HTML code yourself.

What is HTML?

H-T-M-L are initials that stand for Hyper Text Markup Language (computer people love initials and acronyms — you’ll be talking acronyms ASAP). Let me break it down for you:


  • Hyper is the opposite of linear. It used to be that computer programs had to move in a linear fashion. This before this, this before this, and so on. HTML does not hold to that pattern and allows the person viewing the World Wide Web page to go anywhere, any time they want.
  • Text is what you will use. Real, honest to goodness English letters.
  • Mark up is what you will do. You will write in plain English and then mark up what you wrote. More to come on that in the next Primer.
  • Language because they needed something that started with “L” to finish HTML and Hypertext Markup Louie didn’t flow correctly. Because it’s a language, really — but the language is plain English.


What are HTML tags?

HTML tags are specifically formatted text that creates ‘markers’ for web browser to read and interpret. These ‘markers’ tell the web browser what and how to display things on the web page. Tags are placed in and around text and images (text and images are some of the ‘things’) that you want to have appear in your web pages.

HTML has a whole bunch of tags (just like the alphabet has a whole bunch of letters) that the web designer can use to build web pages. As mentioned above, tags have a specific structure so that when the browser is reading an HTML page, it knows the tags from the normal text.

Tags are typically words or abbreviations of words placed between angled brackets. So for example: to make text bold, HTML has the ‘italic’ tag that looks like this:

<i>This text will be bolded</i>

Another commonly used tag is the paragraph tag:

This is a paragraph of text.


Was This Helpful? Please Leave A Comment