website Development subject materials/ITAP1004 Lesson00_ IntroductionMel.pdf
ITAP1004 1Copyright © 2019 VIT, All Rights Reserved[Lesson 00]
Copyright © XXXXXXXXXX, Victorian Institute of Technology.
The contents contained in this document may not be reproduced in any form or by any means, without the written permission of VIT,
other than for the purpose for which it has been supplied. VIT and its logo are trademarks of Victorian Institute of Technology.
ITAP1004
WEBSITE DEVELOPMENT
Lesson 00
ITAP1004 2Copyright © 2019 VIT, All Rights Reserved[Lesson 00]
Teaching Team
• Lecture
Tuto
– SHIVANI MALHOTRA
– XXXXXXXXXX
– Room: 14-1
• Please contact me fo
– Consultation
– Problems or issues
– Availability on campus
• 3:30PM – 5:00PM, Mon - Fri
– Other time, make appointment via email
ITAP1004 3Copyright © 2019 VIT, All Rights Reserved[Lesson 00]
Time and Room Allocation
• Each week, we have
– One 2-hour lecture (Room: 6-3,235 Queen Street)
• 12:30PM – 2:30PM, Thursday
– One 1-hour tutorial/practical (Room: 6-3,235 Queen Street)
• 2:30pm – 3:30PM, Thursday
• Attendance is important!
– You will be asked to submit your tutorial/laboratory work by end of
the class
ITAP1004 4Copyright © 2019 VIT, All Rights Reserved[Lesson 00]
Assessment
Assessment Weight Type Component Hurdle to
Pass
1
Activity exercises 10% Formative
Continuous
Assessment
≥ 40%
2
Lab exercises 20% Formative
3
Project/Assignment 20% Summative
4
Written Exam 50% Summative End Semester
Assessment
≥ 40%
OVERALL 100% ≥ 50%
website Development subject materials/ITAP1004 Lesson1 Introduction.pdf
ITAP1004 1Copyright © 2018 VIT, All Rights Reserved[Lesson 01] Copyright © 2018 VIT, All Rights Reserved
Copyright © XXXXXXXXXX, Victorian Institute of Technology.
The contents contained in this document may not be reproduced in any form or by any means, without the written permission of VIT,
other than for the purpose for which it has been supplied. VIT and its logo are trademarks of Victorian Institute of Technology.
ITAP1004
WEBSITE DEVELOPMENT
Lesson 01: Introduction to Web Development & Internet
ITAP1004 2Copyright © 2018 VIT, All Rights Reserved[Lesson 01] Copyright © 2018 VIT, All Rights Reserved
Subject Aims and Objectives
• Explain characteristics of commercial web sites and
associated authoring/management issues
• Analyse the features of a range of software tools used in the
development of websites
• Research key features of internet standards and protocols,
including World Wide Web standards
• Develop web pages using standard markup and scripting
programming languages and models
• Write program code to produce dynamic database driven
web documents
• Produce design specification documents applicable to a web
site authoring task
• Identify and discuss website usability principles and issues
ITAP1004 3Copyright © 2018 VIT, All Rights Reserved[Lesson 01] Copyright © 2018 VIT, All Rights Reserved
Subject Aims and Objectives
• Topics include:
– Characteristics of websites
– Creating digital content - publishing, authoring, copyright and
management
– Software tools
– Internet standards and protocols including World Wide Web
standards
– Web usability
– Web design specification
– Client management
– Website usability issues
– and more...
ITAP1004 4Copyright © 2018 VIT, All Rights Reserved[Lesson 01] Copyright © 2018 VIT, All Rights Reserved
Materials & Tools
• Recommended Text
– Beginning html, Xhtml, CSS and Java script
– Matthew MacDonald, 2011, Creating a Website: The Missing Manual
(Missing Manuals) (English and English Edition), 3rd Edition, O'Reilly
Media
• Software & Tools
– For practical sessions, Notepad++.
ITAP1004 5Copyright © 2018 VIT, All Rights Reserved[Lesson 01] Copyright © 2018 VIT, All Rights Reserved
Assessments & Requirements
• Assessments:
– Written Exam (50%)
– Assignment (25%)
– Practical Labs (15%)
– Tutorial exercises (10%)
• Requirements (Student Responsibilities)
– Students must obtain an overall grade of 50% or greater for their
combined assessment scores
– with a minimum hurdle of at least 40% in each individual component
for assessment
ITAP1004 6Copyright © 2018 VIT, All Rights Reserved[Lesson 01] Copyright © 2018 VIT, All Rights Reserved
Web Development
ITAP1004 7Copyright © 2018 VIT, All Rights Reserved[Lesson 01] Copyright © 2018 VIT, All Rights Reserved
History of the Internet
• Beginning
– In 1960s, the U.S. military tried to find a stable and fault-tolerant
communication method.
• Internet
– The term “Internet” was coined in the 1980s after the invention of
Transmission Control Protocol/ Internet Protocol
(TCP/IP). Interconnected computer network.
• HTML
– How to share documentations?
– In 1989, Berners-Lee wrote a proposal - an Internet-based
hypertext system.
– He is also the director of W3C (Word-Wide Web Consortium).
• First Web Browe
– NCSA’s Mosaic came out in 1993.
ITAP1004 8Copyright © 2018 VIT, All Rights Reserved[Lesson 01] Copyright © 2018 VIT, All Rights Reserved
History of the Internet
• More
owsers appeared:
• dotcom boom: dotcom companies were getting richer and
icher in the stock market by the end of the millenium....
ITAP1004 9Copyright © 2018 VIT, All Rights Reserved[Lesson 01] Copyright © 2018 VIT, All Rights Reserved
Internet History
• XXXXXXXXXX: dotcom bust! ..... ouch!
ITAP1004 10Copyright © 2018 VIT, All Rights Reserved[Lesson 01] Copyright © 2018 VIT, All Rights Reserved
Web 2.0
ITAP1004 11Copyright © 2018 VIT, All Rights Reserved[Lesson 01] Copyright © 2018 VIT, All Rights Reserved
Web 2.0 (cont'd)
– Before web 2.0, web was a warehouse of static pages
– Platform of collaboration
– Web 1.0?
– Crowdsourcing: Users are co-developers
– World is no longer described by the Web. The Web is becoming the
world itself
ITAP1004 12Copyright © 2018 VIT, All Rights Reserved[Lesson 01] Copyright © 2018 VIT, All Rights Reserved
Web 2.0 (cont'd)
• Web 1.0:
o Static websites
o Emails
o Forums
o Basic search engines
o Groups
o Newsletters
• Web 2.0
o Blogs
o Social Networking
o Wikis
o Audio/Video Sharing
o RSS (Real time Simple Syndication)
o Webcast/Podcast
ITAP1004 13Copyright © 2018 VIT, All Rights Reserved[Lesson 01] Copyright © 2018 VIT, All Rights Reserved
What is Web development today
• What platform/devices will your site be accessible on?
• How upgradeable will our web site be?
• How visible will our site be to search engines?
• How much bandwidth will our site be wasting?
• Will our website expose us to the risk of legal action?
ITAP1004 14Copyright © 2018 VIT, All Rights Reserved[Lesson 01] Copyright © 2018 VIT, All Rights Reserved
(1) Net Applications statistics 2004 Q4 to 2010 Q4
Did you know that...
• Internet Explorer has lost market from 91.35% to 58.27%
while Firefox, and the new Google Chrome now have
22.80% and 9.23% respectively... (1)
ITAP1004 15Copyright © 2018 VIT, All Rights Reserved[Lesson 01] Copyright © 2018 VIT, All Rights Reserved
The uses of the Internet
• Send e-mail messages.
• Send (upload) or receive (down load) files between
computers.
• Participate in discussion groups, such as mailing lists and
newsgroups.
• Surfing the web.
ITAP1004 16Copyright © 2018 VIT, All Rights Reserved[Lesson 01] Copyright © 2018 VIT, All Rights Reserved
What is Web?
• The Web (World Wide Web) consists of information
organized into Web pages containing text and graphic
images.
• It contains hypertext links, or highlighted keywords and
images that lead to related information.
• A collection of linked Web pages that has a common theme
or focus is called a Web site.
• The main page that all of the pages on a particular Web site
are organized around and link back to is called the site’s
home page.
ITAP1004 17Copyright © 2018 VIT, All Rights Reserved[Lesson 01] Copyright © 2018 VIT, All Rights Reserved
How to access the Internet?
• Many schools and businesses have direct access to the
Internet using special high-speed communication lines and
equipment.
• Students and employees can access through the
organization’s local area networks (LAN) or through their
own personal computers.
• Another way to access the Internet is through Internet
Service Provider (ISP).
ITAP1004 18Copyright © 2018 VIT, All Rights Reserved[Lesson 01] Copyright © 2018 VIT, All Rights Reserved
How to access the Internet?
• To access the Internet, an existing network need to pay a
small registration fee and agree to certain standards based
on the TCP/IP (Transmission Control Protocol/Internet
Protocol) reference model.
• Each organization pays for its own networks and its own
telephone bills, but those costs usually exist independent of
the internet.
• The regional Internet companies route and forward all traffic,
and the cost is still only that of a local telephone call.
ITAP1004 19Copyright © 2018 VIT, All Rights Reserved[Lesson 01] Copyright © 2018 VIT, All Rights Reserved
Internet Service Provider (ISP)
• A commercial organization with permanent connection to
the Internet that sells temporary connections to subscribers.
• Examples:
– Prodigy, America Online, Microsoft network, AT&T Networks.
ITAP1004 20Copyright © 2018 VIT, All Rights Reserved[Lesson 01] Copyright © 2018 VIT, All Rights Reserved
How to access the Web?
• Once you have your Internet connection, then you need
special software called a
owser to access the Web.
• Web
owsers are used to connect you to remote
computers, open and transfer files, display text and images.
• Web
owsers are specialized programs.
• Examples of Web
owser: Netscape Navigator (Navigator)
and Internet Explorer.
ITAP1004 21Copyright © 2018 VIT, All Rights Reserved[Lesson 01] Copyright © 2018 VIT, All Rights Reserved
Client/Server Structure of the We
• Web is a collection of files that reside on computers, called
Web servers, that are located all over the world and are
connected to each other through the Internet.
• When you use your Internet connection to become part of
the Web, your computer becomes a Web client in a
worldwide client/server network.
• A Web
owser is the software that you run on your
computer to make it work as a web client.
ITAP1004 22Copyright © 2018 VIT, All Rights Reserved[Lesson 01] Copyright © 2018 VIT, All Rights Reserved
Hypertext Markup Language (HTML)
• The public files on the web servers are ordinary text files,
much like the files used by word-processing software.
• To allow Web
owser software to read them, the text must
e formatted according to a generally accepted standard.
• The standard used on the web is Hypertext markup
language (HTML).
ITAP1004 23Copyright © 2018 VIT, All Rights Reserved[Lesson 01] Copyright © 2018 VIT, All Rights Reserved
Hypertext Markup Language (HTML)
• HTML uses codes, or tags, to tell the Web
owser software
how to display the text contained in the document.
– For example, a Web
owser reading the following line of text:
•
A Review of the BookWind Instruments
of the 18th Century
I
B
• Recognizes the and
B> tags as instructions to display
the entire