Free Web Development Training and Tutorials Blog http://www.educationonlineforcomputers.com/blogs/Free_Web_Development_Training_Tutorial_Resources.php Web HTML Javascript PHP Programming Training, Tutorials, Courses, Books, Guides, Support, Help en http://backend.userland.com/rss092 <![CDATA[CSS Tutorial from University of Texas]]> Here is an excellent Cascading Style Sheets Tutorial (CSS Tutorial), from the University of Texas. A style sheet provides a set of rules that how a web page should display. Style rules specify a property for an HTML tag or set of tags for items such as font styles and sizes, paragraph positioning, and line spacing. Style sheets maintain the separation between structural and presentation information. This CSS Tutorial gives you a good introduction and instructions for coding web pages and sites using cascading style sheets, along with several CSS samples.


Contents of this CSS Tutorial:

 - Introduction

 - Incorporating Style Sheets Into Your Document

 - Example Rules

 - CSS Properties

 - Inheritance

 - Style Sheets and Forms

 - Positioning

 - Backgrounds

 - Sample 1

 - Sample 2

 - Conclusion

 - References
]]> http://www.educationonlineforcomputers.com/blogs/post/Free_Web_Development_Training_Tutorial_Resources/973/CSS-Tutorial-from-University-of-Texas <![CDATA[How to Design a High Quality Website]]> Philosophe.com is a great resource for learning how to create a high quality web site. It teaches you quality assurance for web sites, including the important area of usability. Good web sites have four things in common: well designed, coded, filled with content, and thoroughly tested. This site shows you how to perform testing and QA on your web site, presenting it in a thoughtful and philosophic way. Though the material discussed and reviewed is aimed at larger sites, everything is also applicable to smaller sites such as individual home pages. You will learn the following about web site testing:
  • the major concepts at the heart of the quality assurance process
  • the critical importance of defining standards and specifications
  • the general categories of tests you might want to perform on your web site
  • some links to specialized QA web sites that might provide deeper information about any of the topics discussed here

Table of Contents:  


Site Design Issues Relating to Quality http://www.educationonlineforcomputers.com/blogs/post/Free_Web_Development_Training_Tutorial_Resources/971/How-to-Design-a-High-Quality-Website <![CDATA[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]]> http://www.educationonlineforcomputers.com/blogs/post/Free_Web_Development_Training_Tutorial_Resources/968/Web-Design-in-Theory-and-Practice <![CDATA[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 ..]]> http://www.educationonlineforcomputers.com/blogs/post/Free_Web_Development_Training_Tutorial_Resources/955/Web-Design-Articles-and-Tutorials-from-Wpdfdcom <![CDATA[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 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

]]> http://www.educationonlineforcomputers.com/blogs/post/Free_Web_Development_Training_Tutorial_Resources/943/2-Web-Design-and-Development-Training-Guides <![CDATA[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)
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

Testi ..]]> http://www.educationonlineforcomputers.com/blogs/post/Free_Web_Development_Training_Tutorial_Resources/938/Web-Design-Process-Guide <![CDATA[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

http://www.educationonlineforcomputers.com/blogs/post/Free_Web_Development_Training_Tutorial_Resources/926/14-HTML-Video-Tutorials <![CDATA[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).