In project 4, you will be developing a web presence. You will develop an online identity using whatever tools you wish to create and publish the site. The site can be a part of a service, social media platform, etc. It must be a working, world accessible site, such as WordPress, but can be Twitter, Pinterest, Instagram, Facebook, Wix, Weebly, SquareSpace, etc.
The effort for the project should be new, starting as of April 18th, and gathered around the main topic, such as a portfolio, etc. rather than reconstituted from some other project outside of class. The site should have at least 20 destinations (nodes, posts, pages, etc.) of original content from after April 18th. On our last day (May 9th), you will answer some variant of the following questions while demonstrating your site content for the class.
What did you use to develop your site? How does the navigation work?
How was it different/similar from other tools we used in the class? How do you make changes?
What customization methods did you use? Was there a way to edit CSS or HTML?
How does this reflect you (or not)? What imagery, design, palette, texture, and photographic choices did you make?
Is there a use for this in your future?
April 18th: Project 3 final review, Project 4 Introduced.
April 25th:Project 4 topic confirmed and first efforts reviewed.
May 2nd: Progress reviewed. Presentation demonstration.
Project 1 wrap up: Site reviews and student presentations
Introduction to Project 2: Develop a 6 page site in HTML and CSS using Dreamweaver that demonstrates your understanding of color, typography, photography, style, or other creative topics. Navigation, layout, style, and creativity will all be considered in your grade. Use Photoshop heavily in this and future projects. (Project 2 is 20% of your grade)
Sharing Drive folders/files to public versus sharing to me
Revisions in the syllabus and site are ongoing.
Read the following article in the next few minutes.
“This whitepaper explains the underlying infrastructure and technologies that make the Internet work. It does not go into great depth, but covers enough of each area to give a basic understanding of the concepts involved. For any unanswered questions, a list of resources is provided at the end of the paper.” found in How Does the Internet Work? at https://goo.gl/2P1aXj
What is an IP address?
What is the Domain Name Service (DNS)?
What is HTTP?
Questions to ponder, then be able to answer clearly, this week:
What is FTP and SFTP?
What is HTML?
What is CSS?
What is source code?
How do I see the source code?
How can I play with the CSS?
What is a server?
What is a client?
File Directory and structure:
Domain Structure versus Server File Structure
The HTTP and FTP servers
The home directory on the server
The public directory for html
your files and folders
File structure rules:
File names have no spaces or strange characters
File names are lower case
All files in folder named project1_website
Folders named images, fonts, js inside project1_website folder
Remember to share a single Google Drive folder with me with the name “DMA145 – lastname” where lastname is your actual last name, e.g. DMA145 – lemasney. In it, place four folders, project1,project2,project3, and project4.
In each of those, put your weekly assignments. weeks 1 through 4 in project 1, and so on. Put your answers in the project folder we are working on, named sensibly: Drive/DMA145lemasney/project1/question 1 on color.doc or something like it. When you put anything inside the DMA folder, anywhere in it, even subfolders, I’ll have access to see it.
2: HTML ELEMENTS
Look at the source code for the website you picked last week. List the HTML elements that are used in the homepage of the website you picked. How does the code of a website that is online differ from the code you created this week? How is it the same? Is there anything that surprises you about the way that the code is written? Support your answer. (Please include a link.)