Download web design

WEB DESIGN
What is WWW?
The World Wide Web (created in 1989 & published in 1991 by Tim Berners-Lee) is a network
of documents that works in a hypertext environment. It enables you to post and access all
sorts of interactive multimedia information.
What is a WEBSITE?
A website is a collection of related web pages containing texts, images, videos and other
multimedia. A website is hosted on at least one web server accessible via the Internet
through an Internet address also called URL (Uniform Resource Locator). All publicly
accessible websites collectively constitute the WWW.
What is a WEB PAGE?
A web page is a which is written in plain text and interspersed with formatting instructions
of HTML (Hypertext Markup Language) that is suitable for the WWW and can be accessed
through a web browser and displayed on a monitor. Web pages are accessed and
transported with the HTTP (Hypertext Transfer Protocol).
Web pages are classified as static or dynamic.
Static pages do not change content and layout with every request unless a human (web page
owner / programmer) manually updates the page. A simple HTML page is an example of
static content. Visitors are not able to control what information they receive via a static web
page.
Dynamic pages adapt their content and/or appearance depending on end-user's input /
interaction or changes in the computing environment (user, time, database modifications,
etc.). The main purpose of a dynamic web page is automation. A dynamic web page can
operate more effectively, be built more efficiently and is easier to maintain, update and
expand.
Web pages usually include information as to the colours of text and backgrounds and very
often also contain links to images and sometimes other types of media to be included in the
final view. Layout, typographic and colour-scheme information is provided by CSS (Cascading
Style Sheet) instructions, which can either be embedded in the HTML or can be provided by
a separate file. CSS is designed primarily to enable the separation of document content
(written in HTML or a similar markup language) from document presentation, including
elements such as the layout, colours and fonts.
Typically, web pages today are becoming more dynamic. A dynamic web page is one that is
created server-side when it is requested, and then served to the end-user. These types of
web pages typically do not have a permalink, or a static URL, associated with them. Today,
this can be seen in many popular forums, online shopping, and even on Wikipedia.
PROJECT WEEK, June 2011
M.Š.
Page 1
I.
Are these sentences true or false? Correct the false ones.
T
F
1.
2.
3.
4.
5.
6.
CSS aid in separating the document's style from its structure.
Web pages cannot include multimedia files.
A link in a web page is called a hypertext.
A simpler option to create a web page is to use a web template.
The first page of a website is a Basic Page.
A web browser is a software application used to access, download and
retrieve information resources on the WWW.
7. HTML stands for Hyper Text Markingup Language.
II.
Match the sentence beginnings with the correct endings.
1. Graphics, pictures are created with
formats such as
2. Java applets may be used
a.
b. enables web pages to include video
and animations.
c. are some of the common audio
formats.
d. to add interactivity to web pages.
e. JPEG and GIF.
3. MIDI, WAU, MP3 and AU
4. Flash is a technology that
5. Multimedia files can be included in
III.
web pages.
What are the main parts of this URL?
file name
path
domain name
a resource on the WWW
a protocol
http://www.visual.merriam-webster.com/communications /internet_1.php
1……
IV.
surf
2……
3……
4……
5……
Complete the instructions about how to navigate the Web with the words in the box.
client
web page
search engine
web server
website
web browser
URL
1.
2.
3.
4.
5.
6.
7.
Start up your computer and connect to the Internet.
Open your ……………………..
Type the …………………… to access to a website.
Your web browser sends the request to the correct ………………………..
The server looks for the document and sends it to the ……………………. Computer.
Your web browser displays the selected ………………… on the screen.
From the home page of the ……………………., you can …………………… to other pages by
clicking on hyperlinks.
8. If you want to find more websites, use a …………………………
V.
WEB PAGES - Interactive exercise - (http://www2.arnes.si/~sspmsubi/web.htm)
VI.
Test your knowledge and skills with W3School’s Quizzes:
http://www.w3schools.com/html/html_quiz.asp
http://www.w3schools.com/css/css_quiz.asp.
PROJECT WEEK, June 2011
M.Š.
Page 2
Sources:
http://en.wikipedia.org/wiki/Website
http://en.wikipedia.org/wiki/Web_design
http://en.wikipedia.org/wiki/Cascading_Style_Sheets
http://en.wikipedia.org/wiki/Adobe_Dreamweaver
http://www.w3schools.com/default.asp
http://www.w3schools.com/default.asp
http://www.entheosweb.com/dreamweaver/default.asp
http://www.howstuffworks.com/web-page.htm
http://www.webdeveloper.com/
http://www.adobe.com/products/dreamweaver.html
http://www.webreference.com/authoring/style/sheets/properties/
PROJECT WEEK, June 2011
M.Š.
Page 3