Transcript Slide 1
با تكيه بر مفاهيم كاربردي
دوره اول
• مقدمه و آشنايي با مفاهيم مرتبط
• آشنايي با كدها و عناصر صفحات HTML
• مروري بر نرمافزارهاي مرتبط باطراحي وب
• مراحل كامل راهاندازي يك پايگاه اينترنتي ثابت
فناوري اطالعات
نيز به روند‌ها و ابزارهايي
نشر اطالعات و
ي و
فناوري اطالعات يا Information Technologyبه توليد ،گردآوري ،پردازش ،ذخيره‌ساز
در فناوري اطالعات افزايش بهره‌وري زندگي است.
كار را فراهم مي‌آورند گفته ميشود .انگاره اصلي
كه امكان اين
گاهي عبارت مذكور به ص ـورت فن ـاوري اطالعات و ارتـباطات يا ICTكه خالصه شده
عبارت
& Information
Communication Technologyاست ،استفاده ميشود كه درباره آن ميتوان گفت عبارت است از گردآوري ،سازماندهي ،ذخيره و
نشر اطالعات اعم از صوت ،تصوير ،متن يا عدد كه با استفاده از ابز ار رايانهاي و مخابراتي انجام شود.
فناوري اطالعات از دانش و مهارت‌هايي از تمام جنبه‌هاي محاسبه ،ذخيره داده‌ها و ارتباطات شكل مي‌گيرد .اين فناوري حوزه‌ي جديد و تيز‌رشدي را
هنر و تفريح به‌وجود مي‌آورد.
در جهان اطراف ما ايجاد مي‌نمايد و راه‌هاي تازه‌اي براي كسب و كار ،
شامل ميشود كه تغييراتي بنيادي را
منجر به ايجاد دولت
ساير سازمانهاي دولتي
كاربرد صحيح شبكه اينترنت توسط سازمانهاي دولتي جهت ارايه خدمات و اطالعات به مردم ،شركتها و
الكترونيك خواهد گرديد كه مي‌تواند موجب تسهيل و تسريع ارتباطات شود.
اينترنت
Inter Net
يك شبكه جهاني از شبكههاي رايانهاي كه در ابتدا توسط به هم پيوستن شبكههاي نظامي و دانشگاهي ايجاد شدند ،اما سپس كاربردهاي
تجاري و ارتباطي مختلفي نيز براي آن پديد آمد .به اين ترتيب اينترنت شبكهاي از شبكههاي رايانهاي است كه در اين شبكه عظيم ،رايانهها
ميتوانند اطالعات خود را با هم مبادله كنند .براي مبادله اين اطالعات از روش ي بنام TCP/IPاستفاده ميشود .در شكل اين مفهوم به
صورت خالصه نشان داده شده است.
What Is the World Wide Web?
The world wide web (web) is a network of
information resources. The web relies on three
mechanisms to make these resources readily
available to the widest possible audience:
1. A uniform naming scheme for locating
resources on the web (e.g., URIs).
2. Protocols, for access to named resources over
the web (e.g., HTTP).
3. Hypertext, for easy navigation among
resources (e.g., HTML).
Internet vs. Web
Internet:
Internet is a more general term
Includes physical aspect of underlying networks
and mechanisms such as email, FTP, HTTP…
Web:
Associated with information stored on the
Internet
Refers to a broader class of networks, i.e. Web of
English Literature
Both Internet and web are networks
Essential Components of WWW
Resources:
Conceptual mappings to concrete or abstract entities, which
do not change in the short term
ex: ICS website (web pages and other kinds of files)
Resource identifiers (hyperlinks):
Strings of characters represent generalized addresses that
may contain instructions for accessing the identified
resource
http://www.ics.uci.edu is used to identify the ICS
homepage
Transfer protocols:
Conventions that regulate the communication between a
browser (web user agent) and a server
وب يا تار جهان گستر يا World Wide Web
بخش ي از اينترنت است كه به كاربران اجازه ميدهد هر نوع اطالعات گرافيكي را تبادل كنند.
مرورگرهاي وب يا Web browsers
براي مشاهده وب نياز به نرمافزارهايي به نام مرورگرهاي وب است .از مرورگرهاي وب معروف ميتوان به Internet
Explorerو Mozilla Firefoxاشاره كرد.
اتحاديه شبكه جهاني وب
اتحاديه شبكه جهاني وب يا World Wide Web Consortiumكه به صورت خالصه W3Cناميده
ميشود ،يك سازمان بيناملللي است كه مسووليت تدوين و توسعه استانداردها و مقررات عمومي وب را بر عهده دارد .طراحان
نرمافزارهاي مرتبط با اين حوزه ملزم به رعايت قوانين اين اتحاديه هستند.
صفحه وب يا ()Web Page
سندي بر روي وب كه توسط يك مرورگر وب قابل نمايش است را يك صفحه وب ميگويند .صفحه وب در اصل يك فايل متني است كه
توضيحاتي براي مرورگر در بر دارد .اين توضيحات كه TAGيا برچسب ناميده ميشوند ،چگونگي نمايش متون و تصاوير را در يك صفحه
وب نمايش ميدهند.
نمونه يك صفحه وب
Web Browser
)Design View (Preview
)Source Code (HTML
HTML : Hypertext Markup Language
Hypertext : text containing links to other text’s
پايگاه وب يا ()Web Site
يك جايگاه ويژه يا مجموعهاي از صفحات وب كه با نظم مشخص در كنار هم آرايش يافته اند را يك پايگاه وب ميگويند .اولين صفحه يك
پايگاه اينترنتي را صفحه اصلي يا صفحه خانگي يا ( )Homepageميگويند.
صفحات وب يك پايگاه اينترنتي با نظم مشخص ي آرايش مييابند تا سطوح مختلفي براي دستيابي به
مطالب را پديد آورند .بيشتر پايگاههاي اينترنتي شامل امكاناتي مانند صفحه جستجو ،راهنماي پايگاه،
فرمهاي تماس و پرسش و پاسخ و ...نيز هستند.
پايگاههاي اينترنتي سازمانهاي بزرگ ،خود از مجموعه اي از پايگاههاي فرعي تشكيل شدهاند .مديريت يكپارچه
اطالعات عرضه شده در پايگاههاي فرعي يكي از دغدغههاي اصلي مديران اينگونه پايگاههاست كه با استفاده
از نرمافزارهايي كه ويژه اين امر طراحي شدهاند ميتوان راه حل مناسبي براي آن ارايه داد.
صفحات وب در كجا ذخيره ميشوند؟
• در هنگام طراحي صفحات وب ،مي توانيد آنها را در رايانه خود ذخيره كنيد.
• اما براي اينكه ديگران نيز آنها را به صورت برخط ( )Onlineببينند ،بايد آن ها را در رايانه سرويس دهنده
( )Serverقرار دهيد.
Server
Download
Upload
My Computer
براي ساخت صفحات وب چه نرمافزارهايي وجود دارند؟
• نكته :قطعات مختلف صفحات وب (متنها ،تصاوير ،پويانماييها و )...توسط نرمافزارهاي مختلفي ساخته
ميشوند و سپس در قالب يك صفحه يا پايگاه وب بستهبندي ميشوند.
• نرمافزارهاي مرسوم طراحي صفحات وب:
• NotePad
• Macromedia Dreamweaver
)• Microsoft Front Page (And Microsoft Office Collection
• Hot Dog Professional
• Cofeecup
قوانين اصلي طراحي وب
• صفحات اول نام‌هاي ويژه‌اي مثل index.htmيا default.htmدارند.
هر نام استانداردي (فاقد فاصله و كاراكترهاي غي ر
• صفحات فرعي ميتوانند داراي
معمول) باشند .اما بايد داراي پسوندهاي مشخص ي (مانند htmيا ) htmlباشند.
ساخت اولين صفحه وب
Save As HTML:
Browse by a browser:
آشنايي با برچسبها و ويژگيها
Markup Tags
• <mytag> ……… </mytag>
• <b>……….</b>
Correct Order
• <abc>……<def> ……… </abc>…..</def>
• <abc>…....<def>……….</def> ….. </abc>
Attributes
• <font size=“+2”> ……. </font>
A very basic HTML document
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body>
</body>
</html>
THE HEAD
THE BODY
What’s the HEAD for?
<head>
<title> My First HTML Page </title>
</head>
My First HTML Page - Microsoft Internet Explorer
HTML تشريح يك سند
<html>
Opening Tag
Closing Tag
<head>
<title> My name is: A. N. </title>
</head>
<body>
Closing Tag
Opening Tag
This is some text that will appear on the web page.
</body>
</html>
Closing Tag
Special Characters (" & < > £
etc)
<p> " Hello," she said. </p>
<p> £ 1.99 only </p>
<p> r ésumé</p>
<p> >,< and & are special in HTML </p>
My First HTML Page - Microsoft Internet Explorer
“Hello,” she said.
£1.99 only
résumé
>,< and & are special in HTML
آشنايي با برچسبها و ويژگيهاي بيشتر
Link Tags
• <a href=“http://www.google.com/”> This is a link to
somewhere… </a>
Image Tags
• <img src=“http://www.iums.ac.ir/hello.jpg”> </img>
Markup tags
• <b> This text will be bold </b>
• And this is <u> underlined </u>
ويرايش اولين صفحه وب
ساير مفاهيم مرتبط:
سرويس دهنده وب
سرويسدهنده بانك اطالعاتي
صفحات وب ايستا
صفحات وب پويا
HTML
CSS
FTPو HTTP