Quantcast
Channel: eHow - Web Design How To's
Browsing latest articles
Browse All 179 View Live

How to Add a Splash Page Before an index.html Page

A Splash Page allows you to add a flashy presentation to your website. Use this page to display your company logo and slogan, names of reputable clients, company history or a brief description of your...

View Article



Image may be NSFW.
Clik here to view.

The Advantages of a Fixed Position Layout

In a fixed position website layout, some of the design elements stay the same size and in the same place no matter what the size of the browser or actions of the user. Fixed position layouts work best...

View Article

How to Make an Image Drop-Down Menu in CSS

Before the development of Cascading Style Sheets, Web designers used a combination of Hypertext Markup Language and JavaScript to create drop-down menus. For about a decade, "<select>" tags were...

View Article

How to Make a Custom CSS for Webs.com

Your Webs.com account provides features, such as predesigned page templates, that allow you to publish your business and personal websites without any coding knowledge. However, if you know Cascading...

View Article

How to Keep Images From Moving in Dreamweaver

By configuring your image with CSS in Adobe Dreamweaver CS5.5, you can keep the image from moving on your Web page. This behavior is made possible through "Fixed Positioning," a style that is defined...

View Article


How to Make a Calculator With Dreamweaver

Working with Javascript in Dreamweaver provides you with the ability to make a calculator that you can add to your Web page. Visitors to your site will be able to click the buttons on the calculator...

View Article

Image may be NSFW.
Clik here to view.

Compound Class Rules in CSS

Cascading Style Sheets can simplify Web design by separating design from structure on HTML pages. Knowing the differences between different CSS selectors can further simplify your style sheets and free...

View Article

Image may be NSFW.
Clik here to view.

How to Create Testimonials Using Dreamweaver

Adding testimonials to your website can boost your credibility with potential clients as well as showcase your customer's reviews and descriptions of your work quality. You can insert attractive...

View Article


Image may be NSFW.
Clik here to view.

A Syntax Error in a Line on Dreamweaver

Webmasters and publishers use many different programming codes and scripts to display content on Web pages. Adobe Dreamweaver website design software handles most types of code, from HTML to JavaScript...

View Article


Image may be NSFW.
Clik here to view.

Definition of a CSS3 Document

A CSS3 document is a cascading style sheet that specifies how the information from an associated HTML document displays. Its definition includes significantly more features than previous CSS versions....

View Article

How to Embed a TV Channel to MySite

Watching television online is a rising trend. One way to keep a website visitor coming back to your MySite web page is to provide something he enjoys, such as an online television channel. Due to...

View Article

How to Create a Hover Button on Joomla!

Because Joomla permits user-edited hypertext markup language code, you can use custom HTML to add special effects to your site. One easy effect to add is the hover button, also referred to as the...

View Article

Why Can't I See the Image I Inserted in Dreamweaver?

Adobe Dreamweaver's What-You-See-Is-What-You-Get interface creates websites using a visual design mode, rather than you manually entering code. When using this design mode, Dreamweaver automatically...

View Article


How to Embed ASX

One way to add interest to your website is to embed streaming video. There are a variety of video formats you can use on your site, including ASX (Advanced Stream Redirector). To embed an ASX video...

View Article

How to Make a Right and Left Sidebar in an Already Used Template in Dreamweaver

You can change the layout of your website in Dreamweaver by inserting new "<div>" tags that add a right and left sidebar to your existing template. This functionality allows you to insert...

View Article


How to Convert a HTML Template into Joomla!

Joomla! is an open-source CMS, or content management system, that allows you to publish websites. Besides posting content to your website, it also allows you to design your website using a template. A...

View Article

Image may be NSFW.
Clik here to view.

How to Best Use Hairline Rules in Web Design

The hairline rule usually applies to desktop publishing and graphic design. The generally accepted size for a hairline rule in graphic design is 0.25 points. Web design doesn't use hairline rules in...

View Article


Overflow: Hidden Not Working With HTML5 in CSS

Hypertext markup language, or HTML, and Cascading Style Sheets, or CSS, are both languages used by Web designers to create attractive and functional websites. The HTML code defines the physical...

View Article

Image may be NSFW.
Clik here to view.

The Difference Between a Label and a Textbox

The HTML5 markup language defines multiple tags that are used to control display and user interaction on Web pages. The "label" tag creates named sections of the HTML page that both display captions...

View Article

How to Change an Image in a WordPress Theme

While WordPress themes are often developed for you to change out logos and banners using a graphical interface in the dashboard, some also include elements that are only accessible through the theme...

View Article

Image may be NSFW.
Clik here to view.

Examples of Good Design in Websites

Well designed websites are all over the Web, but even with innumerable destinations that dazzle, each and every website is unique in its own way. So, how do you qualify a good website from a bad one?...

View Article


Image may be NSFW.
Clik here to view.

How to Make a Usemap in a Div

When laying out a website, many developers use divisions, or divs, to position the content on their pages. Another layout method, commonly used within a division, is an image map. Image maps create...

View Article


How to Integrate a Calendar in Dreamweaver CS5

Adobe Dreamweaver CS5 provides users with a calendar wizard that you can use to integrate a calendar into your Web pages. The tool provides you with a calendar layout, and you can choose the colors and...

View Article

Image may be NSFW.
Clik here to view.

What Is an Internet APN?

The Internet Access Point Name (APN) allows the computer chip inside your mobile phone to connect to the mobile phone carrier or network. As a protocol, the APN identifies the network to the phone,...

View Article

Image may be NSFW.
Clik here to view.

How to Add 'Like' and 'Share Post' Facebook Buttons to My Website

Integrating your website or blog with the Facebook social networking site is an effective way to promote your site's content and attract more visitors. Adding a Facebook "Like" social plug-in button to...

View Article


How to Create Layers in Dreamweaver CS5

Adobe's Dreamweaver Web development software once used "layers" -- discrete sections of a document in which the designer can place text, images or other objects. Layers were discontinued beginning with...

View Article

Image may be NSFW.
Clik here to view.

How to Make a VirtueMart Template

VirtueMart is a open-source e-commerce solution used as an extension to the Joomla content management system. VirtueMart is written in PHP and requires a MySQL database environment for storage....

View Article

How to Make a Dollar Sign Superscript Using CSS

Using Cascading Style Sheets (CSS), you can make dollar signs and other characters appear as superscript on your Web page. Superscript content displays higher than the rest of the text in the line, and...

View Article

Image may be NSFW.
Clik here to view.

What Are Web Design Comps?

A web design comp can make or break your web design project. The word "comp" is short for "comprehensive," and refers to the completed layout of the web design. Another term for a comprehensive layout...

View Article



Image may be NSFW.
Clik here to view.

How to Insert a Facebook Album Into iFrame

The HyperText Markup Language, better known as HTML, includes an element called the iFrame, which allows you to embed content from another site into your Webpage design. For example, you could adjust...

View Article

How to Make a Web Page Fit Different Screen Sizes in CSS

Websites may be viewed on different monitor dimensions and mobile devices, so you want to make your Web page fit as many screen sizes as possible. When you code your site, the measurements of the page...

View Article

How to Resize an Image URL to Fit a Background

If you have a large image you want to use as a background image on a Web page, you can use HTML (Hyper Text Markup Language) to have the size of the image adjusted so that it fills the entire screen....

View Article

How to Make NavBars on Weebly

When editing your Web page in Weebly, creating a custom NavBar is done in a few steps. A NavBar, short for navigation bar, is a series of page links displayed in a menu along the top, bottom or side of...

View Article


How to Replace the Submit Button in Weebly

Weebly's site-building software enables you to add a contact form to your Web page. When visitors fill out the form, they send their submissions via the "Submit" button at the bottom of the contact...

View Article

How to Make a Drop-Down Menu in Dreamweaver CS5

Used on websites to collect data from site visitors, HTML forms have a number of elements available to interact with the visitor in different ways, such as text boxes, radio buttons and drop-down...

View Article

Image may be NSFW.
Clik here to view.

How to Create a Tree Diagram for a Website

A website tree diagram illustrates how pages on a website are organized. Parent pages are shown above or to the left of child pages, indicating the relationships between webpages and how they are...

View Article


How to Make a CSS File on a Mac

The Mac operating system comes with a native application called “TextEdit” that allows you to create both rich-text documents and simple text documents such as HTML and CSS files. TextEdit creates...

View Article


Image may be NSFW.
Clik here to view.

How to Create a Custom Template for RapidWeaver

RapidWeaver themes go beyond the general web template, allowing users to modify themes to create completely customized layouts for their webpages. The web design software for Mac OS X comes equipped...

View Article

Display Only Textbox in HTML

HyperText Markup Language, or HTML, is used to embed objects, such as pictures and tables, into a Web page. With HTML, you can add read-only, or display-only, textboxes to your site. Display-only...

View Article

What Is a Site Tagline?

Site taglines are eight- to 12-word phrases that appear near a logo or in a prominent area of a web page. Companies, online publications, educational institutions and non-profit organizations use site...

View Article

Image may be NSFW.
Clik here to view.

How to Make a Professional Navigations Bar With CSS

Cascading Style Sheets (CSS) manipulate the style and design of a Web site. A Web page's navigation bar is built using UL and LI tags, HTML tags that are used to create lists on the Web. Although Web...

View Article


How to Overlay an Image in a Fixed Position on a Website

Cascading Style Sheets, or CSS, can define the position of an image on a Web page. CSS uses the "position" attribute to describe how objects are placed on a page; the most common positioning methods...

View Article

Image may be NSFW.
Clik here to view.

How to Add a Live Webcam to a Web Page

Connect a camera to your computer and sign up with a webcam service to add a live video feed to your Web page. You'll need a basic knowledge of HTML to place the webcam feed code on your site but it's...

View Article


Image may be NSFW.
Clik here to view.

How to Make a Picture Follow the Cursor in CSS

The cursor that appears when you move your mouse on your website displays a default image, such as a hand or arrow, but you can change it to the picture of your choice. Using Cascading Style Sheets...

View Article

Image may be NSFW.
Clik here to view.

How to Make Apostrophes in HTML

You can insert the apostrophe character into HTML using one of two ASCII codes, or by using the single quote character available on the keyboard. ASCII code "&#39;" is identical to the straight...

View Article


Image may be NSFW.
Clik here to view.

How to Add a Fixed Scrollbar to a Website With CSS

The text box on your website contains a scrollbar on the bottom or side, which helps visitors see all of the information inside of it. As with other page elements, this scrolling text box disappears...

View Article

How to Pass an XML Feed Into Joomla

Adding an XML feed into the Joomla website and blog content management system lets you display content from another website on any part of your website. If your website deals with specific companies or...

View Article

How to Open a CSS File

A CSS file contains formatting information for the various page elements on an HTML or XHTML Web page, including styles for fonts, headings, lists, tables and paragraphs. You can open a CSS file in a...

View Article

Image may be NSFW.
Clik here to view.

How to Make Graphs in HTML

It's important to create eye-catching visuals on your website in order to attract visitors. Plain text can be daunting, especially if there's a lot of it and the context is dry. One visual you can add...

View Article


How to Make a Nested Div Override a Parent Div With Height Setting

You use HTML div tags in the same manner as layers in other programs. Div tags provide a physical means in code for you to design elements of a website with CSS. In most HTML pages, a parent or main...

View Article

Browsing latest articles
Browse All 179 View Live




Latest Images