Today’s topic is CSS review (build a float: layout) and work on your sites.
First, here is a demo of a fixed <header> (with a jQuery slider) that I did for the 430 course. And you might want to have a <div> under that with a big background ("hero") image. Take a look at background-size from MDN.
You might want to try Filezilla and FTP a test page to HOST= alpha.lasalle.edu PORT = 22 (first time only) if you have not tried that for a while (user name is your normal one; password is the La Salle one: 1234567.abc where 1234567 = your La Salle ID, and abc = first three letters of your user name lowercase). Note that you will have to be on campus to do this. For later, here are some details and extra tips on that in my Posting Tips.
Some other tips and suggestions:
- Each page is a separate html file. Relative links are then simply
<a href="resume.html">.- Consider creating a separate links page that annotates those links.
- Your site should have at least 300 words of text.
- Try the TARGET="_blank" and TITLE="Stuff written here" attributes for your links and also for your images (works better than alt="blah blah" in some browsers).
If your grid from the previous assignment is not working, look back at the Adobe page or my float example (that includes a footer). and we will build one starting today, going from this page. It could look like this (centered, with your choice of colors).
Site maintained by John Beatty