2.4 - Jazzing Things Up
Note: Replit HTML web pages are "forever" as long as they are simple (no server backend like nodejs, C#, Java, PHP, etc).
Now we know the basics of HTML and how we can use CSS to make our pages have a specific look.
<link href="filename.css" rel="stylesheet" type="text/css" />
See the image below for an example of proper organization of files.
coding anything easier!
Today's Lesson: 2.4 - Jazzing Things Up
Have you inspected your own page(s) from the 2.1, 2.2, or 2.3 projects?
Failed to load resource: the server responded with a status of 404 ( ) /favicon.ico:1
What is that error? What's a favicon?
They should be 16x16 pixels (sometimes 32x32 is ok).
.ico files are highly encouraged and preferred
Styling a webpage (or entire site) can take the majority of your time. Ever been stuck picking a font or slideshow template?
Style vs. Content = Chicken vs. Egg
My recommendation is to have content first. Make the content really good and captivating. Worry about style second.
Let's talk about style and content, as it pertains to your RST for this course...
Today's Task(s) / Homework
Create a favicon that represents you (it will be used in your portfolio of work)
Upload and apply the favicon to your RST project in Replit (you can also change it later)
Start thinking about the layout of your portfolio and brainstorm the look and feel of your portfolio. Maybe even use a Replit drawing to help visualize things.
How about no extra today. Cool? Cool...