Join Laura Franz for an in-depth discussion in this video Applying a repeating background image, part of Typography for Web Designers.
We have picked an image we would like to use for our traditional bibliography.…Now we need to add it to our page. You need the files biblio_serif_bgimage.html…and biblio_serif_bgimage.css from the Exercise folder.…You also need the font's folder with the web font files for Chopin Script.…So put a copy of your font's folder into your Exercise folder.…That way Chopin Script will continue to load properly.…You can see I have provided a folder called Images.…
It has our image in it.…Open up the Images folder and you can see the image inside is…called traditional_bg.jpg.…You can name the image anything you want to. I tend to use a bg in my background…images' names, because it helps me to know immediately what the image is for.…It also helps me to search for images in my files.…I also like to include a simple description in the title so my bg images don't…overwrite each other.…If you choose to download an image, you'll find most sites offering background…images use their own naming conventions.…
The names can get pretty abstract and it makes it hard to keep images organized.…
- Understanding how good typography promotes reading
- Choosing web-safe fonts
- Applying web fonts in CSS with @font-face
- Adding and applying the Google Fonts syntax
- Finding and applying a good font size, line height, and line length
- Improving a color palette by improving contrast and reducing optical vibration
- Understanding how people mentally organize, or chunk, visual elements
- Applying a system of hierarchy in HTML and CSS
- Applying vertical spacing in CSS
- Adding emphasis within a heading
- Understanding classic and modernist typographic pages
- Adding a list of links
- Creating drop caps
- Fixing quotation marks, apostrophes, and dashes
Skill Level Appropriate for all
Q: Where can I learn more about graphic design?
A: Discover more about this topic by visiting graphic design on lynda.com.
1. Using Fonts to Communicate the Meaning of a Word or Headline
2. Using Fonts for Text
3. Maximizing Readability
4. Visually Chunking Text
5. Shaping a Page Using Typography
6. Shaping a Traditional Typographic Page
7. Shaping a Modernist Typographic Page
8. Attending to the Typographic Details
Additional resources3m 9s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.