|Assignments due in one week unless otherwise stated. I may add some things during the week, so double check the schedule each week! If an assignment does not have a grade it may mean that you need to fix and resubmit.|
My office hours are 1 on Monday, 10 on Tuesday, 1 on Wednesday, 10 on Thursday.. If it turns out other hours work better
for students these may change, so check back.
I will send out the information to contact me on Zoom. I will post availability but you can also set something up with me.
Downloading WinSCP on your PC by SI Joe Fletcher
There is access to WiFi from your car under the solar canopies on the Fall River Campus.
Week of September 13th
|Wed I have a doctor's appointment and need to cancel my office hours.
Continue reading about and reading RWD both at sites and on youtube, there is a lot of interesting information. You should also look at UX Design.
I would like you to do some research on how to integrate both background images (background to a division etc) or regular images effectively into a page that will work on all sizes of media. Then show me your results. (second assignment below)
Here are some references suggested by a student. When you send me yours I will post them:
RWD at W3 schools
Guidelines for responsive web design
Your first assignment is to draw your own original layout of 8 or more boxes (include some images) and the arrangement they would have at different screen sizes and then implement your design. The current wisdom is to start out with the smaller device and move to the bigger.
Your second assignment is to make a RWD page that is inspired by the research you have done. I want something reasonably complex and it should include one or more images and a background image.
Your third assignment is to look up UX Design and send me a page explaining what you found.
Week of September 6th
INFORMATION:Please read some articles and watch some videos on Responsive Web Design. I have some possibilities under presentations/smartboards and links.
Look at the W3 schools information on Responsive Web Design.
Find and read two more articles or videos on Responsive Web Design and tell me the addresses.
ASSIGNMENTS TO DO:First: I want you to experiment with writing a page that decreases columns and changes other aspects of the page. Essentially experiment with something that would work on full screen, on a pad and on a phone.
Second: Changing layout Your next assignment is to create a page that shows the 6 boxes and their movement as the screen increases and decreases. Follow the images on the pdf.
Third: Write a third page that experiments with other layout changes that you encounter in your research. Please include an image that diminishes in size to fit the layout.
Fouth: Don't forget to give me the address of the articles and videos you used to understand RWD.