By Scott Fegette | Sunday, June 28, 2015
HTML truly powers the Internet.
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
It all started with a Tweet:
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 7, 2015
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 5, 2014
“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 9, 2014
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 2, 2014
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 7, 2014
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
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.
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.
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 Converse
• CSS: Core Concepts
• CSS: Page Layouts
You can change your email preferences at any time. We will never sell your email. More info
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:
Keep up with news, tips, and latest courses with emails from lynda.com.
We've updated our terms and conditions (now called terms of service).Go Review and accept our updated terms of service.