Class 15 – Driving Traffic to your Website & Converting Leads

Exhibit Site Presentations You have a website. Now what? Read more at http://www.cantaloupedigital.com/so-you-have-a-website-now-what/ Create a website strategy The Key to Website Conversions We’ve covered some of this but pay special attention to the SEO section… Jane_clark_pres2016_FUP_web It’s all about strategy. Read: http://www.tributemedia.com/blog/i-built-my-website-now-time-for-web-marketing Your website gets 3 different kinds of traffic Direct – website url is typed directly…

Class 14 – Publishing your Website

Final Exam: Exhibit Site Presentations Checklist before publishing your site: Title your pages Search Engine Marketing SEO – Search Engine Optimization. Read: http://searchengineland.com/guide/what-is-seo Social media integration – Sites with seamless social media integration | Sharing tools: Add this Directories – Important for SEO. Example: http://www.webdesigners-directory.com, yelp, yellow pages, angie’s list, etc Create external css and link to html files Domains…

Class 11 – Fun stuff to do with CSS

It’s not scary. I promise! Activity 0: Border Radius with CSS (Rounded Corners) Good reference: http://www.css3.info/preview/rounded-border/ You can make all corners the same radius, or you can make each corner a different radius. Example: #example1 { -moz-border-radius: 15px; border-radius: 15px; } Activity 1: Css drop shadows (shadow text) – Does not work in earlier versions of IE Homework: http://designshack.net/articles/css/12-fun-css-text-shadows-you-can-copy-and-paste/ A…

Class 9 – Frames and Photo Galleries

Frames: Several web pages can be displayed in the same browser window. Special Note: Will be obsolete in the future. Pros and cons – a good reference: http://websitetips.com/articles/html/frames/ Iframes: Used to display a webpage into a webpage. Good Reference: http://www.w3schools.com/html/html_iframe.asp Example: embedding google map Activity 1: Add an Iframe to an html document. Step one: Have an html document…

Class 5 – The CSS Box Model

Go over Homework from Class 4 Get Started: Manage class 5 site in Dreamweaver Css Box Model All HTML elements can be considered boxes. In CSS, the term “box model” is used when talking about design and layout. Read more about HTML Elements: http://www.w3schools.com/html/html_elements.asp Margin – Clears an area around the border. The margin does not…

Class 3 – Typography & Web Design

Review homework from last class Show off your web page creation Continuation from class 2: Dreamweaver’s Editor Using Dreamweaver’s WYSIWYG Editor (Design View) for above activities Typography & Web Design 2 Major font classifications: Serif vs. Sans-Serif Activity 1: Read: http://visual.ly/serif-vs-sans-final-battle Which is better for the web? Things to Consider for Typography on the Web…