CompSci//Media Arts - Web Design: Layouts & External Scripts

CompSci//Media Arts

Web Design:
Layouts & External Scripts

Today's Goal

Be more efficient through the
use of external CSS and JS.

Completed

Basics of HTML
Basics of MakeCode
JavaScript to change page elements
Creating Links with HTML

Today

Core Languages of the Web
Linking to External Scripts

Upcoming

Starting our Semester Project

Part Zero

Typing Practice

No typing practice today

Part One

Discussing Changes
to Layouts

As we make websites bigger and bigger, making changes to the style and layout can quickly become cumbersome.

Let's talk about that for a moment.

con-0.mp4

Part Two

External CSS

So, how can we reduce this issue. Let's see how we can make our CSS into an external file.

con-1.mp4

Add a video to your slides showing that you can make a change to an external CSS file that then automatically changes the style on multiple pages on your site.

Part Three

External JS

That works for the style, but what if we want to make changes to a menu that may be present on every page.

con-2.mp4

Add a video to your slides showing that you can make a change to an external JS file that then automatically changes content on multiple pages on your site.

On Today's Slide

On today's slide, add your videos related to external CSS and JS changes.

Page updated

Report abuse

Web Design:Layouts & External Scripts