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 2 – Introduction to HTML, CSS & Dreamweaver

Go Over Homework from Class 1 Dreamweaver Getting familiar with the MAC/Dreamweaver bring flash drive Activity 1: Organizing your website files Copying files from server Important: Work off of Desktop, copy to and from flash drive. Do not work off of your flash drive. HTML & CSS What’s the difference between HTML and CSS? (and php!) Read: http://www.johnhaydon.com/whats-difference-between-css-html-php/ Read: http://www.the-webcoach.com/design-development/html-css/what-is-the-difference-between-html-and-css/…

Class 1 – Introducing Web Design

Welcome to VCP 144-02! Introducing Web Design How to use this site Defining web design What is Web Design? Web design is the structuring of a website including the information architecture (navigation, content), the layout and the pages, and the conceptual design with branding. Basic websites are created with HTML and CSS. HTML is short…