“The original idea of the web was that it should be a collaborative space where you can communicate through sharing information.
"The web is more a social creation than a technical one....it ought to be like clay, rather than a sculpture that you observe from a distance."
--Tim Berners-Lee, creator of the Web
<window> ∟ <document> ∟ <head> ∟ <script> ∟ <body> ∟ <div> ∟ <form> ∟ <image>
1. Close every tag with an angle bracket ("End angle")
<div>
2. Close start tags with a bookend tag with a slash ("End tag")
<div>Welcome to my page!</div>
/* A "tag" style applies to every block of text. */
div {
font-family: verdana ;
}
/* a "class" style applies to all "cat" divs. */
.cat {
width: 100px ;
}
/* An "id" style applies to a unique "cat" div. */
#grumpy {
color: red ;
}
visitor = prompt( "What's your name?" ) ;
alert( "Welcome " + visitor ) ;
Not used.
Not used.
Where you get things (course content).
Where you post things (discuss and submit homework).
Start here for remote classes.
We'll occasionally use a Google Sheet for collaborative notes and Forms for quizzes
A file directory on a server, accessed with a login and password. Not the same as using a web application like WordPress to upload files.
BlueHost, HostGator, DreamHost, GoDaddy.
Wix.com, Squarespace.com, Weebly.com, WordPress.com. (WordPress on your own server is fine.)
Just a registered name like MariaRodriguez.com. Not necessary, but recommended.
Visual Studio Code (not "Visual Studio"), TextMate ($), Sublime Text ($), TextWrangler, Brackets
Microsoft Word, TextEdit, Dreamweaver
You can type this code in a website and share it with others (like the p5js editor).
Code and preview in your browser
Upload and organize code files (no images)
Fork (copy and modify) other people's code
Upload images
Private code
Collab mode
/