Questions
- How do I adjust the length of div's border?
- Site looks different when I upload it to the FileZila.
- How to change image on hover
In class review: Final projects
- Ifah Pantitanonta :: Site URL
- Grace Oh :: Site deck | Site URL
- Lihua Jin :: Site deck | Site URL
Paid summer internship
Introduction to Wordpress
- Wordpress is the leading platform for creating customizable websites that clients can manage
- It's extremely powerful in terms of flexibility and relative ease of use. It's also free!
- Wordpress is what is typically called a CMS, which stands for Content Management System
- I have created "an instance" of Wordpress for each of you on our new webdesign.sva.edu server as follows (password is the same as FTP):
- Your wordpress instance: webdesign.sva/edu/wp/<your MySVA username>
- Your wordpress login: webdesign.sva/edu/wp/<your MySVA username>/wp-login.php
- Let's explore...
Usability Testing
- Once your website is fleshed out enough and all the links work, it's always a good idea to perform a usability test to ensure that the assumptions and design patterns that you've made actually work
- this Google form is an example of a simple usability test
- When you're administering the test, say that you're in the midst of designing a website and you could use some honest feedback—it'll just take 5 minutes
- While you can send the form over email, it will be much more useful to observe someone interacting with the site (a family member, friend, roommate, etc.)
- It's important to maintain perspective when you administer these types of tests. Do not automatically start changing your website because one person had a problem with something.
- You need to evaluate the criticism and determine whether it's valid and whether accommodating it will benefit all users, not just the one who complained
Introduction to Javascript
- Like PHP, Javascript is a programming language. The difference is that PHP is executed on the server (before the page content is sent to the viewer) and Javascript is executed in the browser (after the page is rendered)
- You may like this or you may hate it, but there's no way to know until you try!
- Here's an example that shows how we can create a function to convert human years to dog years
- Hover example with jQuery
Final project
Deliverable: Publicly accessible URL
- Taking class feedback into account, make the final changes to your website
- Make sure all links work from all pages!
- Upload your the final version of your website to your domain name and submit that URL
- Make sure it works on desktop and on mobile (check on your phone)
Submitting Your Work
Due Monday, 5/6 @ 10AM
Make sure all links are publicly accessible (your grade will be lower if I cannot access your work). To make sure, open up a new private/incognito browser window and test all links before submitting. After the links have been tested, submit them to this Google Form.