12.09.2015 Views

Boot Camp

Web Authoring Boot Camp - StudioBast

Web Authoring Boot Camp - StudioBast

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Tools for Web Authoring<br />

With these concepts in mind, markup validation can be defined as the process of checking<br />

a web document against the grammar (generally a DTD) it claims to be using.<br />

HTML validators operate by comparing the mark-up on a web page to the W3C standards.<br />

The standards vary depending upon the declared doctype version and so the validator<br />

will start by reading the doctype declaration to see which set of standards to apply.<br />

Once the validator has read the page and determined the applicable standards it looks for<br />

such things as missing opening or closing tags, missing quotation marks and other handcoding<br />

errors. The validator then provides a report indicating that the coding is correct or<br />

not. Errors are noted in a list.<br />

Professional Practices<br />

The busier you get, the less time you will have to build everything from scratch. Therefore,<br />

you should create a template directory in your web authoring file area where you<br />

can keep reusable information. Just have stuff ready to grab and go!<br />

Placeholders<br />

You will often, in building a web page template, need to add placeholder text and images<br />

while you wait for the real thing from clients or design team members. Here are some<br />

tips:<br />

• Use Lorem Ipsum: Lorem ipsum text is placeholder text (filler text) commonly<br />

used to demonstrate the graphic elements of a document or visual presentation,<br />

such as font, typography, and layout. The lorem ipsum text is typically a section<br />

of a Latin text by Cicero with words altered, added and removed that make it nonsensical<br />

in meaning and not proper Latin. You can find free sources and generators<br />

online: http://www.lipsum.com/.<br />

• Images: Create placeholder image boxes of several sizes. You should have standard<br />

thumbnail, small, medium, large, and screen-wide placeholder image boxes<br />

at your fingertips so you can place them in place of pending images. Consider the<br />

dummy image generator: http://dummyimage.com/.<br />

61

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!