Talking to the browser

When we code in HTML, CSS, JS, etc. we are communicating to the browser. That’s what we do as web designers. We are telling the browser how to display content. The browser understands many different languages. It understands, HTML, CSS, JavaSript, XML, SVG and others. Each of those languages have their own syntax. For the browser to interpret the languages correctly we have to tell the browser which language we are using.

For example, when we link an external stylesheet, the browser is expecting to see only CSS characters in the .css file. We link it as <link rel="stylesheet" type="text/css" href="someFileName.css">. We are telling the browser that we are linking a file that has a relationship to the HTML file as a stylesheet and is using text characters that should be interpreted as CSS code. The browser is expecting something very specific. If you give it something other than what it is expecting, you will get errors.

The > character does exist in CSS, but it doesn’t mean the same thing as it does in HTML.

Containers

There is no <container> tag. When we use the term container, we’re talking about function. The header tag “contains” markup that goes at the top of the page. The <header> tag IS a container tag.

A div tag is a very general container. It stands for division. At one time, it was all we had so we used it exclusively and one page could have dozens of div tags in them. It got pretty confusing. In order to distinguish one div tag from another, we gave them id attributes.


<div id="wrapper">
<div id="header">Some content including a logo, page heading, and navigation also in a div tag</div>
<div id="mainContent">
<div id="aside">Some content</div>
<div id="article">Some content</div>
</div
</div>

With the new version of  HTML, we have additional tags that act as containers that have more meaning (semantic); header, section, article, aside, nav, footer, etc. In general, if there is a tag that makes more sense to use, i.e. a nav tag contains navigation code, then use it. If you need to put code in a container, and there is not a semantic tag that does the job, then use the div tag.

Multimedia Design Course

Design is the process of thinking through the needs of a project prior to committing resources to its production. Before you start coding, drawing, painting, create CAD drawings, forming a production team or seeking funding, you have a proposal that describes the scope, purpose, outcome, and features of the project. The Multimedia Design course at Nashville State Community College is a 13 week instructor-led class designed to help you get clear about your interactive project.
In the course you will create the pre-production documents for a mobile interactive project of your choosing. You will create summary documents, outlines, flowcharts, treatments, wireframes, storyboards, scripts, and typical examples of the content the project will contain. You will get clear on the purpose, audience, goals, and outcomes. You will create a set of documents that clearly lay out your project so that you can clearly communicate the details to your production team. Then you will create a script and storyboard for a Kickstarter video that introduces that project idea to an audience for the purpose of attracting funding. The idea is that all aspects of a project must support its goals, so getting clear on the goals is the first step.
The course is part of Nashville State Community College’s Multimedia Design concentration in the Visual Communications Associate in Applied Science degree. While the course is part of a degree, anyone from the community can enroll as a non-degree seeking student.

Details:

Course Name: COM2020 Multimedia Design
Day/time: Monday 1-4PM
Location: Nashville State Community College, Main Campus (White Bridge Rd), Clement Building (C-108)

For more information contact:

Dale Rogers, M.Ed.
Assistant Professor, Web & Multimedia Design
Nashville State Community College
dale.rogers@nscc.edu
ofc: 615-353-3504