Learn it fast with expert-taught software and skills training at lynda.com. Start your free trial

By Scott Fegette | Sunday, June 28, 2015

5 Reasons to Learn HTML

learn html today

HTML truly powers the Internet.

It’s the fundamental technology behind everything you see in a web browser, and it’s used (alongside other tech like JavaScript and CSS) to build everything from simple web pages to complex web applications and services.

But there are lots of good reasons to learn HTML beyond just pursuing a career designing websites.

Here are five reasons everyone should know a bit of HTML.

By Starshine Roshell | Sunday, April 12, 2015

Coding for Kids: 7th Grader Follows in Dad's Coder Footsteps


It all started with a Tweet:

Screen Shot 2015-04-10 at 10.49.43 AM

Suckers for a sweet father-son story, we checked in to see just what this coder kid is working on.

By Scott Fegette | Wednesday, January 07, 2015

Learn How to Build a Website with Dreamweaver — Start to Finish

Learn How to Build a Website with Dreamweaver

Having a website is now table stakes for today’s working professionals (and darn near a requirement for anyone doing business in this day and age), and Dreamweaver’s always been a great choice for building and maintaining websites.

However, Dreamweaver is also a professional application with tons of functionality packed inside, and can prove difficult to learn. Here’s a roadmap showing you how to build a website with Dreamweaver — as well as a strong foundational skill set for building websites in general.

By Starshine Roshell | Friday, December 05, 2014

Professor Gives Students 'Bang for Buck': Swaps Books for lynda.com

John Drake adopts flipped classroom to give students more value

“I’m doing it. Next semester, I’m going all in with lynda.com.”

So begins a recent blog post by John Drake, a web development professor at East Carolina University.

“I plan on chucking my existing textbook and instead requiring students to use the training videos to learn HTML, CSS, and PHP. … I am done lecturing in the classroom for this course.”

By Starshine Roshell | Sunday, November 09, 2014

She Built Lifehacker's #1 Meal-Planning App with lynda.com


Diagnosed with a life-threatening illness as a teen, Jess Dang promised herself that if she lived to age 30, she would do something to help people lead healthier lives.

So at 30, she quit her job at a high-profile company and launched a website that teaches folks how to cook simple meals using real food.

And she credits lynda.com with helping her do it.

By Starshine Roshell | Sunday, November 02, 2014

Our Biggest Fan? He Completed 100 Courses in 10 Years!


People come to lynda.com for different reasons. Some come to learn a particular software. Some come to master a skill. Some come to complete a project.

David Black came to learn InDesign and Photoshop for his printing business 10 years ago—and, well, he never left.

By Chris Converse | Wednesday, May 07, 2014

Planning a Responsive Web Design


As mobile web usage continues to rise, it’s increasingly important that your website functions across all types of devices and screen sizes. The smartest way to provide the best user experience (UX) for today’s technology is to create a website with a responsive design.

By Chris Converse | Tuesday, December 11, 2012

Converting Photoshop designs to HTML

For many designers, the process of designing a website ends with a series of mock-ups that represent how the website should look in a browser. While this is a necessary aspect to web design, it is only part of the design process. Translating the web design to HTML and CSS is as much an art form as it is a technical achievement.

It is my belief that web designers should be responsible for getting their design to the browser. Imagine hiring a print designer to sketch out a design, then provide Adobe Photoshop and Illustrator files to a printer, and expecting the pressmen to do the layout in InDesign. This print workflow is unthinkable. Just as a print designer is responsible for getting the design to the plate, a web designer should be responsible for getting the design to the browser.

While I’m not suggesting designers need to code every page of an entire website on their own, translating the design into HTML and CSS ensures the integrity of the design. Once the design works in a browser, web developers can use that HTML and CSS as a starting point as they implement their responsibilities to the project.

Creating the containers When evaluating your desired layout, one can imagine the structure, or “containers,” that will be needed to replicate the layout in HTML.

Responsive design strategy illustration

Once the HTML structure is in place, CSS is used to assign style and layout to the structure. The combination of HTML and CSS provides the presentation experience of your website. This process is not too far removed from other design methods, and can be mastered by designers in a few months.

Creating your web graphics The process for cutting up small graphics from your Photoshop, Illustrator, or Fireworks document is referred to as slicing. Many web graphic tools have a slicing tool, or something similar, which allows you to specify a portion of your canvas as a slice.

Slicing a Photoshop document for the web

Once portions of your design are specified inside of slice regions, exporting your main canvas results in individual web-ready graphics being created based on the pixels contained within the slice regions.

Assigning layout and style with CSS Cascading Style Sheets (CSS) allow us to give dimension, position, and style to HTML elements on our webpage. CSS is unique in that it accounts for the layout of our page, in addition to typographic style. Another great feature of CSS is the ability to assign images to the background of HTML elements. This gives us a unique opportunity to drive imagery in our design with CSS, instead of HTML. Combine this with CSS3 media queries, and we can change our images, as well as layout, based on the user’s screen size. For more on responsive download and design, see the blog post “Responsive download, not just responsive design”.

If you learn best by doing, my Creating a Responsive Web Design course shows you how to take a design mock-up into HTML and CSS. Learn a start-to-finish process for creating a responsive, CSS-based, backward-compatible HTML5 webpage… all in 91 minutes!

Suggested courses to watch next: • More courses by Chris ConverseCSS: Core ConceptsCSS: Page Layouts

Get the latest news

  •   New course releases
  •   Pro tips and tricks
  •   News and updates
New releases submit clicked

You can change your email preferences at any time. We will never sell your email. More info

Featured articles

A lynda.com membership includes:

Unlimited access to thousands of courses in our library
Certificates of completion
New courses added every week (almost every day!)
Course history to track your progress
Downloadable practice files
Playlists and bookmarks to organize your learning
Start your free trial

Thanks for signing up.

We’ll send you a confirmation email shortly.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.