The Mass Effect video game franchise is well known for both its award-winning gameplay and its stunning sci-fi graphics. It may take a while, but it will be well worth it, as soon as you see the beautiful designs and read the digital text that you can create. To start, you will need to find a good font manager program that will allow you to view all the fonts you have on your computer, and pull up specific fonts as you need them. Insert the HTML into the TryIt Editor The cropped image is displayed.Downloading on your computer is not a hard thing to do, but it could be the start of a new era of welcoming fonts in your life. Example of morgueFile Image Sourcing Sourcing an image on Adjust the size of your image manually and click ‘Finish’. Test your HTML file on the TryIt Editor as well as a pure HTML file on a minimum of 2 browsers. Theme for the web page: Urban Environment (Cityscape)Ĭreate a title for your page (that needs to be used in the head section). Make the image gallery linked to actual images (use morgueFile) and insert thumbnail images for it as well. Make the buttons active hyperlinks, link them to different posts on this blog. TryIt Editor example of a image gallery Example of a Web Gallery: Your Task – AssessmentĬreate a Web page with a title, horizontal navigation bar and an image gallery with 6 – 9 images.

Instructions on how to create an image gallery with images and image descriptions Base your images on existing images found on morgueFile. Learn how to create an image gallery, but this time use the div element when creating it. Instructions for changing font styles on W3Schools Various Designs for a Horizontal Navigation Bar from PSD Graphics Create an Image Gallery TryIt example for a horizontal navigation bar on W3Schools Specify a colour for your buttons, and a font for your text. Learn how to create a horizontal navigation bar in a button format. Instructions for changing font styles on W3Schools Example for Vertical Navigation from Create a Horizontal Navigation Bar TryIt example for a vertical navigation bar on W3Schools Instructions for how to create a navigation bar in CSS on W3Schools

Learn how to create a vertical navigation bar in a button format. Take 5 mins to look through this excellent reference: W3Schools CSS Reference Create a Vertical Navigation Bar It is easy to get overwhelmed when applying CSS to HTML.

Your Task: Create a Web page with a horizontal navigation bar and a 6 image gallery.

Create an image gallery using the div element.

Screenshot of a Sample Design Gallery – Source: Today you will look at how to:

You have by now gained a basic understanding of HTML and CSS.

Mass effect font dafont