Web Design Terminologies – Part 2

We promised a part two to the post web design terminologies — and here it is! We hope you’ve gotten a hang of web design terminologies learned in part one. As we mentioned earlier, these terminologies are not too difficult to learn if you take it one step at a time and study their applications or implications. But if you think you’re all geared up to learn a new set of words, don’t hesitate to give the following words a try!

M

Minify: The act or removing “whitespace” or verbose design language (i.e. HTML, CSS, JavaScript) to reduce load times. A program is usually used for this process.

Meta Tag: An HTML tag used to define meta data on your website. This is done in the header of your web page.

Monospace: This is a font used to define code and pre-formatted text. The width and spacing between letters makes it easy to use for coding. It resembles typewriter font.

N

Navigation: The system on a website that allows visitors to shuffle between webpages. It includes a menu, breadcrumbs, pagination, related links, etc.

Nesting: Putting an HTML element inside another element. This is similar to brackets within brackets in mathematics.

Non-breaking Space: This is a whitespace character in HTML that cannot be condensed or collapsed. It is used to hold open table cells or add spacing between words. Apart from that, it can also be used to add tabs to HTML and indent paragraphs.

Normal Flow: The layout of elements on your webpage under most circumstances. This usually refers to the position, spacing, and order of inline and block boxes.

O

Open source: A program with a source code that is made available to the general public. These are usually free or low cost.

Organic Search: Search results that were not paid for. The search results at the top which resemble advertisements are the opposite of organic search results and are less preferred by online users.

Outbound Link: An outbound link, also known as “external link”, which is a hyperlink that directs towards another website. These are the opposite of “link backs” which link back to your website. Here, you link to other websites.

P

Page View: This is a request for the entire web page document from the visitor’s internet browser. The number of complete page views you get is a common representation of how many people actually visited and viewed your website.

Parent: The XML element outside of another element.

Permalink: This actually means “permanent link”. Often these are used to bookmark web pages or posts, They often contain the hashtag sign (#).

Plug in: An additional tool or piece of code that extends the capabilities of a website or a program. With plug-ins, you don’t have to re-do code.

Pixel: Dots on a computer monitor that are used to measure resolutions (pixels per inch or dots per inch).

Placeholder Text: Dummy text used to display a web design. Often used in contact form fields to show what to enter.

Points: This is the absolute type or font size. This is commonly used in print.

Progressive Enhancement: A technique used to display the basic content of the website regardless of which internet browser or connection is used. The better the web browser, the more features the web page will support.

Property: This is similar to HTML tags, except properties are used in CSS. They define how styles should appear on a web page.

Pseudo Element/Class: A pseudo element is used to add special effects to selectors. Pseudo class is used for the same purpose except for specific CSS selectors.

R

RGB: Abbreviation of Red, Green, Blue. These basic colors are combined to make infinite colors on a computer screen. These are different from reflective colors on paper.

RSS: Stands for Real Simple Syndication or Rich Site Summary. It has the same meaning: a type of XML that allows website owners to publish content on another website. RSS feed is a common example of where this is used.

S

Saturation: The amount of hue in a color.

Schema: XML documents that describe other XML documents.

Script: A part of code on an HTML page that makes the webpage more dynamic and interactive. For example, JavaScript is a “script”.

Selector: This is the element or item on which a CSS style will be applied to.

SEO: Everything that involves optimizing your page for better search engine results that lead to your website/page.

SOAP (Simple Object Access Protocol): Allows exchange of information from one site or application to another.

Specification: Documentation that defines how a web service or technology is to be used including tags, elements, and any other dependencies.

T

Tag: Markup characters used to indicate the start and end of an element (i.e. < > )

U

Usability: How easy it is for a user to “use” your website.

User agent: Browsers, screen reader, spiders, web editors, or programs that initiate request to web servers.

V

Valid: Code that conforms to the specs of the HTML or XHTML used.  This receives no errors. However, it is not necessary for every document to be valid.

W

Web Server: Computer that has networking capabilities and installed software to deliver web pages throughout the internet or intranet.

X

XHTML: Extensible HTML (4.0) written to comply with XML rules.

XML: A markup language that describes how to write new language that is both humanly readable and machine readable.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>