Guest Post: Learning Web Design – A Basic Tutorial

Here’s a guest post by Amanda at Best Rank, an Internet Marketing Company. The information is useful for an Internet Fundamentals or Basic Web Design setting.

Most people surf the net regularly for favorite websites, or search online to gather research for school and work related projects. There are websites for just about any topic one can imagine, complete with text, images, streaming video and more. Every page is created through the process of web design, a concept that is an essential building block in creating the appearance web surfers will see at a specific web address. Those sites ranking highest in popular search engines like Google and Yahoo are naturally the ones most viewers will see most often.

The basic system formats web pages is HTML, or HyperText Markup Language. Each page has code created for it, with a wide range of different markup choices that influence how a page looks to its viewers. Different sections of the page are divided into HTML elements that include opening and closing tags. Between the tags, a web designer will place the contents that will be visible to viewers. For example, sections of the site use tags such as the <body> tag, which when used with the <p> tag, creates paragraphs of information users will read.  Site graphics will be placed between the proper <img> tags.

As a web designer builds a page with HTML, they will want to consider how they would like to format text, perhaps with code that determines emphasis or elements like  headings. HTML also allows you to create ordered (numbered) and unordered (bulleted) lists for information. The creator will want to add code that will show various links users may want to click on.

Cascading style sheets (also known as CSS) are a method many use to keep appearance the same across different HTML pages. Implementing CSS code can help keep borders, text alignment, colors, fonts and more consistent, without having to constantly repeat the HTML coding on each page. Each stylesheet consists of a list of rules known as declaration blocks, with selectors that choose which HTML elements the rules apply to. Though some HTML pages will have CSS coding directly inside the HTML code , it is far more efficient to have an external CSS file. By having an external CSS file, which is referenced in the HTML code, download time can be minimized since only a single file is needed for storing style rules.

When an individual has completed the web design of a page to their liking, they will want to upload it to the Internet. This can be accomplished using an FTP, or file transfer protocol, client. Such applications assist one in transferring files to a website. The website files are transferred to the web host or server. Each website has a URL or uniform resource locator, which is more commonly known as their website address to which they will upload these files.

Different programs have been developed to assist web designers in creating sites. One of the most popular of these is Dreamweaver, which allows one to preview a website with a web browser before it is uploaded. As a person works on a visual template of their website, Dreamweaver generates the HTML code of the page. While this may make the process easier for some, many argue that there is still no substitute for learning the HTML coding itself.

About the author: This basic web design tutorial was provided by Amanda at Best Rank, an Internet Marketing Company that specializes in SEO (Search Engine Optimization) and other internet marketing strategies.

3 thoughts on “Guest Post: Learning Web Design – A Basic Tutorial”

Leave a Reply