Showing posts with label web design. Show all posts
Showing posts with label web design. Show all posts

Wednesday, March 15, 2017

How to Create Webpages In Canva

Canva is known for its great graphic design tools. You've always been able to download your Canva graphics and upload them to your website. A few months ago Canva introduced the option to publish your graphics as webpages and or embed them into existing webpages. As I wrote earlier this week, using the publishing option in Canva is a great way to create simple storytelling websites. In the video embedded below I demonstrate how to create and publish a simple webpage through Canva.


Life With Dogs by richardbyrne

Monday, April 11, 2016

Three Good Places to Learn HTML & CSS Skills

Visual editors in blog and website platforms like Blogger, WordPress, and Weebly make it easy for anyone to create a webpage in relatively little time. The appeal of those tools is that you don't have to learn code in order to make a blog or website. The downside to relying on visual editing tools is that if you don't understand the code it can be hard to make corrections when something does go wrong. Not knowing HTML and CSS also limits you in terms of design formatting.

Over the years I've taught myself the basics of HTML and CSS through online tutorials. A quick Google search will lead you to plenty of online tutorials that you can use to teach yourself or your students some useful HTML and CSS skills. The following are the resources that I frequently recommend.

A Beginner's Guide to HTML & CSS is a nice resource developed by Shay Howe whose resume reveals that he works on the user interface for Groupon among other projects. Shay currently offers twelve text-based lessons for beginners. Once you've mastered the beginner lessons you can try your hand at the ten advanced lessons offered on the site. 

Thimble is a free Mozilla product designed to help users learn how to write HTML and CSS. Thimble features a split screen on which you can write code and see how it works at the same time. On the left side of the screen you write your code and on the right side of the screen you instantly see what that code renders. If you write the code correctly, you will know right away. Likewise, if you don't write the code correctly, you will know right away. Some of the sample projects you can work with include webpages, games, and avatars.


w3Schools has long been my go-to place for quick directions when working in HTML. If I get stuck while working on a project, a quick visit to w3Schools usually reveals the help I need to get past a stumbling block. If you're completely new to writing HTML start with the introductory sections of w3Schools to learn the basics.

Bonus tip: 
Once you've become familiar with the basics of HTML and CSS you may find yourself venturing into things not covered by the tutorials featured above. At that point you may want to consider joining the community at Stack Overflow to ask questions and or answer questions from other community members.

Thursday, November 1, 2012

College Students Can Learn to Code for Free

Treehouse is a service that offers online service that offers web design and coding lessons on a subscription basis. Right now they're accepting applications from college students for free lessons. Treehouse plans to give away subscriptions to 5,000 randomly selected college students. To enter to win a subscription students do need to complete the short form at the end of Treehouse's announcement. Entries are being accepted through November 9, 2012.

Applications for Education
College students that want to learn to code while also maintaining their current programs in other areas, may want to give Treehouse's program a try.

Wednesday, April 4, 2012

Learn HTML Fundamentals at Codecademy

Codecademy is a place where anyone can learn how to write code. The only problem was Codecademy's early lessons assumed that you already knew or could figure out some HTML basics. As I learned through Mashable on Monday, that has changed.

Codecademy is now offering lessons in basic HTML and CSS. Now even people who can't code a hyperlink can learn to program. Codecademy's new lessons in basic HTML start with the very basics of explaining what HTML is, what it does, and how to write the basics. There are seven progressively more difficult lessons that students can work through on their own.

Applications for Education
Whether as part of formal class during the school day or as part of an after school club activity, Codecademy's lessons could be fantastic for helping students learn how to develop webpages. Once they have the basics down, students can progress to more difficult challenges like building web applications.

Thursday, November 12, 2009

Livebrush - Free Powerful Drawing Software

Livebrush is a free drawing program available for Mac and Windows computers. Livebrush offers a wide array of drawing tools for creating beautiful shapes, drawings, and designs. The built-in tools allow users to create a simple sketches with just one or two strokes of the paintbrush. Users can combine as many brush strokes as they like in their drawings. For example, the flower shape in my sketch below was made with just one brush stroke.
















To see Livebrush in action, watch the video below.


Applications for Education
Livebrush could be a good resources for students to use to create designs and logos for use in presentations, in a Glog, or for t-shirts to sell as school fundraisers.

Friday, April 3, 2009

Font Burner - 1000 Fonts for Blogs

Font Burner is a collection of 1000 fonts that can be used for free in your blog or website. I've been playing with different fonts as I work on a blog redesign. I just learned about Font Burner today, but I am already impressed by the collection of fonts.

Applications for Education
If you teach web design or you just have some students that are interested in really customizing your class blog or website, Font Burner could be a good resource for you.

A related resource that may be of interest to you is 1001 Fonts to Make Presentations Better.

FREE National Geographic map with purchases $65+!