Narrating and Demonstrating the Work We Do
It’s dark and quiet but not for long. Soon alarm clocks will ring, the house will fill with sounds of morning and the sleeting outside will become visible. Coffee in hand, yawning, I am trying to conjure even a bit of the enthusiasm I had last Tuesday following the first You Show session with Alan […]
Instragrok is a handy web/app research tool.
Learn CSS layout by making a fake facebook page.
Update on my #teachtheweb fake facebook tutorial:
I will get CSS layout. I will get CSS layout…If I keep repeating it will it happen?
I got really close. I just can’t get my columns to float correctly. Click on remix to see the code. This is pretty much the first thing I ever wrote from scratch.
If you want to help me figure out my error. It will be appreciated.
Things left to do:
We super appreciate all your sharing for the YouShow, here and in the twitter stream.
I will note that because your updates are appended to the top of a Wordpress Page on your site (which does work as a way to keep a running log), the updates will not propagate to the You Show site. What does get transmitted is an update when a comment is added (because the only RSS feed for a Wordpress Page represents its comment history).
So… because we believe You should do Your Show any way you like– if you added a comment to this page when you add update, our site will get a notification.
Who am I kidding? I’ll never get around to the ones I want to read in the video embedded above. The plenty of the Internet is appalling. Consider the Diigo outline of pages/posts/sites that I have vacuumed up this week that all DEMAND to be properly attended to, to get the maximum curation they deserve. … Continue reading Minimum/Maximum Curation Theater →
Making digital stories with Adobe Voice … Easy peasy.
I am applying for a grant to start webmaker clubs in New Haven libraries. I have been thinking about my curricular map:
Learn about HTML while putting yourself on the front page.You will:
This aligns to the following competencies in the web literacy map
Composing for the web
Inserting hyperlinks into a web page
Embedding multimedia content into a web page
Creating web resources in ways appropriate to the medium/genre
Identifying and using HTML tags
Additional skills:
Learn how to change the color and placement of text using CSS.
This aligns to the following competencies in the web literacy map:
Structuring a website.
Creating web resources in ways appropriate to the medium/genre
Identifying and using HTML tags
Identifying different parts of a website using industry recognized terms.
Using CSS tags to change the style and layout of a Webpage.
Design a business card for your digital identity: You will:
This aligns to the following competencies in the Web Literacy Map
Identifying different parts of a website using industry recognized terms.
Using CSS tags to change the style and layout of a Webpage.
We will now apply all that we learned and create an about me page you will:
This aligns to the following competencies in the web literacy map:
Structuring a website.
Creating web resources in ways appropriate to the medium/genre
Identifying and using HTML tags
Identifying different parts of a website using industry recognized terms.
Using CSS tags to change the style and layout of a Webpage.
We will practice our CSS layout to make a poster about one of your favorite quotes. You will:
This aligns to the following competencies in the web literacy map:
Composing for the web
Structuring a website
inserting hyperlinks into a web page
Embedding multimedia content into a web page
Creating web resources in ways appropriate to the medium/genre
Identifying and using HTML tags
Identifying different parts of a website using industry recognized terms.
Using CSS tags to change the style and layout of a Webpage.
Demonstrating the difference between inline, embedded and external CSS
In this activity you will apply what you have learned about CSS layout to make a fake facebook page for a character from a book, a hero, or a historical figure.You will:
This aligns to the following competencies in the web literacy map:
Composing for the web
Structuring a website
inserting hyperlinks into a web page
Embedding multimedia content into a web page
Creating web resources in ways appropriate to the medium/genre
Identifying and using HTML tags
Identifying different parts of a website using industry recognized terms.
Using CSS tags to change the style and layout of a Webpage.
Demonstrating the difference between inline, embedded and external CSS
Performance Assessment: Create a Portfolio of your Makes
You will now use all that we have learned and the code in the learnlayout.com tutorial to build a website to show off your makes.
In addition to all of the other composing competencies covered in this module you will:
Improve the accessibility of a web page by modifying its color scheme and markup
Iterate on a design after feedback from a target audience
Reorganize the structure of a web page to improve its hierarchy/conceptual flow
Webmakers who successfully complete of the portfolio can apply for the composing for the web, remixing, and design and accessibility badges.
Here are a few media pieces I made for a course a few years ago. Don’t laugh, but they were all made with PowerPoint. My granddaughter, Kiyana, had fun helping me with the video about girls.
Fake facebook
File this one under pitch.
I said my next #youshow would be about CSS animation.
I changed my mind. I need to learn, and by that I mean teach, layout.
I am going to use http://learnlayout.com to build a spoof facebook page.
…
I’m going a little meta on this post… My wife and I were somewhat lazily enjoying this Saturday morning over coffee and a smoothie, chatting about the YouShow and such. She mentioned that she always feels like the stuff that… Continue Reading →