Building Web Pages

Sorted by:  

The Challenges for Designing Websites for Mobile Content

Having mobile-friendly sites remains the goal of websites with a lot of resources to develop alternate content and presentations for mobile visitors. You might not have those resources, so here are essentially [more…]

Tools for Creating HTML when Building Websites

Before you start coding HTML, consider the options in terms of a coding environment. There is a wide spectrum of tools, ranging from the free text editor that came with your operating system [more…]

How to Save Microsoft Word Files as Web Pages

Here’s how to save any open file in Microsoft Word (2008 or newer) as a web page. Start by opening the Save As dialog box, with its default web settings. [more…]

Define Titles and Links in HTML Page Head Element

Within the HTML element in a page you are building for your website, there are two main, defining elements. The visible content of the page is enclosed in the [more…]

Why Use HTML5 to Build Web Pages?

HTML5, the current (albeit still-changing) version of HTML is actually more widely supported, including in older browsers (such as Internet Explorer 6, 7, and 8), than its predecessors. [more…]

How to Code Paragraphs for HTML Web Pages

When you’re building pages in HTML5, you will use familiar paragraph container tags. The container tags for paragraphs are <p> and </p>, and you use them to separate text into paragraphs. Each paragraph [more…]

How to Define Lists in HTML Web Pages

Headings and paragraphs aren’t always enough. Sometimes you need lists on your pages, too. When deciding how to present your data, consider your options. If the text fits into short bullets, present it [more…]

Vertical Spacing in HTML

When working on coding page content in HTML for your web pages, many of you might ask: “How do I get rid of that (vertical) spacing?” between paragraphs. Or, “How do I add [more…]

How to Name HTML Files

You can’t open your code in a browser until you save it with a filename extension of .html (or .htm). Remember that page titles display in a browser title bar or tab bar. Titles are really how your page [more…]

Key HTML5 Page Structure Elements

HTML5 provides a whole new way to structure page content. The impact of this aspect of HTML5 is less dramatic, at least on the user end. The biggest impact of new HTML5 page structuring tags is on designers [more…]

How to Integrate Traditional HTML Tags with HTML5

Overwhelmingly, new HTML5 elements expand the scope and range of HTML. That is, they don’t replace older tags (for the most part). So, for example, the legacy HTML six heading tags, the paragraph tag, [more…]

How to Define HTML Headers and Create Footers

The HTML5 header element is typically the first element after the beginning of the body element in an HTML5 web page. A footer element is placed at the end of an HTML5 page. It holds “end of page” stuff [more…]

Define Articles, Sections, and Asides in HTML5 Pages

Perhaps the most significant content structuring element in HTML5 is the article tag. Devotees of headers, footers, and even the relatively obscure time [more…]

How Modern Websites Use CSS

External style sheets are files outside of (but linked to) HTML pages that supply style and layout to web pages. Cascading style sheets are one example of external style sheets. The following are reasons [more…]

Basic HTML5 Metadata Tags

In addition to page structuring elements like headers, footers, articles, sections, and asides, other HTML5 tags are available to enhance SEO yet play a somewhat different role. These HTML5 tags, such [more…]

The Order Cascading Style Sheets Cascade

You might be asking yourself: "Why are style sheet files dubbed cascading style sheets (thus the "C" in CSS)?" Cascading refers to how styles are applied and in what order — that is, which styles take [more…]

How to Add Heading to HTML Body Content

Headings on your web page belong between heading tags. These are elements that are used in order of your content structure — <h1>, <h2>, <h3>, and so on. The [more…]

How to Define Links in HTML Web Page Content

Links, those clickable objects that make the web what it is, are defined with the HTML <a> element. We complete our survey of the most essential HTML tags with an examination of this vital link in web [more…]

How to Deploy HTML5 in Non-HTML5 Environments

HTML5 elements are the most rational way to structure page layout. They make life easier for designers, with tags like header and footer that clearly indicate what kind of content goes in which element [more…]

The Development Phase of Web Design

In the Development phase of web design, all video, audio, Flash animation, and graphics are prepared for the web: They’re compressed to speed up their travel across the web, saved in a web-friendly format [more…]

The Deployment of a Website Design

Just because the web is a flexible publishing medium, don’t be tempted to throw the site online and just fix any problems after it’s live to the public. Users [more…]

Web Design: How to Create a Sitemap

The outline you create for your website directly translates into your sitemap. The sitemap helps you visualize the structure of a website — its information architecture [more…]

Web Design: How to Create Clickable Wireframes

Early in the process of building a website, clients need to understand how the site is organized. Wireframes (detailed black-and-white drawings of each major web page) show what goes on the page, how the [more…]

Web Marketing: How to Create a Transaction Page

The transaction page on your business’s website is where the goal of all your marketing efforts occurs; it is where buyers enter their contact information and credit card number. For the transaction page [more…]

Web Marketing: How to Create a Merchant Account Page

Successful web marketing ends in selling products or services, and these sales rely on the transfer of money, often through the transfer of credit card information. [more…]