Welcome to our free Typography tutorial. This tutorial is based on Webucator's Typography course.
Depending on your role in a project, the expectations of the materials you are to provide to your clients or co-workers will vary. Once you choose your type selections and build your style guide, you may opt to go a step further and provide templates that use those choices. This ensures that the users of your materials have less setup and you have better consistency across a large project.
Creating attainable goals and expectations of how each participant in a project will utilize and consume the materials will help set boundaries and checkpoints. The subject matter expert may use typefaces and fonts from Microsoft Word, whereas a graphic designer may use another tool such as Adobe InDesign. The programmer will also interact with formatting using a tool similar to Adobe Dreamweaver to create CSS (Cascading Style Sheets) ,which control the formatting and layout of a web page.
Each member of the team needs to be provided with enough detail in a format they are familiar with in order to implement the consistent application at every level of the project.
Templates can be as simple as a few placeholders to set style, or as complex as a full dynamic template that pulls text and images from a data source. Wherever your needs fall within this range, at a minimum, templates should be established to set the typeface standards.
Before creating your templates, you should make a list of technologies and software that will be used in the full scope of the project.
Once you have established the technologies and software that will be used, the creation of each template can begin.
To create a CSS template using Adobe Dreamweaver:
Organization will be crucial as the project scope grows. Make sure to set storage and naming standards at the beginning of the process to ensure a smooth project lifespan.
Use nested folders, or a CMS (Content Management System) that utilizes meta data with report views to store and find files.
Nested folders are located in: extra-files/RoundRingsInc.
SharePoint CMS using meta data to organize and sort information about each document.
LAN (local area networks) provide a safe, secure location to store a variety of files related to a project. One of the many benefits to using a LAN is that only authenticated users of your internal environment are allowed to access the information. This data also remains at the physical location of the company.
Cloud-based solutions, such as Dropbox, are located off-site and are owned and maintained by a third party. Users purchase an agreement to borrow space for storage. You simply give your users the proper credentials (username and password) so that they may gain access to the storage space. This feature makes cloud-based storage a perfect fit for sharing data with those outside of your organization.
In this exercise, you will create a set of templates to use on websites (Dreamweaver CSS).
If you do not have Adobe Dreamweaver installed, please feel free to use your favorite text editor and browser to alter the HTML code. Dreamweaver is not required, it simply makes the edits a bit faster.