0% found this document useful (0 votes)
28 views6 pages

Unit 3

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
28 views6 pages

Unit 3

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

[Type here]

UNIT 3
WEB DESIGN

Task 1 Dis cuss these questions.

1. Why do companies have websites?


2. What’s the difference between a website and a web page?
3. What is a home page?
4. Do you have a blog or personal website? Describe the home page to your
classmates.

Task 2 Read the following text and find the following.

1. the language used to create web documents


2. the type of software that lets you design web pages without
writing HTML codes
3. the format invented by Adobe to distribute text files over the
Internet
4. a method of displaying multiple HTML documents in the same
browser window
5. three popular formats used to store and play back video

WEB PAGE DESIGN

HTML and web editors


The code behind most web pages is HTML (Hyper Text Markup Language),
which consists of commands called tags. Tags are placed around pieces of text to
tell the web browser how to display text or pictures. You can view the source HTML
code of a web page by choosing the Page Source option in your web browser. But
you needn’t learn HTML in order to build your own website. Instead, you can use
a word processor with web design capabilities or a dedicated web editor like
Macromedia Dreamweaver or Microsoft FrontPage. Web editors are user-friendly
and WYSIWYG (What You See Is What You Get). Different buttons and menu
items let you design a page without writing HTML.

HTML files have this basic structure:


[Type here]

start with <HTML>


have heading text that begins with <HEAD>, which has a title
enclosed between tags and ends with </HEAD>
have body text that starts with <BODY>, where you place the
contents of the actual document (i.e, text, images, links, etc.) and
ends with </BODY>
end with </HTMl>
You can create links to other web pages by using the tag <A HREF
"filename">active text</A>

Some basic HTML source code

My hobbies
I like music and computers. I can play the Spanish guitar and I love Latin
dancing. I have a mountain bike but my favourite sport is football.
My studies
I study at Politecnica University, Madrid. My favourite subjects are
Maths, Physics, Aeronautics and English. I have studied English for five
years. In the future I would like to be an engineer.
My favoutite city
Zaragoza is a multicultural modern ancient city, with 700,000 inhabitants
and over 2,000 years of history. Muslins, Christians and Jews have lived
together in peace for many centuries. It is famous for its ‘mudejar’ style,
and the charming character of its people.

HTML file displayed as a web page

Web page elements


There are a number of different elements that you can use on a web page:
Text - displayed in a variety of fonts and sizes. Most text files are available in two
formats: HTML or PDF (the Portable Document Format that can be viewed with
Acrobat Reader).
Background - the underlying colours and patterns of a web page.
Tables - with columns and rows used to position images and text on a page.
[Type here]

Frames - rectangular areas that allow the display of different pages in the same
browser window
Cascading Style Sheets (CSS) - a mechanism for adding styles to web documents.
You could use HTML code to specify the font, text styles and background colour.
Nowadays, however, it is more common to use CSS. This makes it easy to apply
presentation changes across a website.
Graphics, clip art, icons, background templates, wallpaper, and transparent
images - common formats are .ipg (Joint Photographic expert Group), ideal for
pictures with many colours, .gif (Graphics Interchange Format), ideal for pictures
with fewer colours, and .png (Portable Network Graphics), which support 16 million
colours.
Hyperlinks - highlighted text or pictures (buttons, image maps, etc.) that act as links
to other pages. If you want to share information with people, you can use RSS feeds
and provide readers with a link to the feed. RSS allows subscribers to receive
updates of bloqs, news, podcasts, etc. Before going live, you should check that all
the links work.
Audio, video and animation
Many website now incorporate audio files, and if you’re designing a site, you may
like to insert songs, podcasts etc. The most common audio formats are .wav
(Windows wave audio format), .ra (RealAudio file) and .mp3 (MPEG-1 Audio Layer-
3).
Full-motion video is stored these formats: .avi (audio video interleave), .mov
(QuickTime movie) and .mpg (moving picture experts group).
If you want to inject something special into your web pages. You can use Adobe
Flash to include interactive animations and streaming audio. Additionally, you
can insert Java applets - small programs that enable the creation of interactive
files. Animations are made up of a series of independent picture put together in
sequence to look like moving pictures. To see or hear all these files you must
have the right plug-in, an auxiliary program that expands the capabilities of your
web browser.

Task 3 Read the text again and then match the sentence beginnings (1-6)
with the correct endings (a-f).

1. Instructions in HTML
2. Cascading Style Sheets are the way
3. A hyperlink is any clickable text,
4. A plug-in is a small program
5. Java applets are used to provide
6. RSS feeds are summaries of web content

a. Image or button that takes you to another place on the Web.


b. used for handling audio, video, and animation files.
c. are called tags.
[Type here]

d. interactive features to web applications.


e. to define the presentation of web pages, from fonts and colours to page
layout.
f. published in the Really Simple Syndication format for download.

Task 4 Link each pair of actions using an appropriate time clause.

1. a/ You use a search engine.


b/ It provides a set of links related to your search.
2. a/ You have clicked on a hyperlink.
b/ You have to wait for the webpage to be copied to your computer.
3. a/ You listen to the first part of a streamed audio file.
b/ The next part is downloading.
4. a/ The graphics can be displayed gradually.
b/ The webpage is downloaded.
5. a/ You receive an email message.
b/ You can forward it to another address.
6. a/ The files are transferred.
b/ The transfer is graphically displayed.
7. a/ The OK button is clicked.
b/ The copying progress begins.
8. a/ You click the mouse pointer on the file.
b/ It is highlighted.
9. a/ The virus is not activated.
b/ You open the infected file.
10. a/ Don’t open an email attachment.
b/ You have virus-checked it.
11. a/ You add memory.
b/ Change the BIOS settings.
12. a/ You can bookmark a webpage to make it easier to find in the future.
b/ You find a webpage you like.
13. a/ You type in a Web address.
b/ You should press the Enter key.
14. a/ You click on the Home button.
b/ The browser displays your starting webpage.
[Type here]

Task 5 Study these seven points for evaluating websites. What questions
would you ask to evaluate a website on each point?

13. Design 5. Navigation


14. Easy of use 6. Accuracy
15. Up to date 7. Helpful graphics
16. Compatibility

Task 6 Study this flowchart for planning a website. Use it as the basis for
a short text providing advice on website planning. Your text
should have three paragraphs corresponding to the 3 stages in
this diagram.

KEY QUESTION WHEN PLANNING YOUR WEBSITE


Careful planning is essential to maximize the impact of your website.
It’ll take some effort to achieve, but the results will be worth it.

Begin planning website

Analysis

Who’s What’s
the target audience? the site’s purpose?

Design & Implementation

What look, feel and How


content will the site have? will it be created, rolled
out and managed?

Evaluation How do we know


If the site is effective?

Begin constructing website


[Type here]

Begin your text like this: You need to plan your website carefully before you
go ahead and create it. There are three stages to the planning process:
1. Analysis
2. Design and implementation
3. Evaluation

Task 7 Fill in the gaps in these definitions (1-10)

1 A ……….. is an interface enabling dissimilar networks to communicate.


2 A …………is a hardware and software combination used to connect the same
type of networks.
3 A ………… is a network transmission path handling major data traffic.
4 A ………… is a special computer directing messages when several networks
are linked.
5 A ………… is a number of computers and peripherals linked together.
6 A ………… is a network connecting computers over a small distance such as
within a company.
7 A ………… is a powerful computer storing data shared by all the clients in
the network.
8 A …………. is a network computer used for accessing a service on a server.
9 A ………… is a simple computer comprising a processor and memory, display,
keyboard, mouse and hard drives only.
10 A …………. is an electronic device connecting alt the data cabling in a network.

You might also like