Contact Mr. D school email: firstname.lastname@example.org
School Email: https://mail.seminolestate.edu
School Website: https://my.seminolestate.edu
|My YouTube Channel: https://www.youtube.com/channel...|
I will be teaching out of this book in this class. I recommend this series of books.
Get it on : amazon.com/Adobe-Dreamweaver-CC
|You are expected to read each chapter of this book each week. It's a very quick read.
It talks about the users experince and not reinventing the wheel as a designer.
There will be a quiz each week on this book.
Get it on : amazon.com/Dont-Make...
Download the old edition as PDF: Dont_Make_Me_Think-Web_Usability_2nd_Ed_2005.pdf
|1.||Get Domain Name & Hosting /
add HTML page with hyperlinks to class work
.99¢ cent Domain Name with Godaddy.com!!!!
|3.||Graphic Design of Business Website|
|4.||Make Business Dreamweaver template|
|5.||Finish Business Dreamweaver Website|
|7.||Adobe Muse Tutorials|
|8.||Graphic Design of your Portfilio Website|
|9.||Make Portfolio Website in Muse|
Syllabus - Syllabus Agreement Form
- Talk about in-class assignments and home work
- During break Have students go to the book store and get their book
- Talk about Buying USB Flash Drives
Homework: Buy Domain name & Hosting!!!!
PLEASE SAVE USER/PASS to get into domain name providers website that you bought it from!!!!! I can't stress this enough!!! I don't want to hear "I don't remember", because you will be redirecting the domain name to a server that you'll be working off of.
Start on business website: talk to a client, find out what pages they need, what colors they like, logo, design, etc.. make a Project Proposal, start working on a wireframe of the structure of site.
Examples of Graphic Design of Business Website
Go down this column first...
MAC adding Dreamweaver layouts to a computer folder to use in Dreamweaver:
PC adding Dreamweaver layouts to a computer folder to use in Dreamweaver :
Dreamweaver CS6 Opening up the program / manage a site :
- Using a Layout we installed to make a Template in Dreamweaver 'index.dwt'
- Adding a banner in the background header div with css
- Adding an HTML5 tag <nav>
- float sidebar to other side of webpage
- Making vertical navigation from ul list
- Finish vertical navigation positioning
- Fix border color on vertical navigation
- add link to Butterfly logo
- Work on Footer
- Horizontal background image for navigation row
- Drag & Drop image
- Insert Youtube video
- Spry Accordion widget
- Behaviors to make pop up window from link
Creating a Contact Form
- Finish the Dreaded PHP
Examples of Wordpress websites
How to Install Wordpress on Hosting:
- make pages (static webpages)
- make the sample page the post page for the Blog
- Contact Form 7 (plug-in)
- Updraftplus Backup / restore Wordpress (plug-in)
- Wordfence Security Wordpress plug-in
- Use 'Math Quiz' plugin as a Captcha for Contact Form
- Lightbox Plus Colorbox (plug-in)
- Business Directory (plug-in)
- eCommerce - Woocommerce (plug-in)
- Add a new Wordpress theme
Examples of Portfolio Websites
- Make the Master in Muse
- Rollover Buttons
- Finish Navigation Buttons (Social Media Icons)
- Finish Master page
- Upload to Hosting
- Finish content to Home Page
- Contact Form
- errors you can ignore
Let your clients update the Muse website