Web Design Decal Lecture 1

nutmegactΛογισμικό & κατασκευή λογ/κού

11 Νοε 2012 (πριν από 4 χρόνια και 9 μήνες)

447 εμφανίσεις

Spri ng 2012

Mondays 8
-
10PM

WEB DESIGN DECAL

LECTURE 1


Enrollment Stats


Spots: 40


Wait
-
Listed:10


Applied: 300+


What this means


If you are not enrolled/on waitlist, its unlikely you will get in this
semester


We encourage you to apply as we take into consideration those who
have applied before


If you are here and not in the decal, we ask that you do not use a lab
computer. If we have sufficient room you are welcome to stay for
lecture


We expect honest effort and participation from those selected

ENROLLMENT


To properly finish enrollment:


Submit application


Receive acceptance email


Come to first day of class


Register for an account on our course
website (webdesigndecla.com)


Officially add the class on
telebears

ENROLLMENT PAST
TELEBEARS


Instructor and LA Introductions


Topic Overview


Preview what you will be able to do after
course


Syllabus Highlights


Course Website


Introduction to Internet and Browser
Debuggers

TODAY’S AGENDA

Primary Instructor: Pedro Rodriguez

Email:
ski.rodriguez@gmail.com

Skype:
EnderPR

Phone: 208
-
340
-
1703

Sites: SnowGeek.org, BerkeleyNanoClub.com, 705bsp.org

DESIGN
INTRUCTORS


Tentative, Course is being reworked this
semester


HTML (2)


CSS(4)


Modern Web Styling(1
)


Javascript
(1)


Jquery
(2)

TOPIC
OVERVIEW


Sites that you should be able to do by the end of the semester
with some effort

WEBSITE EXAMPLES


Attendance is
mandatory



Excusable if sick or exam conflict (note: exam must be at same time,
time to study for exam is not an excuse)


>2 unexcused absences, we will fail you


Course Work


Labs


30%


MiniProject



30%


Final Project


30%


Attendance


10%

SYLLABUS HIGHLIGHTS


http://webdesigndecal.com


Announcements


Please check at least once a
week before class


Lecture


Slides (posted before class)


Roll Call


Assignments


Submission


Grading (Auto grader)


Real Time Status


Missing Assignments


Missing Attendance


Current Grade


Piazza


Online
chatroom

to post and
answer questions


Link on course site

COURSE WEBSITE

THE INTERNET

http://www.youtube.com/watch?v=qv0XCaUkfNk


Browser (client
-
side)


Firefox, IE, Safari, Chrome…


Primary Function: Download and display file hosted on remote server


Web Server (sever
-
side)


Website are actually stored here


Apache, IIS
etc


Responds to browsers by sending requested files


Primary Function: make a set of files accessible to clients via the
internet


URLs specify location of files on the web


URLS

LOADING A WEBSITE


Almost every browser has a debugger including
Firefox, Chrome, Safari


Debugger allows you to investigate what is occurring
in code


Capabilities


See loaded html


Debug
javascript


See files website requests


Inspect Element!


Instructions for specific browser: Google!


Demo on website requests

DEBUGGER


For this course, any text editor that can create and save html
files will work. These include but are not limited to


Notepad


Notepad++


TextWrangler


Visual Studio


Netbeans


Eclipse


Komodo Edit


Vim


Emacs





EDITING SOFTWARE


http://www.webdesigndecal.com/register


Use same email, first name, last name as application


Use login on account form, pick password


It is very difficult to retrieve class account passwords, don’t
lose it!

REGISTER/ATTENDANCE


Get Account Form


Register on website


Mark yourself present on WDD


Install software


Complete small lab assignment (must be
completed, is proof of your interest in
course)


Familiarize yourself with the class account
file structure

LAB


Root directory


lab1


Index.html


Lab2


Index.html


Lab3


Index.html


Points will be deducted for not conforming to file structure


FILE STRUCTURE