Howard College Web Site
The following videos will help you learning weebly as well as understanding this assignment. You do not have to watch them, however, they go step by step what you need to do. I highly recommend you watch them all.
You may also want to refer to these videos later to remember how to accomplish certain things in weebly.
I divided the video up into sections to make it a little easier to find what you are looking for.
I do suggest you watch the video on submitting the form when complete as if you do not do that step correctly I will not be able to grade your site. (YOU WILL DO THIS STEP ON ALL SITES YOU SUBMIT.)
NOTE: These videos were recorded in 2016, so there might be slight changes in the weebly interface if you are watching them in 2017 or later. I did add the captions in February of 2017, and caught a few things. I either noted them by adding a pop up on the video, or made mention in the caption, or added a note in the text below the video. If you notice something I missed, let me know and I might be able to add it to the text below the video.
You may also want to refer to these videos later to remember how to accomplish certain things in weebly.
I divided the video up into sections to make it a little easier to find what you are looking for.
I do suggest you watch the video on submitting the form when complete as if you do not do that step correctly I will not be able to grade your site. (YOU WILL DO THIS STEP ON ALL SITES YOU SUBMIT.)
NOTE: These videos were recorded in 2016, so there might be slight changes in the weebly interface if you are watching them in 2017 or later. I did add the captions in February of 2017, and caught a few things. I either noted them by adding a pop up on the video, or made mention in the caption, or added a note in the text below the video. If you notice something I missed, let me know and I might be able to add it to the text below the video.
Video 1
Logging Into weebly for the first time
You will need the weebly email I sent you with your weebly user name and password.
1: Log in to students.weebly.com
2: Put your username and password supplied in the boxes
3: Name your sub domain
1: Log in to students.weebly.com
2: Put your username and password supplied in the boxes
3: Name your sub domain
Video 2
Getting Started
Read the Assignment
Be sure to read the ENTIRE assignment. Read the check off list. Make sure you do all that is assigned.
You will see how/where to download items.
NOTE: You will need these images in your site next week ... the HC logo will need to be on your home page and the athletics one will need to be on the sports page.
You will see how/where to download items.
NOTE: You will need these images in your site next week ... the HC logo will need to be on your home page and the athletics one will need to be on the sports page.
Video 3
Picking A Theme
Adding Pages
How to pick and choose a theme.
How to add pages.
Make sure your first page is named Home.
REMEMBER TO PUBLISH OFTEN!
How to add pages.
Make sure your first page is named Home.
REMEMBER TO PUBLISH OFTEN!
Video 4
Add Content to the Site
How to add banner info.
Add template or regular layouts.
Editing the templates/layouts.
Remember if you use a template, make the links on any buttons work.
Also, for this lesson, the pictures don't really matter, but for the next lesson, all pictures will have to relate to the site (we will edit this site in the next week or so.)
Add template or regular layouts.
Editing the templates/layouts.
Remember if you use a template, make the links on any buttons work.
Also, for this lesson, the pictures don't really matter, but for the next lesson, all pictures will have to relate to the site (we will edit this site in the next week or so.)
Video 5
Correcting Errors
NOTE: For Spring 2017 class -the video mentions inserting the BABY PICTURE on the picture page, for 2017, I already gave you a grade on that picture, so you do not HAVE to include it on this site. As of February, 2019 - I took the baby picture part OUT - You do not include that. You can as it will give you practice on uploading pictures to the site, but you will not loose points if you do not post it. You were also supposed to make a web button with that lesson, if you did, include it on this page.
How to correct errors.
Fix text formatting.
Change pictures, remove items.
REMEMBER TO PUBLISH OFTEN!
How to correct errors.
Fix text formatting.
Change pictures, remove items.
REMEMBER TO PUBLISH OFTEN!
Video 6
Exiting Weebly
Coming Back to Weebly to Continue Your Site
NOTE: For Spring 2017 class -the video mentions inserting the BABY PICTURE on the picture page, for 2017, I already gave you a grade on that picture, so you do not HAVE to include it on this site. The baby picture MAY NOT BE PART OF YOUR ASSIGNMENT = As of February 2019 - I took that part out. You can as it will give you practice on uploading pictures to the site, but you will not loose points if you do not post it. You were also supposed to make a web button with that lesson, if you did, include it on this page.Before you leave weebly each time ... PUSH THE PUBLISH BUTTON.
How to sign out.
How to log back in and continue to work on your site.
How to sign out.
How to log back in and continue to work on your site.
Video 7
Submit Your Website
MAKE SURE YOU WATCH an do this one
BE SURE TO DO THIS STEP!!!
How to submit your site for grading. VERY IMPORTANT!!! WATCH THIS VIDEO!
Weebly.com Page
- tiDUE DATE: Friday at 7PM
LOOK AT A PAGE MADE BY A STUDENT IN A PREVIOUS SEMESTER
Click here (or go to http://howardcollege.weebly.com/ copy and paste if need be- depends on your browser) to see an example made in a previous class (NOTE: this student had previous web design experience, yours will not need to have as much as this one. Just want you see what is possible.)
Password is : HC1316 (Make sure to use a capitol HC)
Assignment:
The purpose of this lesson is to introduce you to the weebly web site builder. There are several different website builders on the web. Most are known as a wysiwyg site designer. What You See Is What You Get. This entire site is built and located on weebly.com
This type of designer does not require you to know HTML code. This is good as you can be up and running much faster. However, you do not have as much control over content or design with this type of editor. Most web designers use a program like Adobe Dream Weaver that allows wysiwyg and allows you to see and edit the code as well. (With weeblys recent update you do have limited html control. We might touch on that later in the semester.)
Your assignment for this week is to use this web site editor to make a Howard College web page.
Include the following:
* Three (Pages Tab) Do not include extra pages at this point - only these three (Titles of tabs MUST be HOME, SPORTS and PICTURES.)
PAGE 1 - INTRO - HOWARD COLLEGE PAGE
PAGE 2 - SPORTS Offered at Howard College
PAGE 3 - PICTURE PAGE - Include HC pictures
Any BONUS items you want to add (No extra points for Bonus items, just so you can learn some options.)
BONUS
* Map (Basic)
* Image With Text (Media)
* Multiple Columns (Structure)
* You Tube Video (Multimedia)
* Contact Form (Basic)
You are to design a basic Howard College Web Site. You do not need to be too detailed, just learn how to use as many of the sites tools as possible.
For Howard College resources, go to the Howard College Info tab at the top of the page. Click the link below to get some HC pictures/logo - you may also use anything off the main HC site.
NOTE: This is for the class project ONLY - do not use items off other sites unless they are PUBLIC DOMAIN - we will go over this later in the class - or unless you have WRITTEN permission to do so.
Click the LINK below for HC Files for your web site!
Howard College Resources For Web Site (http://hcwebdesign.weebly.com/howard-college-info.html)
When completed, you will need to let me know where your web page is. You can use the form on the resources page or the assignment turn in inside of blackboard. If you use the form, I may reply to that email address with feedback (if any) If turned in Blackboard, the feedback will be inside Blackboard under feedback (if any.) Grade will be posted in Black board asap, usually prior to the next weeks folder opening. IF YOU DON'T DO THIS STEP, I CAN NOT FIND YOUR SITE TO GRADE IT :-(
LOOK AT A PAGE MADE BY A STUDENT IN A PREVIOUS SEMESTER
Click here (or go to http://howardcollege.weebly.com/ copy and paste if need be- depends on your browser) to see an example made in a previous class (NOTE: this student had previous web design experience, yours will not need to have as much as this one. Just want you see what is possible.)
Password is : HC1316 (Make sure to use a capitol HC)
Assignment:
The purpose of this lesson is to introduce you to the weebly web site builder. There are several different website builders on the web. Most are known as a wysiwyg site designer. What You See Is What You Get. This entire site is built and located on weebly.com
This type of designer does not require you to know HTML code. This is good as you can be up and running much faster. However, you do not have as much control over content or design with this type of editor. Most web designers use a program like Adobe Dream Weaver that allows wysiwyg and allows you to see and edit the code as well. (With weeblys recent update you do have limited html control. We might touch on that later in the semester.)
Your assignment for this week is to use this web site editor to make a Howard College web page.
Include the following:
* Three (Pages Tab) Do not include extra pages at this point - only these three (Titles of tabs MUST be HOME, SPORTS and PICTURES.)
PAGE 1 - INTRO - HOWARD COLLEGE PAGE
PAGE 2 - SPORTS Offered at Howard College
PAGE 3 - PICTURE PAGE - Include HC pictures
Any BONUS items you want to add (No extra points for Bonus items, just so you can learn some options.)
BONUS
* Map (Basic)
* Image With Text (Media)
* Multiple Columns (Structure)
* You Tube Video (Multimedia)
* Contact Form (Basic)
You are to design a basic Howard College Web Site. You do not need to be too detailed, just learn how to use as many of the sites tools as possible.
For Howard College resources, go to the Howard College Info tab at the top of the page. Click the link below to get some HC pictures/logo - you may also use anything off the main HC site.
NOTE: This is for the class project ONLY - do not use items off other sites unless they are PUBLIC DOMAIN - we will go over this later in the class - or unless you have WRITTEN permission to do so.
Click the LINK below for HC Files for your web site!
Howard College Resources For Web Site (http://hcwebdesign.weebly.com/howard-college-info.html)
When completed, you will need to let me know where your web page is. You can use the form on the resources page or the assignment turn in inside of blackboard. If you use the form, I may reply to that email address with feedback (if any) If turned in Blackboard, the feedback will be inside Blackboard under feedback (if any.) Grade will be posted in Black board asap, usually prior to the next weeks folder opening. IF YOU DON'T DO THIS STEP, I CAN NOT FIND YOUR SITE TO GRADE IT :-(
For more details, watch the weebly tutorials below or inside of weebly.
As always, if you have any questions, please email me!
As always, if you have any questions, please email me!