Announcement

  • 첫 주, 첫 시간부터 수업 정상으로 진행됩니다. ^ ^
  • 매 수업 때마다 실습을 일찍 끝내고, 다른 학생들에게 도움을 주는 경우에는 추 가점수가 주어집니다.

Instructors

지준 교수 (IT응용시스템공학과 교수)
이 과목에서는 인터넷에서 가장 활발히 사용되고 있는 WWW (World Wide Web)을 구성하는 웹사이트 구축에 있어서 클라이언트-사이드(client side) 웹페이지를 제작하는데 필요한 기술들을 학습합니다. 이에 필요한 기본적인 기술들인 HTML5, CSS, Bootstrap, JavaScripts 등을 학습하고, 실제로 자신의 Homepage를 제작해 봄으로써 필요한 각 기술들에 대한 활용도와 이해도를 높입니다.
  • 수업참여: 0 % ( attendance, questions, etc.)
  • 숙제: 20 %
  • 퀴즈: 20%
  • Midterm Exam: 30 %
  • Final Exam: 30 %
  • * Extra Credits for helping during the class exercise session : 00%

Month Week Topic Lecture (kr) Exercise Quiz
Mar 1 Course Introduction
[ HTML5 - 1 of 4 ]
Introduction / Editor / Basic / Elements
Attributes / Headings / Paragraphs / Styles








Mar 2 [ HTML5 - 2 of 4 ]
Text Formatting / Links / Images
Tables / Lists

Quiz 1
Mar 3 [ HTML5 - 3 of 4 ]
CSS / Blocks / Classes / Layout /
[Responsive] / Iframes / Colors / [Script] / [Head] / Entitles




Quiz 2
Mar 4 [ HTML5 - 4 of 4 ]
Forms / Form Elements / Input Types / Input Attributes
[SVG]


Quiz 3
Mar
Apr
5 [ CSS - 1 of 3 ]
Intro / Syntex / Selectors / How to /
Background / Text / Font / Links / Lists /



Quiz 4
Apr 6 [ CSS - 2 of 3 ]
Tables / Box model / Border-Outline / Margin-Padding / Dimension /
Display / Positioning / Float / Horizontal Align




Quiz 5
Apr 7 [ CSS - 3 of 3 ]
Combinators / Pseudo-classes and Pseudo-elements
[ Miterm Review ]
html (2013)
css (2013)






Apr 8 [ Midterm Exam ]
html
css



Apr 9 [ Bootstrap ]   Tools to install : Sublime Text / BlueGriffon
Intro / Grid System / Grid Devices / Grid Examples /
Typography / Tables / Images / Jumbotron / Buttons /
Glyphicons & Badges / [ Progress Bars / Pagination / List Groups
Forms / Form Inputs / Input Sizing / Carousel ]



  examples Quiz-7
May 10 JavaScript 1 of 5
Intro / Where to / Output / Syntax
Statements / Comments / Variables  / Data types
Functions / Objects




quiz-sample

Quiz-8
May 11 JavaScript 2 of 5
Scope / Events / Strings / Numbers
Math /






May 12 JavaScript 3 of 5
Dates / Arrays / Booleans /
Operators / Comparisons / Timing Events


HW #1

May 13 JavaScript 4 of 5
Conditions / Switch / Loop For & While / Break /
RegExp  / Errors

DOM / DOM Method / DOM Document / DOM Elements /
Changing HMTL /




HW #2

aani.html



Jun 14 JavaScript 5 of 5
Changing CSS / DOM Events / DOM Navigation / DOM Node /

[ ]

Jun 15 Final Exam




Jun 16 Extra. (Optional)


  • Class - A :
    Warning: mysqli_connect(): (HY000/1049): Unknown database 'classes' in C:\Bitnami\wampstack-7.1.27-2\apache2\htdocs\CWP\index.php on line 125

    Warning: mysqli_query() expects parameter 1 to be mysqli, boolean given in C:\Bitnami\wampstack-7.1.27-2\apache2\htdocs\CWP\index.php on line 125

    Warning: mysqli_fetch_array() expects parameter 1 to be mysqli_result, null given in C:\Bitnami\wampstack-7.1.27-2\apache2\htdocs\CWP\index.php on line 126
  • Class - B :
    Warning: mysqli_query() expects parameter 1 to be mysqli, boolean given in C:\Bitnami\wampstack-7.1.27-2\apache2\htdocs\CWP\index.php on line 131

    Warning: mysqli_fetch_array() expects parameter 1 to be mysqli_result, null given in C:\Bitnami\wampstack-7.1.27-2\apache2\htdocs\CWP\index.php on line 131
  • Class - N :
    Warning: mysqli_query() expects parameter 1 to be mysqli, boolean given in C:\Bitnami\wampstack-7.1.27-2\apache2\htdocs\CWP\index.php on line 137

    Warning: mysqli_fetch_array() expects parameter 1 to be mysqli_result, null given in C:\Bitnami\wampstack-7.1.27-2\apache2\htdocs\CWP\index.php on line 137