140 likes | 251 Vues
Join Kim Harris, MA, at the Casita Center for Science, Math, and Technology, as we explore essential design guidelines for personal web pages. Learn what makes an effective page, from color combinations and animation usage to understanding your audience and goals. Discover how to create web pages that serve multiple purposes, such as e-portfolios and job seeking. This session will guide you in setting up your page, including transferring it to the TEP web server. Bring your creativity and get ready to design a page that communicates your best work!
E N D
Curricular Integration of Technology • Guest: Kim Harris, MA 1998Casita Center for Science, Math and TechnologyVista Unified School District
Break time! • Meet back here in 15 minutes:
What makes for a good personal web page? • Let’s look at some of the ones you selected. • General features to have: • First page all on one screenful, with links • General features not to have: • Bad color combinations • Badly used animations
Design guidelines • One screen in size if at all possible (with links) • Careful and planful use of animation • Care with colors and backgrounds
Personal web pages • Who is your audience? • What are your goals? (what do you want the people that look at your personal web page to have learned from viewing your page?)
Your personal web page • Who is the audience? (are there multiple audiences? If so, multiple personal web page!) • What do you want them to learn from viewing your web page? • What do you want to accomplish with your web page? (inquiry, self-communication, construction, expression uses)
Other personal web page uses • Portable bookmark file • Web weaving • Job seeking • Community building
eportfolios • Exemplars of own best work • Create your own web page with eportfolio elements (or if you have one already, add eportfolio elements)
eportfolios with students • Michelle Jacobs’ project
Next class meeting • Tomorrow, Friday, same time, same place • Office hour: after class today, 4-5 on Friday
Lab time • Retake pictures if you want • Transferring your personal web page to your folder/directory on the TEP web server
Lab time (cont.) • The “Putting your web pages on the TEP server” handout • FTP = File Transfer Protocola standard way of transferring files over the Internet • FTP client/FTP application/FTP program: • Mac: Fetch • Win: WS_FTP, CuteFTP, ...
To transfer your web page to the TEP server • Start the Fetch application • Host: www-tep.ucsd.edu • User: YOUR-SERVER-NAME(which is your last name) • Password: YOUR-SERVER-PASSWORD • Directory: www_files/tep_main_pages/students/YOUR-SERVER-FOLDER-NAME (on this TEP web server, I've made your folder name the same as your server name)
Before next class • Transfer your personal web page to your folder/directory on the TEP server