CS 153 Introduction to Computing

CS 153 Introduction to Computing I

Digital text, video files and executable programs are stored in Web sites. These documents contain cross-references or links to other web documents that are on the same computer or other computers of a network. This course explains HTML (Hyper Text Markup Language) that is to write web documents. Web browsers, such as Netscape, MS Internet Explorer and Mosaic are explained. Web page design and interaction principles are introduced. Credit units: 3 ECTS Credit units: 6.

M.Hakan Erdog, Room: FF-210A, Phone: 3913

Schedule:

Sec.1 - Wed. 09:40-12:30 (FF-212)

Resources:

http://www.htmldog.com/guides/htmlbeginner/gettingstarted/

http://www.freewebmasterhelp.com/tutorials/html-advanced

http://www.tizag.com/javascriptT/javascriptsyntax.php
http://www.w3schools.com/html/default.asp

http://www.how-to-build-websites.com/
http://www.webstyleguide.com/wsg3/index.html

Editor:

Online-HTML-Editor
Real-Time HTML Editor
15 more (keyword(google): visual html editor online)

Evaluation:

10% Quiz
30% Exam
10% Quiz
40% Exam
10% Attendance & Participation

Works*Session: [1] [2] [3]

backgroundlabs | colorScheme | iconArchive

Syllabus:

Week
Topic Link Lab

1 Computer Basics / Operating System:
Definition of computer; Classification and explanation of computer parts; Input, Process, Output, Storage; Operating System; Windows Usage; File Properties and File Management.
Internet / Web:
Networks; Internet; Domain names and suffixes; E-mail; Telnet; Web Browsers; http; hyperlink; url; web address; search engines. Link

2 HTML Structure:
Structure of a html file <HTML><HEAD><TITLE><BODY>;
Editing html file with notepad;
Viewing html file in web browser.
 <p> <br> <h1> <center> <body bgcolor=...> Link
xhtml Lab

3 Formatting Text:
<P>; <BR>; <H1>; Attributes <P ALIGN=CENTER> ; <body background=...>
<BODY BGCOLOR=#80FFFF>;
Color by Name; Link Lab

4 Color by Code; Text Color <BODY TEXT=#800080>.
<HR>;<B>; <I>; <U>; <SUB>; <SUP>; <BLOCKQUOTE>;<PRE>; <LISTING>;<TT>;
<FONT SIZE=? COLOR=? FACE=?>;
<MARQUEE>; Link Lab

5 Relative link <A href="page1.htm">;
Absolute link <A HREF="http://www.cnn.com/">cnn</A>; Link Lab

6 Internal link <A NAME="FIRSTPAGE"></A> | <A HREF="#FIRSTPAGE">1stPg</A>;
link color <BODY VLINK="#000000">;
Image: <IMAGE SRC=? ALT=? ALIGN=? BORDER=? WIDTH=? HEIGHT=?>
Image link Link Homework

7 Image Map
Bulletted List <UL TYPE=? SRC=?>; <LH>; <LI>;
Numbered List <OL START=? TYPE=?>;
Definition List <DL>; <DD>; <DT>
<QUIZ> Link QUIZ

8 Table:
<TABLE BORDER=? HEIGHT=? WIDTH=? BGCOLOR=?>; <TR BGCOLOR=? ALIGN=?>; <TD BGCOLOR=? ALIGN=? COLSPAN=? ROWSPAN=?>; <CAPTION>; <TH> Link Lab

9 Table Template (Sample1, Sample2, Sample3, Sample4, Sample5) Exercise

10 MIDTERM (exam doc)

11 Frame, iframe:
<FRAMESET ROWS=? COLS=? FRAMEBORDER=?>; <FRAME SRC=? NAME=? NORESIZE SCROLLING=? FRAMEBORDER=?>; <NOFRAME> Link

12 Form:<FORM METHOD=? ACTION=? ENCTYPE=?>; <INPUT TYPE=? NAME=? VALUE=? SIZE=? SOURCE=?>; <SELECT MULTIPLE NAME=? SIZE=?>; <OPTION SELECTED VALUE=?>; <TEXTAREA ROWS=? COLS=? NAME=?>; Mailto <A HREF="MAILTO:someone@somewhere">
<QUIZ> Link hw

13 CSS, Meta tag, Link Lab

14 Web Site creation:
telnet, public_html, chmod, index.html, ftp [FileZilla(pictorial in PDF)][ColorCombination]

Week	Topic	Link	Lab
1	Computer Basics / Operating System: Definition of computer; Classification and explanation of computer parts; Input, Process, Output, Storage; Operating System; Windows Usage; File Properties and File Management. Internet / Web: Networks; Internet; Domain names and suffixes; E-mail; Telnet; Web Browsers; http; hyperlink; url; web address; search engines.	Link
2	HTML Structure: Structure of a html file <HTML><HEAD><TITLE><BODY>; Editing html file with notepad; Viewing html file in web browser. <!-- comment --> <p> <br> <h1> <center> <body bgcolor=...>	Link xhtml	Lab
3	Formatting Text: <P>; <BR>; <H1>; Attributes <P ALIGN=CENTER> ; <body background=...> <BODY BGCOLOR=#80FFFF>; Color by Name;	Link	Lab
4	Color by Code; Text Color <BODY TEXT=#800080>. <HR>;<B>; <I>; <U>; <SUB>; <SUP>; <BLOCKQUOTE>;<PRE>; <LISTING>;<TT>; <FONT SIZE=? COLOR=? FACE=?>; <MARQUEE>;	Link	Lab
5	Relative link <A href="page1.htm">; Absolute link <A HREF="http://www.cnn.com/">cnn</A>;	Link	Lab
6	Internal link <A NAME="FIRSTPAGE"></A> \| <A HREF="#FIRSTPAGE">1stPg</A>; link color <BODY VLINK="#000000">; Image: <IMAGE SRC=? ALT=? ALIGN=? BORDER=? WIDTH=? HEIGHT=?> Image link	Link	Homework
7	Image Map Bulletted List <UL TYPE=? SRC=?>; <LH>; <LI>; Numbered List <OL START=? TYPE=?>; Definition List <DL>; <DD>; <DT> <QUIZ>	Link	QUIZ
8	Table: <TABLE BORDER=? HEIGHT=? WIDTH=? BGCOLOR=?>; <TR BGCOLOR=? ALIGN=?>; <TD BGCOLOR=? ALIGN=? COLSPAN=? ROWSPAN=?>; <CAPTION>; <TH>	Link	Lab
9	Table Template (Sample1, Sample2, Sample3, Sample4, Sample5)	Exercise
10	MIDTERM (exam doc)
11	Frame, iframe: <FRAMESET ROWS=? COLS=? FRAMEBORDER=?>; <FRAME SRC=? NAME=? NORESIZE SCROLLING=? FRAMEBORDER=?>; <NOFRAME>	Link
12	Form:<FORM METHOD=? ACTION=? ENCTYPE=?>; <INPUT TYPE=? NAME=? VALUE=? SIZE=? SOURCE=?>; <SELECT MULTIPLE NAME=? SIZE=?>; <OPTION SELECTED VALUE=?>; <TEXTAREA ROWS=? COLS=? NAME=?>; Mailto <A HREF="MAILTO:someone@somewhere"> <QUIZ>	Link	hw
13	CSS, Meta tag,	Link	Lab
14	Web Site creation: telnet, public_html, chmod, index.html, ftp [FileZilla(pictorial in PDF)][ColorCombination]