Category: Web Design / HTML

  • Access by Design: A Guide to Universal Usability for Web Designers
    • This text covers a wide range of topics related to web design and usability, such as the fundamentals of document structure, styling text and images, using data tables, lists, frames, hyperlinks, color, interactivity, editorial style, and page layout. By Sarah Horton, 2005.
  • Advanced CSS: Headers, Footers, Columns and Templates
    • The principal assumption of this material is that you are already familiar with the CSS float, display, and position properties. This article underscores the importance of the four steps mentioned above; provides a simple framework for content classification; and describes how to lay out a site with complete headers, footers, and columns.
  • Beginning HTML
    • Here are several tips and examples of codes and what they look like on a webpage or even an HTML-supported email client.
  • Building up a Site Wireframe
    • In this article, you will learn the basics required to start designing business Web sites. While this information is useful if you want to build sites for others, it can also serve as a checklist article for sites you want to build for yourself.
  • Cascading Style Sheets
    • SS can be applied to HTML or XHTML using three methods: linked, embedded, and inline.
  • Category:CSS
    • List of articles pertaining to CSS coding.
  • Choosing the Right Doctype for Your HTML Documents
    • This article looks at the doctype in detail, showing what it does and how it helps you validate your HTML, how to choose a doctype for your document, and the XML declaration.
  • Common Issues in Web Design
    • This is a FAQ for web design, offering solutions to issues that come up frequently.
  • Creating a New Portal: Introduction
    • This series can help you understand some of the things you need to think about when you define and implement your portal's functionality, user interface, security, and infrastructure.
  • Creating Multiple Pages With Navigation Menus
    • This article discusses web site navigation and menus. You’ll learn about different types of menus and how to create them in HTML.
  • CSS Absolute and Fixed Positioning
    • This article looks at some practical examples of using both absolute and fixed positioning, look at some browser support quirks, and explore the concept of z-index.
  • CSS Background Images
    • The CSS background image is among the most important tools you have at your disposal, because it lets you apply decorative images to particular parts of your HTML without adding any extra weight to your HTML. This article shows the basics how CSS background images work, including applying a background image via CSS, and more.
  • CSS Basics
    • CSS (Cascading Style Sheets) is used to style our HTML, and position it on the web page. This article introduces you to CSS—what it is, how to apply it to HTML, and what basic CSS syntax looks like.
  • CSS Static and Relative Positioning
    • This article looks in depth at how to use CSS to position HTML elements anywhere on the page, position CSS property and some related properties.
  • CSS Styling Lists and Links
    • This article looks at the core skills needed to create robust list and link styles, and some ways to avoid key pitfalls of these elements and produce a final result that will work across different browsers, as well as be accessible to users with disabilities.
  • CSS Tutorial: Starting with HTML + CSS
    • This short tutorial is meant for people who want to start using CSS and have never written a CSS style sheet before.
  • CSS: Floats and Clearing
    • This article discusses floating and clearing—two must-have tools for the modern web designer. They are versatile tools that you can use to allow text to flow around images or even create multi-column layouts.
  • CSS: Form Design, Layout and Presentation
    • This article provides details about form elements and styles, and how forms are included in real-world Web application designs.
  • CSS: Inheritance and Cascade
    • Inheritance and the cascade are two fundamental concepts in CSS. Everyone who uses CSS needs to understand them. The two concepts are closely related, yet different.
  • CSS: Styling Tables
    • This tutorial will focus on applying CSS in an efficient manner, to produce clear and readable data table styles. It will also cover some common design requests for tables.
  • Curso de Dreamweaver CS6
    • Curso de Curso Dreamweaver CS6 gratis con ejercicios, videotutoriales y evaluaciones, con explicaciones sencillas y de calidad.
  • Curso de HTML
    • Este es un curso gratuito en HTML, un lenguaje de programación que se puede utilizar para codificar páginas web.
  • Custom Web Design Tips
    • In applying custom web design, it is very important to make your website links easy to understand and the text contents easy to read.
  • Digital Art and Design
    • Includes Photoshop, Flash, Dreamweaver, and Illustrator tutorials.
  • DocBook: The Definitive Guide
    • DocBook provides a system for writing structured documents using SGML or XML. It is particularly well-suited to books and papers about computer hardware and software, though it is by no means limited to them. DocBook is an SGML document type definition (DTD). An XML version is available now, and an official XML release is in the works. Because it is a large and robust DTD, and because its main structures correspond to the general notion of what constitutes a book, DocBook has been adopted by a large and growing community of authors. DocBook is supported "out of the box" by a number of commercial tools, and support for it is rapidly growing in a number of free software environments. In short, DocBook is an easy-to-understand and widely used DTD. Dozens of organizations use DocBook for millions of pages of documentation, in various print and online formats, worldwide.
  • How to Create a Simple Web Page With HTML
    • Although you can make a webpage without knowing HTML, you will have inevitable problems no matter what webpage editor you're using and you will need to know HTML to fix it. There are many good websites where you can learn HTML, but this article shows you the basics of creating a website in that format. With this basic introduction, you'll soon be able to make a webpage from scratch!
  • HTML and CSS
    • HTML (the Hypertext Markup Language) and CSS (Cascading Style Sheets) are two of the core technologies for building Web pages. HTML provides the structure of the page, CSS the (visual and aural) layout, for a variety of devices. Along with graphics and scripting, HTML and CSS are the basis of building Web pages and Web Applications.
  • HTML Forms: The Basics
    • A form online is any area where you can input information into a web page, for example entering text or numbers into a text box, checking a tick box, causing a radio button to “fill in”, or selecting an option from a list. The form is then submitted to the web site when you push the submit button. This covers all the basics to create elegant, accessible form structures with HTML.
  • HTML Links
    • This article discusses how to create links that are easy to understand and function in any environment, and how linking affects your search engine popularity.
  • HTML Lists
    • Lists are used to group related pieces of information together, so they are clearly associated with each other and easy to read. In modern web development lists are workhorse elements, frequently used for navigation as well as general content.
  • HTML Tables
    • In web design tables are a good way to organize data into a tabular form. This article covers how to use HTML tables properly.
  • HTML: Generic Containers
    • This article explains how and when to use the two elements in HTML that are not used to describe the content. (Span and div elements)
  • HTML: The Lesser-Known Semantic Elements
    • This article discusses marking up programming code, interaction with computers, citations and abbreviations, showing changes made to documents and more.
  • Images in HTML
    • This article discusses how to add images in HTML web design.
  • Information Architecture - Planning Out a Web Site
    • This article looks at the early stages of planning out a web site, and a discipline that is commonly referred to as Information architecture, or IA. This involves thinking about who your target audience will be, what information and services they need from a web site, and how you should structure it to provide that for them.
  • Learn HTML and Practice HTML Here
    • Type your code into the top frame, and it will automatically display in the bottom frame.
  • Marking Up Textual Content in HTML
    • This article goes through the basics of using HTML to describe the meaning of the content within the body of your document and looks at general structural elements such as headings and paragraphs and embedding quotes and code.
  • Text Styling with CSS
    • Web site typography needs a largely very different skill set to print design, and is subject to a lot more limitations. This article provides a detailed guide to styling text effectively using CSS.
  • The Basics of HTML
    • This article discusses the basics of HTML — what it is, what it does, its history in brief, and what the structure of an HTML document looks like.
  • The CSS Layout Model
    • CSS layout, including boxes, borders, and margins are fairly simple objects, and CSS syntax provides a simple way to describe their characteristics.
  • The HTML Element
    • This article deals with a part of the HTML document that does not get the attention it deserves: the markup that goes inside the head element. By the end of this tutorial you’ll have learnt about the different parts of this section and what they all do.
  • The Web Standards Model: HTML, CSS and JavaScript
    • This article covers what HTML, CSS, and JavaScript do, and how the three interact with each other to create a web site.
  • Typography on the Web
    • This article looks at exactly why typography is limited on the web (compared to print design) and present some tips to follow for good web typography, along with an example web page that demonstrates some of these tips.
  • Validating Your HTML
    • This article discusses the main 3 validators used with HTML: The W3C MarkUp Validator, The W3C Link Checker, and The W3C CSS Validator.
  • Video Lectures: Structure and Interpretation of Computer Programs
    • These twenty video lectures by Hal Abelson and Gerald Jay Sussman are a complete presentation of the course for Hewlett-Packard employees, and professionally produced by Hewlett-Packard Television.
  • Web Design: Color Schemes and Design Mockups
    • After a web designer presents a site’s architecture, or wireframe, to a client for approval, the next step is to determine the look and feel of the site through colour and graphics. This article demonstrates how to keep this process as simple as possible.
  • Web Design: Color Theory
    • This article covers colour basics and three simple colour schemes so that you can feel confident about choosing colours for your site.
  • Web Page Authoring
    • This is a beginning hands-on introduction to using Hypertext Mark-Up Language (HTML) to create web pages which can be uploaded and displayed on the Word Wide Web. Students will use HTML to create web pages with text in various sizes and colors, links to other sites, background color or patterns, graphics, tables and mailto links. Principles of design and color as they apply to screen presentations will be included.
  • Website Design Tips
    • The most common website mistakes are very easy to prevent or fix. This list of website design tips below will help do just that.
  • What Does a Good Web Page Need?
    • This article doesn't look into the actual underlying code yet; instead you’ll just start to examine the different pages, thinking about what items should appear on them, and considering issues such as consistency, usability, and accessibility.
  • XML Essentials
    • The Extensible Markup Language (XML) is a simple text-based format for representing structured information: documents, data, configuration, books, transactions, invoices, and much more. It was derived from an older standard format called SGML (ISO 8879), in order to be more suitable for Web use.