Web designWeb design

MMajdi ajdi IIbrahim brahim AlAl-asir-asir

wweb eb ppage age eelementslements

ther are number of different elements ther are number of different elements that you can use on a web pagethat 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 (portable

document format that can be viewed with acrobat reader ).

النصية الملفات أكثرفي متوفرة

أو HTMLصيغتين: PDF ( تنسيق وهي

المستندات التي المحمولة

مع عرضها يمكن Acrobatبرنامج Reader.)

Tables - with columns and rows, used to position images and text on a page.

مع الجداول -األعمدة ،والصفوف

لوضع وتستخدموالنص الصور

الصفحة .على

Frames - rectangular areas that allow the display of different page

in the same browser window.

بعرض إطارات - تسمح مستطيلة أشكالنافذة نفس في مختلفة صفحة

.المتصفح

Cascading style sheets (CSS) - a mechanism for adding styles to web

documents.

األنماط أوراق ( -CSSالمتتالية )

إلضافة آليةإلى أنماطعلى وثائق

االنترنت شبكة

You could use HTML code to specify the font, text styles and background colour. Nowadays, however it is more common to

use CSS.

رمز استخدام الخط HTMLيمكنك لتحديدأصبح أنه ،إال الخلفية النصولون وأنماط

الوقت في الستخدام شيوعا أكثر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,

الفنية والقصاصات الرسوماتورق الخلفية، والقوالب والرموز

الشفافة ، جدران واكثر -والصورهي شيوعا ،األشكال

jpg )joint photographic experts group(

JPG ( مجموعةخبراء

)، التصوير

gif (graphics interchange format)

GIF ( تنسيقتبادل

)، الرسومات

ideal for pictures with fewer colours, andideal for pictures with fewer colours, andpngpng ( (pportable ortable nnetwork etwork ggraphics), which raphics), which

supports supports 1616 million colours million colours..

pngpng ) شبكة ( شبكةمحمول محمول

والتي) ، والتي) الرسومات ، الرسوماتمليون مليون 1616تدعم تدعم

..لونلون

2 -What is 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

partner .