Scribd
Upload
27 views9 pages

W03 01 CablesGridProject

The document discusses announcements for the class including changes to office hours and an upcoming guest lecture. It also covers social implications of underwater cables and privacy, clarifications on CSS and HTML syntax, an introduction to CSS grid layout, templates for CSS projects, and information about the team project including the first milestone.

Uploaded by

thejaka aloka
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
27 views9 pages

W03 01 CablesGridProject

The document discusses announcements for the class including changes to office hours and an upcoming guest lecture. It also covers social implications of underwater cables and privacy, clarifications on CSS and HTML syntax, an introduction to CSS grid layout, templates for CSS projects, and information about the team project including the first milestone.

Uploaded by

thejaka aloka
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 9

Underwater Cables, CSS Grid,

and Team Project


CS 115 Computing for the Socio-Techno Web
Instructor: Brian Brubach
Announcements
• Andrea’s office hours moved to Tues 3-6pm this week
• Back to normal next week
• Brian’s Tuesday office ours are now 2-3pm and Thursday now 3-4:15pm
• Keep checking the website calendar
• Will talk more about Team Project and PM1 later in the class
• Guest lecture times
• 9:30-10:30am?
Social implications: cables and privacy discussion
Miscellaneous clarifications
• Can use <q>text</q> instead of "text" for proper quotation marks
• Can use <hr> for breaks/changes in content
• Typically a horizontal rule (line)
• Can apply two or more classes to the same tag by listing them with
spaces in between
• Example à <div class=“some_class another_class”></div>
• Validating your CSS for future projects
• https://jigsaw.w3.org/css-validator/
• Weird short way to write colors à #C3F = #CC33FF
• Your assignments are uploaded to the CS dept server using Cyberduck
• It is natural, but technically incorrect to say “upload to Cyberduck”
CSS grid
• Reading à https://www.w3schools.com/css/css_grid_container.asp
• Some basic grid properties
• display: grid
• grid-template-columns
• grid-template-areas
• grid-area
• Example files à simple-grid.html and simple-grid.css
• Example files à grid-example.html and grid-example.css
Templates for CSS
• Okay to use free templates as starting point for team projects
• Just cite them in the comments
• Basic layout examples
• https://www.w3schools.com/css/css_templates.asp
• Helpful for learning grid
• Differences between grid, flexbox, and float à
https://www.youtube.com/watch?v=hYJvxsgnGMA
• Responsive site templates
• https://www.w3schools.com/css/css_rwd_templates.asp
• Good starting place for your project
Project
• Project teams and Google doc
• Project Milestone 1 is posted and due Thursday at midnight
• Let’s take a look à http://cs.wellesley.edu/~cs115/project/pm1.html
Friday remote project meetings
• Teams sign up for 10 minute blocks in the 8:20-9:50am range on Fridays
• Will try it this week
• May move to 15 minute blocks if schedules permit
• Get something submitted for the Thursday Project Milestone deadlines
Reminders
• Andrea’s office hours moved to Tues 3-6pm this week
• Back to normal next week
• Brian’s Tuesday office ours are now 2-3pm and Thursday now 3-4:15pm
• Keep checking the website calendar
• Project
• Form teams
• Get account ASAP
• Start first milestone
• Email me with any issues

You might also like