18
RBC LHC IT Dev Standard Coding Practices for HTML & CSS Saturday, 29 June 13

RBC LHC IT Dev Training — Coding Practices

Embed Size (px)

Citation preview

Page 1: RBC LHC IT Dev Training — Coding Practices

RBC LHC IT DevStandard Coding Practices

for HTML & CSS

Saturday, 29 June 13

Page 2: RBC LHC IT Dev Training — Coding Practices

Why Is Tidy Code Important?

Easily editable

Quicker

Happy code = happy website

Saturday, 29 June 13

Page 3: RBC LHC IT Dev Training — Coding Practices

It may work on your screen ...

Saturday, 29 June 13

Page 4: RBC LHC IT Dev Training — Coding Practices

??

?

Saturday, 29 June 13

Page 5: RBC LHC IT Dev Training — Coding Practices

The W3C

World Wide Web Consortium

Founded to recommend standard coding practices

Like reading an ECHR directive

Saturday, 29 June 13

Page 6: RBC LHC IT Dev Training — Coding Practices

bit.ly/vsuwom

Saturday, 29 June 13

Page 7: RBC LHC IT Dev Training — Coding Practices

bit.ly/Io8dp8

Saturday, 29 June 13

Page 8: RBC LHC IT Dev Training — Coding Practices

Nah.

Saturday, 29 June 13

Page 9: RBC LHC IT Dev Training — Coding Practices

http://validator.w3.org

http://validator.w3.org

W3C Validator

Saturday, 29 June 13

Page 10: RBC LHC IT Dev Training — Coding Practices

My errors:

Saturday, 29 June 13

Page 11: RBC LHC IT Dev Training — Coding Practices

Warmup Task:Create this file using HTML & CSS

http://bit.ly/11LjQ0FSaturday, 29 June 13

Page 12: RBC LHC IT Dev Training — Coding Practices

30 minutes.Work in pairs.

Saturday, 29 June 13

Page 13: RBC LHC IT Dev Training — Coding Practices

Results!

Saturday, 29 June 13

Page 14: RBC LHC IT Dev Training — Coding Practices

TASK:Locate & fix any validation errors in your work.

(10 mins)

Saturday, 29 June 13

Page 15: RBC LHC IT Dev Training — Coding Practices

Results!

Saturday, 29 June 13

Page 16: RBC LHC IT Dev Training — Coding Practices

TASK:Find 2 websites with validation errors.Make suggestions how to fix them.

(20 mins — in pairs)

Saturday, 29 June 13

Page 17: RBC LHC IT Dev Training — Coding Practices

Results!

Saturday, 29 June 13

Page 18: RBC LHC IT Dev Training — Coding Practices

TASK:Run a few ROMS pages through the validator

(via upload). Check the results and amend in your Netbeans(30 mins)

Saturday, 29 June 13