Web – Designing Training

traning_webdesign
[restabs alignment=”osc-tabs-left” responsive=”false” tabcolor=”#8224e3″ tabheadcolor=”#FFFF00″ seltabcolor=”#161676″ seltabheadcolor=”#cecece” tabhovercolor=”#03a947″]
[restab title=”Description” active=”active”]

Introduction

  • Like all The Intellect website design training courses, it teaches best practice in vendor-neutral, standards-compliant, cross-platform, and completely transferable skills,
  • i.e. you will get real XHTML training and not merely one company’s take on it.
  • On completion of this course, students should be able to produce standards-compliant website design which works with any of the well-known packages in this field,
  • e.g., Dreamweaver, MS FrontPage, GoLive, IIS, Apache, ColdFusion, WebSphere, Lotus Domino, Microsoft Windows, Unix, Linux, .Net, SunOne, etc.

Suitable for

  • The course is intended for communications, marketing and design professionals who need to develop high-quality World Wide Web pages without external help.

Delivery

  • To an even greater extent than normal, this web site design course is delivered through hands-on exercises, backed up by expert tuition in fundamental principles and best XHTML coding practice.
  • Whenever possible, students use hand XHTML coding techniques to learn the fundamentals which underpin proprietary web page editors like Dreamweaver, GoLive and FrontPage.

[/restab]
[restab title=”Objectives”]

Objectives

  • Most business-people recognise the commercial importance of the Internet, but few realize how easy it is to learn the skills required to produce a basic Web presence
  • This practical workshop introduces the basic elements of the HyperText Markup Language (HTML) and its XML-compatible variant, XHTML,
  • i.e., the standards which determine the structure and use of web pages.
  • Unlike most web site design training courses, this one is not locked-in to any particular vendor’s web browser, web server, application server, or operating system.

[/restab]
[restab title=”Syllabus”]

[wrc_column grid=”2″ width=”1″ type=”start”]

Overview of HTML
  • Brief history of HTML and XHTML
  • How the web works — clients and servers
  • Browsers and rendering
The Basics of HTML
  • Headings
  • Phrase mark-up in XHTML
  • Hypertext links
  • Embedded images
  • Lists
  • Special characters in XHTML
  • XHTML and Semantic markup
Simple design customization with CSS
  • Relationship between XHTML/HTML and CSS
  • Linking to a stylesheet in a separate file
Images
  • Bitmapped images
  • Types of image: GIF, JPEG, PNG
  • Image type tradeoffs
  • Creating images
Tables
  • Cells that span rows or columns
  • Cell alignment
  • Styling table cells

[/wrc_column]

[wrc_column grid=”2″ width=”1″ type=”end”]

More CSS
  • Borders
  • Margins and padding
  • Background colours and background images
  • Selectors
  • Classes
  • <div> and <span>
XHTML
  • What is XML?
  • Relationship between HTML and XHTML
  • Why use XHTML?
  • Changes in the document prologue
  • Changes in element tags
  • Handling empty elements
HTML and Scripting
  • Server-side scripting: forms
  • XHTML Form elements
  • Client-side scripting
  • JavaScript
  • Graceful degradation
  • Examples
Embedding Multimedia
  • Image maps
  • Embedding flash movies
  • Graceful degradation

[/wrc_column]

[/restab][/restabs]