Louisa Lambregts,

Louisa Lambregts

Discussion Questions ? Why are you taking this course: personal interest, training for your job, transitioning to new career What do you hope to learn from this course? (Be as specific as possible). Do you have any web design or HTML experience?

PlanDevelopPublishMaintain

PlanDevelopPublishMaintain -concept -wireframe of layout -navigational structure

PlanDevelopPublishMaintain -interface design -design template -build pages -add content -build/embed features -user testing

PlanDevelopPublishMaintain -review content -upload to server -get web host -get domain name

PlanDevelopPublishMaintain -set up content maintenance plan -set up content owners with Contribute -set up administrative settings (e.g. versioning, check files in and out)

College Computer Store Educational version Bundles are available

From the Web  Firebug  Free Web Sites Weebly: Wix:  Free CSS Templates (inspiration only!)

In the beginning... There was html.

Layout was dominated by Text formatting Layout via tables Frames Javascript: Roll-over buttons Animations Splash page Flash

nge.html

And then came CSS and Flash. Example of a site that uses: 1) Dreamweaver Templates and Contribute for site management and publishing 2) Formatted with mostly CSS 3) Uses javascript for the menu and the slideshow Example of a site that uses: 1) Flash as an introductory page 2) Also, still uses tables for layout

Acronym for...

Acronym for … Hyper Text Mark Up Language

Basic Page Layout My first Web Site Your content

Syntax Content Nesting -having open and close tags

Syntax Only element without an end tag

 HTML was designed to display data Formatting  XML (Extensible Mark Up Language) was designed to transport and store data.  XHTML: HTML + XML Stricter version of HTML (tighter syntax)

What was CSS designed to do? How does it work?

Format separated from content  Different style sheets for different outputs  Can change look and feel of site by linking to a different style sheet Flexibility of layout

Red Text In HTML, would code in page: Red Text

In CSS, could do: Red Text

In CSS, could define all body text to be red: body {color:red;}

I want this paragraph to be red. And the next paragraph too! In CSS, could define one section to be red: I want this paragraph to be red. And the next paragraph too!

w3schools Try the interactive tutorials related to HTML Get a Head Start on the Technical Basics