150 likes | 272 Views
Web Pages Made Easy. Information, tools, tips, and tricks for creating functional and friendly web pages. Geoff Latham. Workshop Breakdown:. Introduction/Instruction/Presentation – 45 minutes Hands on Work time / Construction Demo – 45 minutes
E N D
Web Pages Made Easy Information, tools, tips, and tricks for creating functional and friendly web pages. Geoff Latham
Workshop Breakdown: • Introduction/Instruction/Presentation – 45 minutes • Hands on Work time / Construction Demo – 45 minutes • Group sharing, evaluation, Q&A, Final thoughts – 30 minutes
Who is this guy? • Geoff Latham teaches Visual Arts at Coahoma Agricultural High School on the campus of Coahoma Community College in Clarksdale, MS. • Has been designing web pages for fun and profit since 1996 and in addition to the visual arts has a background in journalism, media writing, photography, as well as musical and theatrical performance. • Reach me at geoffreylatham@gmail.com and look for me on Facebook, Myspace, or at geoffreylatham.com
My Philosophy of Web Design • Web pages should be informative, visual pleasing, and inviting to visitors. • Three watchwords for any good web page are functionality, readability, and navigability. • Good Web pages are 80% Creativity and 20% THEFT! • Less is more. Clutter Kills. There is such a thing as TMI • Like any visual art form, the elements of art and principles of design bear consideration in its construction.
YOU CAN BUILD A WEB SITE!!! If you can… • Make a flyer • Design a Brochure • Type a letter • Take a picture • Copy and Paste • Drag and Drop • Email
Habitat of the elusive wild web page • Server – a computer that hosts directories and files where your page lives and is accessed on the web.
Habitat of the elusive wild web page • Directory – folders on a server that can be accessed from the web and help to keep sites, pages, and the files they use, organized. www.yoursite.com/Image Files/Photo.bmp
Habitat of the elusive wild web page • Site – A collection of individual web pages hosted together and designed for a central purpose or working together as components of an overall greater document.
Anatomy of the elusive wild web page • Page – an HTML document that a web browser reads. This is the basic element of web design. • Any document, flyer, brochure, power point slide, or any other number of information sources can be easily turned in to a page. Pages typically consist of components such as text, images, tables, and links. (Hyper-TextMarkupLanguage)
Anatomy of the elusive wild web page Title Menu -> Bulleted List Assorted Eye Candy
Things to consider before beginning… • What purpose does my page serve? • Who is my target audience? • Who/What is represented by my web page? • What is the level of my technical expertise? • How much time am I willing to dedicate to maintenance and upkeep?
Initial Web Page Project • Objective: Create a simple informative web page with a background image, a title, a heading, easily readable text on at least 2 different fonts/styles, a simple menu of hyperlinks (either vertical or horizontal), and a few images. Suggestions: • Using tables to help position text and images can give your page a less “basic” look. • Using subtle colors makes your page easier to read and is less “tiring” on the eyes. • Using scaled images and thumbnails that link to full size images helps to make your page flow better and fit all in the browser window.
Work Time! • Spend about 45 minutes working on your own web page either using Microsoft Word, the freeware design tool provided, or your favorite document editor. • There are tips specific to Microsoft Word located on the example page in your Web Pages Made Easy folder. • After you are done, save your work as “index.html” in a folder on your desktop labeled yourlastname_page. Your project will be transferred to a flash drive and moved to this computer for review by the group.
Final Thoughts… Your web page is a great way to showcase student art work, to disseminate information to parents / students, and to demonstrate to your administration your technical skills and desire to share your students’ achievements with the world. Don’t be afraid to experiment, explore, and learn more about web publishing. It gets easier and more flexible every day. Both you and your students have something to contribute to the “global conversation,” be sure your/their voices are heard!
Thanks so much for your time and participation! • I hope you found our time together informative and the tools that were shared useful