• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Web Page Design 1
 

Web Page Design 1

on

  • 433 views

 

Statistics

Views

Total Views
433
Views on SlideShare
433
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Web Page Design 1 Web Page Design 1 Presentation Transcript

    • Web Page Design
    • :Html and web editors The code behind most web pages is HTML(hypertext 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 neednt learn HTML in order to build your own website.lnstead 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‬للمحررين: الكود خلف معظم صفحات الويب‬ ‫‪html‬‬ ‫)لغة ترميز النص التشعبي( التى تتكون من الاوامر‬ ‫تسمى علمات. اوضع علمات حول قطع نص اقول‬ ‫مستعرض الويب كيفية عرض النص ااو الصور. يمكنك‬ ‫عرض مصدر تعليمات ‪ html‬برمجية من صفحة اويب‬ ‫باختيار مصدر الصفحة الخيار في مستعرض‬ ‫اويب.اولكنك ‪ neednt‬تعلم ‪ html‬من اجل بناء موقعك‬ ‫الخاص.‪ lnstead‬يمكنك استخدام معالج النصوص مع‬ ‫تصميم الويب أاو قدرات محرر الويب مخصصة مثل‬ ‫‪ macromedia dreamweaver‬ااو ‪microsoft‬‬ ‫‪ .frontpage‬المحررين الويب سهلة الستخدام او‬ ‫‪) wysiwyg‬ما تراه هو ما تحصل عليه(. الرزرار المختلفة‬ ‫بنود القائمة تسمح لك تصميم صفحة ‪ html‬بداون كتابة‬
    • :Web page elements There are number of different elements :that you can use on 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
    • ‫عناصر صفحة الويب :‬ ‫يمكنك استخدام صفحة ويب: نص - تظهر‬ ‫هذه الرسعالة فعي مجموععة متنوععة من‬ ‫أطقم الطباعة والجحجام. معظم الملفات‬ ‫النصية متاجحة فى صيغتين:‪ html‬او ملف‬ ‫‪ pdf‬يمكععن عرضهععا مع (‪portable‬‬ ‫‪(document format 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 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 docments. 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
    • ‫اوراق المنماط المتتالية )‪-(CSS‬آلية لاضافة أمنماط‬ ‫إلى ‪ docments‬على شبكة المنترمنت. يمكنك‬ ‫استخدام رمز ‪ HTML‬لتحديد الخط وأمنماط‬ ‫النص ولون الخلفية. في أيامنا هذه، ومع ذلك،‬ ‫فإمنه هو أكثر شيوعا لستخدام ‪ .CSS‬هذا‬ ‫يجعل من السهل لتطبيق التغييرات العرض‬ ‫عبر موقع على شبكة المنترمنت.‬
    • Graphics,clip art,icons, background templates, wallpaper, and transparent images – common formats are .jpg (joint photographic experts group), ideal for pictures with many colours,gif (graphics interchange format) ideal for pictures with fewer colours, and.png(portable network graphics), which supports 16 .million colours
    • ‫الرسومات والقصاصات الفنية والرموز والقوالب‬ ‫الخلفية، ورق جدران، والصور الشفافة -‬ ‫الشكال شيوعا هي ‪( JPG‬مجموعة خبراء‬ ‫التصوير(، مثالية للحصول على صور ذات‬ ‫اللوان المتعددة، ‪( GIF‬تنسيق تبادل‬ ‫الرسومات( مثالية للصور مع عدد أقل من‬ ‫اللوان، و. بابوا منيو غينيا )شبكة محمول‬ ‫الرسومات(، والتي تدعم 61 مليون لون.‬
    • meaning word ‫ و ويب المحررين‬HTML Html and web editors ‫النص ابتشعبي‬ hypertext ‫اللغة الترميزية‬ markup language ‫ويب محرر‬ web editor ‫عناصر صفحة الويب‬ Web page elements ‫نص‬ text ‫تنسيق المستند المحمول‬ portable document format ‫خلفية‬ background
    • meaning word ‫الجداول‬ Tables ‫إطارات‬ Frames (css)‫اوراق النماط المتتاليو‬ ( Cascading style sheets(css ‫الرسومات‬ Graphics ‫القصاصات الفنية‬ clip art ‫الرموز‬ icons ‫الخلفية‬ background ‫القوالب‬ templates ‫ورق الجدارن‬ wallpaper ‫صور شفافة‬ transparent images
    • ..Good bey ..