Difference between revisions of "Week Fourteen (MGDP2050)"

From Wiki @ Karl Jones dot com
Jump to: navigation, search
(Text editors)
(Web design generators)
Line 61: Line 61:
  
 
A [[web design generator]] generates [[HTML]], [[CSS]], [[JavaScript]], [[typefaces]], or other resources relating to web design.
 
A [[web design generator]] generates [[HTML]], [[CSS]], [[JavaScript]], [[typefaces]], or other resources relating to web design.
 +
 +
* [[Scalable Vector Graphics generator]]
 +
* [[Typeface generator]]
  
 
See also [[:Category:Web design generators]].
 
See also [[:Category:Web design generators]].

Revision as of 09:16, 10 May 2016

Lecture notes and exercises for Week Fourteen of Web Design and Development II (MGDP2050).

See also Week Thirteen (MGDP2050) - Week Fifteen (MGDP2050).

HTML and CSS

CSS box model

See Box model (CSS).

CSS centering

See Centering (CSS).

Cross-browser compatibility

See Cross-browser compatibility.

CSS reset

CSS reset is the practice of setting CSS styles to a baseline state, before writing custom CSS, in order to minimize browser incompatibility.

CSS frameworks such as Bootstrap have CSS reset built in.

JavaScript libraries for compatibility

Various JavaScript libraries are available to help reduce browser incompatibility, including:

Text editors

A text editor is a tool for editing text files.

Source code editors

A source code editor is a text editor which has features such as syntax highlighting, which are useful for editing source code.

HTML editors

An HTML editor is a source code editor which has features such as WYSIWYG, which are useful for editing HTML.

Adobe Dreamweaver is an HTML editor.

Word processors

Avoid using word processors such as Microsoft Word as HTML editors.

Word processors typically add non-text formatting. HTML must be text-only.

Popular text editors

See also Category:Text editors.

Web design generators

A web design generator generates HTML, CSS, JavaScript, typefaces, or other resources relating to web design.

See also Category:Web design generators.

Freelancing, job search, etc.

Open discussion about jobs, searching for jobs, freelancing, etc.

See Learning freelancing (1).

For next week

No new exercises.

Work on project, unfinished exercises.

Final class session

Next week is the final class session.

It will be a short class session featuring guest lecturers.

Optional: students are free to make a presentation to the class -- non-credit, for the experience as a public speaker.