Free Web Design, Development and Programming Training and Tutorial Resources




    



August 9, 2008

Web Design in Theory and Practice

Design in Theory and Practice is a series of five chapters or tutorials that will teach you all  about visual communication design for the web. These web design tutorials discuss topics such as the fundamentals of design, typography and motion, and then also address more advanced theoretical web design and communication concepts. The author presents and explains examples from a variety of sources including classical art and architecture, business, media and movies, the environment and, of course, the web. These web designing tutorials give you a solid web designing foundation, along with techniques and how tos for enhancing your web pages and sites.


Contents of Design in Theory and Practice:

 - The Principles of Design

 - The Elements of Design

 - Designing for the Web

 - Principles and Elements of Design

 - Color: An Investigation

Popularity: 23% [?]


Related Posts:
  • Web Page Design Tutorials
  • 8 Photoshop and 4 Art Design Tutorials
  • Tutorials on Fireworks, Flash, Dreamweaver
  • Guide to Web Coding and Design
  • HTML Practice How Tos

  • Tags for this post>>
    July 17, 2008

    Web Design Articles and Tutorials from Wpdfd.com

    Wpdfd.com, Webpage Design for Designers, provides some of the best written Web Design Articles and Tutorials on the web today. Here are all of their web development topics, in  alphabetical order. These cover many areas of web design and development, take a look at the linked list below to find what you are looking to learn more about.


    Web Design Tags for Wpdfd.com:

     - accessibility
     - adobe dreamweaver
     - adobe dreamweaver cs3
     - bad design
     - basics
     - bland
     - bland and grand designs
     - bland design
     - branding
     - browsers
     - business
     - ClearType
     - cms
     - contact
     - content
     - creating more readable text
     - cs3
     - css
     - design
     - design redesign
     - designers
     - digest
     - divitis
     - divs
     - DOCTYPEs
     - dreamweaver
     - dreamweaver cs3
     - eric
     - eric meyer
     - error
     - error page
     - expression
     - expression web
     - feedback
     - feel
     - focus
     - focus styles
     - font
     - font size
     - fonts
     - foundation
     - foundation of the web
     - freelance
     - frontpage
     - frontpage 2003
     - future
     - future development
     - good design
     - good web design
     - good website needs
     - grand
     - grand design
     - growing up
     - headings
     - height
     - html
     - html hooks
     - html5
     - humility
     - ie8
     - Internet Explorer
     - interviews jaredspool
     - jump
     - jump links
     - keeping up to date
     - layout
     - letter
     - letter spacing
     - lifestyle
     - line
     - line height
     - line-height
     - link styling
     - links
     - local development environment
     - logos
     - look and feel
     - looks
     - mamp
     - markup
     - meyer
     - microsoft frontpage
     - minimalitis
     - modx
     - myspace
     - navigation
     - news
     - non
     - organization
     - os x development
     - page
     - page weight
     - pages
     - part 1
     - past
     - photos
     - presentation
     - productivity
     - removing underline
     - removing underlines from links
     - reset
     - reset css
     - reset stylesheet
     - reset web design
     - robots
     - robots.txt
     - safe
     - sans serif
     - sans-serif
     - scan
     - scanning
     - semantics
     - serif
     - simple css
     - site map
     - sitemap
     - standardized
     - standardized markup
     - standards
     - stockphotos
     - styles
     - stylesheet
     - stylesheets
     - submit your design
     - tables
     - title
     - tomorrow
     - tutorial
     - twelve things most sites need
     - typography
     - usability
     - User Interface
     - version targeting
     - visual site designer
     - vsd
     - walkthrough
     - web
     - Web Design
     - web designer
     - web font
     - web pages
     - web safe fonts
     - web standards
     - webdesign
     - webpages
     - weekly
     - weekly digest
     - weight
     - Windows
     - X-UA-Compatible
     - youth
     - yui

    Popularity: 4% [?]


    Related Posts:
  • Book Chapters and Tutorial Articles for Web Design and Development
  • Book Chapters and Tutorial Articles for Web Dev, Flash, Photoshop
  • Book Chapters and Tutorial Articles on Microsoft Office Apps
  • Web Design in Theory and Practice
  • Tutorials for Web Design, Web Programming, and HTML, CSS

  • Tags for this post>>
    July 5, 2008

    Free Internet Technologies Course

    Here is the Internet Technologies Course from Rai OpenCourseware. The tutorials and lessons in this course review and cover serveral important Internet and Web development technologies, including networking and internetworking, OSI, TCP-IP, Internet Hubs and Bridges, Internet Routers, HTML, Java, Java AWT, Java Servlets, DHTML, and VB Script. These free Internet and Web training lessons are well illustrated and provide step-by-step instructions. The course tutorial lessons are in pdf format.


    Course Lessons for Internet Technologies:

    Internet
    Networking & Internetworking
    OSI & Tcp/Ip Model Interconnection: Maintaining End-To-End Service Through Multiple Providers
    Internet Addresses
    Internet Protocol Addresses Hubs And Bridges
    Routing Router Security Switching & Internet Protocol Multicast Mobile Routing
    Browsing The World Wide Web
    Online Services
    Hyper Text Markup Language
    Hyper Text Mark Up Language-I
    Frames & Graphic Designs
    Learning The Java Language
    Language Basics
    Object Basics And Simple Data Objects
    Classes And Inheritance
    Java Input/ Output Streams
    Introduction To AWT
    Java Servlets
    DHTML
    Scripting Introduction To VB Script

    Popularity: 24% [?]


    Related Posts:
  • Free Internet and Website Management Course
  • Web Development Tutorials using Microsoft Technologies
  • 35 Free XML Book Chapters
  • Web-Wise-Wizard – A Web Developers Internet Toolbox
  • 3 Best Flash Tutorials from Sitepoint.com

  • Tags for this post>> |
    July 3, 2008

    2 Web Design and Development Training Guides

    Here are two Web Design and Development Learning Guides hosted by the University of California. The first is a nice 73-page guide covering web design and usability. The second one is a 3-part HTML basics tutorial that will help you get started with developing a web site.


    Web Design and Usability Guidelines
    This 73-page pdf document is an excellent comprehensive Web Design Guide that will help you accurately design your website. (2.35mb)

    Contents of Web Design and Usability Guide:
     - Design Process
     - Design Considerations
     - Content and Content Organization
     - Titles and Headings
     - Page Length
     - Page Layout
     - Font and Text Size
     - Reading and Scanning
     - Links
     - Graphics
     - Search
     - Navigation
     - Software and Hardware
     - Accessibility


    Elementary HTML Tutorial – Part 1

    1. Create a Web Page
    2. Adding Headings
    3. Inserting Breaks
    4. Style
    5. Indented Lists & Sublists

    Elementary HTML Tutorial – Part 2

    6. Visuals – incorporating images
    7. In-house links
    8. Internet links
    9. A Touch-up
    10. Link with Images
    11. Niceties
    12. Organizing Files, Links to folders

    Elementary HTML Tutorial – Part 3

    13. Links within a page
    14. Tables
    15. Tags & References

    Popularity: 23% [?]


    Related Posts:
  • 6 Free Web Design Guides
  • Web Design Reference Guide
  • 15 Web Design Guides
  • Microsoft Office Reference Guide
  • First Blog Post: Discovering Free Web Development and Programming Training

  • Tags for this post>>
    July 2, 2008

    Free Internet and Website Management Course

    Rai OpenCourseware offers freely available course content, or courseware, which is literally a “treasure trove of knowledge and related resources”.  Their Computing Courses provide higher education and learning for Information Technology to all students and professionals who like to study and learn on their own. Educational institutions can also use this free course content.

    Here is Rai OpenCourseware’s Internet and Website Management Course, that will teach and show you how to use many Internet and Web development technologies, including HTML, Java, Java Servlets, Cookies, DHTML, CSS, VBScript, JavaScript, Perl, XML, software configuration, and website management. These free website application development training tutorial lessons are well illustrated and provide step-by-step instructions for using the Internet technologies and web programming tools and languages being taught. The course tutorials are in pdf format.


    Internet and Website Management Course Lessons:

    Introduction to Client / Server Model
    Introduction To Protocols And Internet Service Providers
    Introduction To Internet Service Providers
    Introduction to Hyper Text Mark-up Language (HTML)
    Frames In HTML
    HTML Style Sheets
    HTML Images And Image Mapping
    HTML Images And Image Mapping
    Making Animated GIF
    Introduction To CGI Scripting
    Introduction To Java
    Data Types
    Variables And Their Assignment
    Objects And Classes
    More On Classes, Java Classes
    Object Oriented Design
    The First Program
    Abstract Window Toolkit
    Applets
    Servlets
    Cookies
    Introduction to DHTML & CSS
    Filters and Transitions
    DHTML Document Object Model
    Direct Animation and The Structured Graphic Control
    Introduction to Multimedia
    VBScript Data Types, Variables, and Operators
    String Processing, Classes & Objects
    JavaScript
    Arrays & Javascript objects
    Common Gateway Interface Concepts & Perl Basics
    Perl Programming Concepts
    XML
    Project Planning
    Software Models
    Software Configuration Management
    Growth model & Risk Management
    Website Management

    Popularity: 26% [?]


    Related Posts:
  • Web-Wise-Wizard – A Web Developers Internet Toolbox
  • 2 Microsoft Project Tutorials
  • Free HTML and Javascript Course
  • Dreamweaver Tutorial on Site Design and Management
  • Web Design Tutorial

  • Tags for this post>> |
    June 21, 2008

    Web Design Process Guide

    Here is a quick 7-page Web Design Process Guide, from the University of Texas at Austin. This guide explains the six phases of designing and developing a web site. It will help you to do, or at least consider, these important aspects of web design.


    Project Definition

    The most critical step in the web design process is creating an accurate project definition. A project definition includes a project brief and a project plan. The client survey is used to gather the information needed to develop the project brief and plan. How do you create the project definition?


    Site Structure

    Good web design requires a solid site architecture based on the site’s goals and target audience established in the project brief. The deliverables from this phase are:

       1. Content Outline
       2. Site Diagram
       3. Wireframes


    Visual Design

    Review the project brief, sitemap and wireframes with the designer(s), then give them free reign to brainstorm solutions and develop the different visual designs. The designer(s) should also review any branding guidelines as well as the technical requirements for screen resolution, browser compatibility, download time, web standards and accessibility.


    Site Development

    Now it is time to actually build the site. There are two major steps during this stage:

    1. Technical/Functional Plan
    2. Build and Integrate the Site

    Testing

    The Quality Assurance person’s priority is to create a realistic QA plan, manage the testing process, prioritze issues, insure that high priority issues are solved and conduct the final review and release of the site.


    Launch Plus

       1. Document your Style Guide
       2. Launch your web site
       3. Maintenance


    Resources

    Popularity: 5% [?]


    Related Posts:
  • 2 Web Design and Development Training Guides
  • Website Design Lectures
  • Web Style Guide, 2nd edition
  • CSS Guide
  • Web Design Reference Guide

  • Tags for this post>>
    June 9, 2008

    14 HTML Video Tutorials

    HTML (Hypertext Markup Language) is the markup language that is used for creating and rendering (displaying) web pages. It uses ‘tags’ to specify headings, paragraphs, lists, etc., and additionally it supports the use of interactive forms, embedded images, and other objects, such as Flash movies. HTML can also contain CSS (Cascading Style Sheets) code that defines the look and feel of items such as font size and color and paragraph style. Here are 14 HTML Video Tutorials from sutree.com that will show you how to do use several important HTML and CSS features to develop web pages. Also included are some videos to help you creating an ecommerce site.


    14 HTML Web Building Course Videos:

    Create Tables in HTML

    Create Bullet, Number, and Definition Lists in HTML

    Link to Webpages in HTML

    HTML Tags

    Add a Background Image to a Webpage

    CSS Syntax

    CSS Text Align

    Follow These Principles When Designing Your Web Site

    Creating Webpage Frames

    How to Link Pages Within a Website

    Choose and Register a Website Domain

    Tips for Creating a Successful e-Commerce Website

    How to Create a Successful E-Commerce Web Site

    Get Your Site Listed on Google

    Popularity: 30% [?]


    Related Posts:
  • 8 InDesign CS2 Video Tutorials
  • 25-Lesson Flash 8 Video Course
  • Inserting Video Into PowerPoint Presentations
  • InDesign CS2 and CS3 Tutorials
  • 10 Word 2003 Video Tutorials

  • Tags for this post>>
    May 29, 2008

    Techtopia’s HTML Tutorials

    Here are Techtopia’s HTML Tutorials. These will help you write HTML web pages using important tags and features, such as Anchors, Links, Embedded Objects, Forms, Images, Lists, Scripts, Sounds, and Tables. Also included is a good tutorial on Cascading Style  Sheets (CSS).


    Popularity: 3% [?]


    Related Posts:
  • HTML, Javascript, and MySQL Tutorials
  • HTML and CSS Tutorials
  • HTML Tutorials and How Tos
  • Web Page Authoring Course
  • 324 HTML Tutorials

  • Tags for this post>>
    May 7, 2008

    2 HTML Tutorials from Indiana Univeristy

    Here are two HTML Tutorials from Indiana Univeristy: HTML Basics Tutorial and Beyond HTML Basics. These will help you become more knowlegeable about coding web pages using HTML, using features such as creating hypertext links, inserting images, testing your HTML files, using color effectively, creating special effects, inserting special symbols, using sound, working with tables, and creating metadata in your web pages.


    HTML Basics Tutorial:


    Beyond HTML Basics Tutorial:

    Popularity: 21% [?]


    Related Posts:
  • FrontPage 2003 Tutorial from Indiana University
  • 3 HTML Programming Tutorials
  • Microsoft Access Tutorials
  • Microsoft FrontPage Tutorials
  • 10 Microsoft Word Video Viewlet Tutorials

  • Tags for this post>>
    April 21, 2008

    Web Development Training from WebDesignFromScratch.com

    Web Design from Scratch has been adding some great content and learning materials since I last posted a blog article about their site. Here is more of their free Web Development training content that will teach you many techinical areas of designing and developing web pages and web sites. Topics covered here include the Design  Process, Graphic Design for the Web, Site Architecture, Usability, HTML, CSS, JavaScript, and DHTML.


    Design Process


    Business
    Graphic Design for the Web

    Graphic design basics: Page layout: Visual techniques: Case studies:
    Site Architecture
    Usability
    Production
    HTML
    CSS
    JavaScript/DHTML

    Popularity: 21% [?]


    Related Posts:
  • Free Online Web Design Course
  • Free Course on Web Development with .NET
  • Freely Available Web Development eBooks
  • Web Tutorials and Techniques
  • 12 Free Ebooks for Flash, Dreamweaver, Fireworks, Macromedia CF MX 7

  • Tags for this post>>
    March 26, 2008

    322 CSS Tutorials

    Here are 322 CSS Tutorials, linked from the tutorial portal, tutcity.com. Cascading Style Sheets (CSS) is a simple and powerful method for managing and applying style to web documents and HTML pages. Whether you are a web designer, developer, or anywhere in between, CSS is an important part of developing websites. These CSS tutorials teach you how use Cascading Style Sheets and much of the functionality you can get by using them.


    CSS Tutorial Topics:

     - Advanced Techniques
     - Background
     - Box Model
     - Buttons and Navigations
     - Colors and Effects
     - Cursors
     - Forms
     - Getting Started
     - Layouts
     - Links Formatting
     - Miscellaneous
     - Positioning and Styling
     - Scrollbars
     - Text Formatting

    Popularity: 3% [?]


    Related Posts:
  • No related posts

  • Tags for this post>> |

    324 HTML Tutorials

    Here are 324 HTML Tutorials from around the web, linked from tutcity.com. These HTML tutorials will teach you everything you need to know about HTML & XHTML so you can design and create great attractive and user friendly websites. Also use these to update and increase your web development skills.


    HTML Tutorial Topics:

     - Adding Text
     - Designing
     - Forms
     - Frames
     - Getting Started
     - Image Mapping
     - Images
     - Tables
     - Text and Documents Linking
     - Third Party
     - XHTML

    Popularity: 3% [?]


    Related Posts:
  • HTML, Javascript, and MySQL Tutorials
  • HTML and CSS Tutorials
  • HTML Tutorials and How Tos
  • Web Page Authoring Course
  • Learning HTML 4.01 and Website Tutorials

  • Tags for this post>>
    March 4, 2008

    15 HTML and CSS Tutorials

    Here are 15 HTML and CSS Tutorials, from brainbell.com. These cover much of the basics and HTML and CSS, as well as some more advanced techniques, such as using forms, margins, borders, padding, positioning, floats, and z-index.


    Building an HTML Page
    Learn how to create an HTML template. This template will contain all the necessary and helpful technical and structural bits that form the basis of a document that will conform and validate, too.

    Adding Text and Links
    This HTML tutorial shows you how to work with text and links on your web pages. From the logic of headers and lists to a variety of linking options, you’ll find out what it means to create great text in noble fashion, making your content as royal as can be.

    Adding Images, Media, and Scripts
    Learn how to prepare images for your web pages. Using a good image editor, you can quickly learn the details.

    Creating Tables
    Tables are a very helpful way of presenting data on a website. The ideal is to avoid tables altogether, except for the purpose for which they were intended.

    Building Forms
    Using this HTML Forms tutorial, you’ll find out how to build HTML forms and make them logical and accessible.

    Working with Frames
    Learn about two very specific reasons to use frames with your web pages.

    Using CSS
    This CSS tutorial teaches you how to set up CSS to be most efficient and flexible for your designs.

    Working with Color and Images Using CSS
    This CSS tutorial teaches you how to apply images to backgrounds and elements, and you’ll learn about methods of using images for a range of visual techniques.

    Styling Text
    In this CSS tutorial, you’ll learn about font and text styles, along with some of the additional style properties that will affect your text but not necessarily be limited to use with text. You’ll also learn about additional selector types that have not yet been introduced to you.

    Link Effects, Lists, and Navigation
    In this CSS tutorial, you first create some simple styles for links and then progress to multiple link styles. You’ll then learn to manage lists with CSS.

    Margins, Borders, and Padding
    This CSS tutorial teaches you one of the coolest things about CSS “style features” such as margins, borders and padding.

    Positioning, Floats, and Z-index
    In this CSS tutorial, you’ll learn the basis for what you need to know about creating great CSS-based layouts, instead of the table-based.

    CSS Layouts
    This CSS Layouts tutorial shows you how to use the primary types of layouts in CSS that are typically used to achieve a range of design.

    XHTML 1.0 References
    This XHTML tutorial teaches all elements in the XHTML 1.0 Transitional DTD.

    CSS 2.1 Reference
    In this CSS reference, you’ll find information about the selectors and properties available for use in CSS 2.1.

    Popularity: 21% [?]


    Related Posts:
  • HTML, Javascript, and MySQL Tutorials
  • HTML and CSS Tutorials
  • HTML Tutorials and How Tos
  • Web Page Authoring Course
  • 324 HTML Tutorials

  • Tags for this post>>
    February 18, 2008

    HTML Programming Wikibook

    HTML is the markup language that is used for creating web pages. HTML pages are text files stored on computers connected to the Internet. These files contain markup, which are browser instructions for displaying, or rendering, the text, images, tables, links, etc. on the web page. Here is the HTML Programming Wikibook, a free open-content textbook that teaches and shows you how to use and code HTML on your web pages.


    The HTML Programming Wikibook
    :

    Basic HTML

    The html, head and body elements denote the general outline of every HTML document. We will now examine the HTML elements in more detail.

    Advanced HTML Techniques that shouldn’t be used:
    Appendices

    Popularity: 3% [?]


    Related Posts:
  • CSS Programming Wikibook
  • Books, Manuals, and Guides on Web Development
  • Books, Manuals, and Guides on Web Development
  • Web Programming and Development Books
  • Free Web Development and Programming Books

  • Tags for this post>>

    CSS Programming Wikibook

    CSS is a way to describe the “style” of a web page, namely, the colors, fonts, layout, and other presentation aspects of the document. A single CSS file can describe a common “style” to be applied to many HTML, XHTML, and XML documents (which describe the content and structure of the elements of each document). Typically a particular element in an HTML page has a “cascade” of CSS style rules that can be applied to it. The highest priority style rule is applied to each element. CSS is a very powerful tool that gives a web designer great power over their site if used properly. For example, if you are writing a large website, you can have a consistent display presentation for every title, sub-title, paragraph, text, etc. Here is an excellent, free textbook that will show you how to use and program with CSS, the CSS Programming Wikibook.


    CSS Programming Wikibook, an open-content textbook.

       1 Introduction
          1.1 What is CSS?
          
       2 Basic CSS
       3 Advanced CSS
       4 Troubleshooting
       5 Index
       6 Hacks & Filters
       7 Links


    Basic CSS Wikibook section:

    1. Applying CSS to HTML – Each method has its place however the linked method is the most important and the one this wikibook will reference.
      1. Linked CSS Method (using an external CSS file to link to multiple pages on a web site)
      2. Embedded CSS Method (linked CSS is preferred in most cases)
      3. Inline CSS Method (linked CSS is preferred in most cases)

    2. Applying CSS to XML

    3. CSS Construction
      1. CSS Syntax
      2. Defining Style Rules
      3. CSS Lengths and Units
      4. CSS Selectors
      5. CSS Inheritance Rules
      6. The !important Keyword

    4. CSS Presentation
      1. Color
      2. Fonts and other text properties
      3. Hyperlink Behavior
      4. Lists
      5. Setting the size and shape of elements with the “Box Model”
      6. Background
      7. CSS Shorthand Properties

    5. CSS Layout
      1. Positioning Elements (includes floating elements)
      2. Tables
      3. Floating elements
      4. Media Types

    Popularity: 4% [?]


    Related Posts:
  • HTML Programming Wikibook
  • Books, Manuals, and Guides on Web Development
  • Books, Manuals, and Guides on Web Development
  • Web Programming and Development Books
  • Books on Web Programming and Serving with Linux

  • Tags for this post>>
    February 16, 2008

    Accessible Web Design Guide

    What is Web Accessibility? A web page is accessible if all users are able to access the document and read the content. Users should be able to access it without needing to change their browser, or adjust the browser settings. A well-designed site will work in any browser with any reasonable settings. Many accessibility improvements also make it easier for everyone to use the site. For example, improving the navigation structure of a web site helps everyone, but also especially helps people with poor memory. There are also pure usability problems such as broken links, which affect everyone equally.

    Here is an Accessible Web Design Guide, from Durham University, that will help you design and make your web sites accessible to all users, regardless of disability or choice of browser. This Guide explains the benefits of accessible design, and techniques for writing accessible websites. (22 pages, 174kb, pdf)


    Contents of Accessible Web Design Guide:
    1   About accessibility
      1.1 What is accessibility?
      1.2 What is usability?
      1.3 Legal Requirements
        1.3.1 Quotes from SENDA
        1.3.2 Maguire v Socog
      1.4 Browser compatibility
      1.5 Search Engines
      1.6 University Policy
      1.7 The Web Accessibility Initiative
        1.7.1 Priority 1 recommendations
        1.7.2 Priority 2 recommendations
        1.7.3 Priority 3 recommendations
      1.8 Other terms used in this Guide
    2   Finding Accessibility Problems
      2.1 Examples of inaccessible pages
      2.2 Tools for finding accessibility problems
        2.2.1 Web Browsers
        2.2.2 Checking Tools
      2.3 Identifying accessibility problems
        2.3.1 Some of the accessibility problems with the example site
    3   Fixing accessibility problems
      3.1 Accessible text
        3.1.1 Example of rewriting text
      3.2 Accessible Graphics
        3.2.1 Using Dreamweaver to make accessible images
        3.2.2 Text Equivalents
        3.2.3 Examples of ‘text equivalents’
      3.3 Accessible Tables  10
        3.3.1 Using Dreamweaver to add header information
        3.3.2 Example of adding headers to tables
      3.4 Accessible use of color
        3.4.1 Partial specification of color
        3.4.2 Specification of colour in Dreamweaver
        3.4.3 Examples
      3.5 Scripts, Java applets, Flash and similar technologies
      3.6 Frames
    4   Other accessibility issues
      4.1 Structural Markup
      4.2 Validation
      4.3 Navigation
      4.4 Other areas to consider 
        4.4.1 Tables for layout 
        4.4.2 Forms for user input
        4.4.3 Colour contrast
    5   Useful tools
      5.1 Browsers
      5.2 Validators
      5.3 Accessibility Checking Tools
      5.4 Other tools
        5.4.1 Specialist accessibility checking assistants
        5.4.2 Link checkers
        5.4.3 Tidy 
    6   Summary

    Popularity: 22% [?]


    Related Posts:
  • Creating Accessible Web Pages from a PowerPoint Presentation
  • Web Site Accessibility Tutorial
  • Tutorials for FrontPage and Creating Accessible Web Pages
  • 10-page Flash Guide
  • 10 Free Web Design and Development Books

  • Tags for this post>>
    January 14, 2008

    HTML Practice How Tos

    Here are several HTML Practice How Tos, from webdevelopmenttutorials.com, that provide you with HTML examples that show you how to code these HTML tags and topics: Hyperlinks, Web Images, HTML Lists, HTML Tables, and HTML Forms. 


    HTML Link Practice Tutorials
    Learn from this HTML example how to create a link, how to create a link that opens in a new web browser, how to link to another part of the same web page and more.

    How to create a link in HTML
    Shows you how to create a link in HTML.

    How to use an image as a link in HTML
    Demonstrates how to use an image as a link in HTML.

    How to open a link in a new web browser
    How to open a link in a new web browser.

    How to link to another part of the same web page
    Shows you how to link to another part of the same web page in HTML.

    How to create a mailto link in HTML
    Demonstrates how to create a mailto link in HTML.


    HTML Image Practice Tutorials
    Practice your HTML skills with inserting an image onto a web page and how to use an image as a link.

    How to insert an image into a web page with HTML
    This HTML example code shows you how to how to insert an image into a web page with HTML.

    How to use an image as a link in HTML
    Learn from this HTML example code on how to use an image as a link in HTML.

    How to adjust the width and height of an image with HTML
    Shows you how to adjust the width and height of an image with HTML.

    How to set an image as a background of a web page with HTML
    How to set an image as a background image with HTML.


    HTML List Practice Tutorials
    Shows you how to create ordered, un-ordered and definition lists.

    How to make an un-ordered list with HTML
    How to make an un-ordered list with HTML.

    How to make an ordered list with HTML
    How to make an un-ordered list with HTML.

    How to make a definition list with HTML
    Shows you how to make a definition list with HTML.

    How to make an ordered numbered list in HTML
    This HTML example code shows you how to make an ordered numbered list in HTML.

    How to make an ordered upper-case letters list in HTML
    Learn from this HTML example code how tomake an ordered upper-case letters list in HTML.

    How to make an ordered lower-case letters list in HTML
    Practice your HTML skills with making an ordered lower-case letters list in HTML.

    How to make an ordered upper-case letters list in HTML
    how to make an ordered upper-case letters list in HTML.

    How to make an ordered lower-case numbers list in HTML
    This HTML example code shows you how to make an ordered lower-case numbers list in HTML.

    How to make an un-ordered discs bullets list in HTML
    Learn from this HTML example code how to make an unordered discs bullets list in HTML.

    How to make an un-ordered circle bullets list in HTML
    Demonstrates how to make an un-ordered circle bullets list in HTML.

    How to make an un-ordered square bullets list in HTML
    Practice your HTML skills with making an un-ordered square bullets list in HTML.


    HTML Table Practice Tutorials
    Learn how to create tables, how to adjust the table border, how to create tables with cells that span multiple columns/rows and more.

    How to make a table in HTML
    How to make a table in HTML.

    How to add a border to a table and adjust the width in HTML
    Practice your HTML skills with adding a border to a table and adjust the width in HTML.

    How to add a heading to a table
    How to add a heading to a table using HTML.

    How to deal with empty cells in a table in HTML
    Learn how to deal with empty cells in a table in HTML.

    How to add a caption to a table in HTML
    Practice your HTML skills with adding a caption to a table in HTML.

    How to make a table with data cells that span more than one row or column
    Learn how to make a table with data cells that span more than one row or column.


    HTML Form Practice Tutorials
    Learn how to create forms, add text fields, text boxes, password fields to a form, and more.

    How to create a form in HTML
    Find out how to create a form in HTML.

    How to create a form with a text-field in HTML
    Practice your HTML skills with creating a form with a text-field in HTML.

    How to add a submit button to a form in HTML
    How to add a submit button to a form in HTML.

    How to create a form with a password-field in HTML
    Demonstrates how to how to create a form with a password-field in HTML.

    How to create radio buttons in a form in HTML
    Shows how to  how to create radio buttons in a form in HTML.

    How to create check-boxes in a form in HTML
    Learn from this HTML example code how to create check-boxes in a form in HTML.

    How to create drop-down boxes in a form in HTML
    Practice your HTML skills with creating drop-down boxes in a form in HTML.

    How to create a form with a pre-selected value in HTML
    Shows you how to create a form with a pre-selected value in HTML.

    How to create a form with a pre-selected value in HTML
    Learn from this HTML example code how to create a form with a pre-selected value in HTML.

    How to create a form with a border around the form data
    Demonstrates how to create a form with a border around the form data in HTML.

    How to create a form with a caption in HTML
    Shows you how to create a form with a caption in HTML.

    Popularity: 4% [?]


    Related Posts:
  • Web Design in Theory and Practice
  • JavaScript Practice How Tos
  • Free Training for Microsoft Office Specialist Certification
  • Excel Review Materials – Tutorials, Tips, Workbooks
  • Fireworks 8 Tutorials from In Pictures

  • Tags for this post>>
    January 1, 2008

    Website Design Tips and Tutorials

    Here are several excellent Website Design Tips and Tutorials, courtesy of outfront.net. These will help you understand the important aspects and factors in a well designed web site, and then they show how to create attractive, manageable, usable and professional sites. All well designed web sites sites should have the following:

    • Good, useful content
    • Well organized and therefore easily accessible content
    • Well written easily read content
    • A consistent and attractive appearance

    Website Design Tutorials:

    Planning and Organizing Your Site

    Page Layout and Design

    Designing a Navigation System

    Using Color in Your Site

    Designing Text

    Writing for the Web

    Introduction to Usability

    Know Your Users

    Usability Tips

    Simplify The Game

    Here are other web development tutorials from this website.

    Popularity: 21% [?]


    Related Posts:
  • Easy Website Creation from Photoshop Images
  • Web Design Tutorials
  • CSS Tutorial and Guidelines from DesignReviver
  • Web Design Tutorial
  • Website Design Lectures

  • Tags for this post>>
    December 27, 2007

    HTML and CSS Tutorials from bytesizeoffice.co.uk

    Here are the HTML and CSS Tutorials hosted bytesizeoffice.co.uk. These will teach you several important topics with creating and designing web pages using HTML and CSS.


    HTML and CSS Tutorials
    :

    Part One 
    Website introduction, web site addresses, web site files – HTML Files, Style Sheets, Image Files.
     
    Part Two
    Make a Web Page, example web files, example HTML files

    Part Three
    Styles Sheets, How to specify a Style sheet, Cascading Style Sheets.

    Part Four
    Common Style Properties and Values, Style Sheet Properties, Style sheet Size Values, Style Sheet Colours, Common Style Sheet Properties

    Popularity: 4% [?]


    Related Posts:
  • Access 2000-XP Tutorial
  • Excel 2000-XP Tutorials from Bytesizeoffice.co.uk
  • Word 2000-XP Tutorials from Bytesizeoffice.co.uk
  • 4 PowerPoint 2007 Tutorials
  • 5 Excel 2007 Tutorials

  • Tags for this post>> | |
    December 11, 2007

    34 eBooks and Tutorials for Flash, Photoshop, Web Development

    Here are 34 eBooks and Tutorials for learning how to use the following software applications: Photoshop, Flash, 3d Max Studio, Illustrator, Director, Shockwave, Gimp, and Paint Shop. The following Web development languages and topics are also covered by these: design patterns, VRML, web graphics, Javascript, and Perl.


    Software and Topics covered by these eBooks:

    Photoshop
    Flash
    3d Max Studio
    Adobe Illustrator 8
    Adobe Illustrator
    Macromedia Director 7
    Shockwave
    Gimp
    Paint Shop
    Design Patterns
    Web Site Design
    3D Graphics and VRML
    Activex and Vbsscript
    Web Graphics
    Art Tutorials
    Web Development with Javascript
    Web Development with Perl 5

    Popularity: 22% [?]


    Related Posts:
  • 12 Free Ebooks for Flash, Dreamweaver, Fireworks, Macromedia CF MX 7
  • 19 Free eBooks for Adobe and Macromedia Applications -Flash, Photoshop, etc
  • 3 Photoshop eBooks
  • eBooks for Photoshop, Flash, Fireworks, and Dreamweaver
  • eBooks for Photoshop, Illustrator, Fireworks, Flash, and Dreamweaver

  • Tags for this post>> | |
    « Previous PageNext Page »