آموزش HTML

درس 22 - پنجره Target

اهداف این درس

1- ساختن یک ابر متنی که که با باز شدن آن صفحه جدید در پنجره ای جدید به نمایش در آید .
2- نوشتن قالبی برای HTML بطوریکه تمامی اتصالات در این صفحه مشخص بار گذاری شود .
3- محدودیت در باز شدن پنجره های متعدد.

شروع درس

برای تمامی صفحاتی که بر روی آن کار می کنیم اسنادی داریم که بر روی آنها ابر متن وجود دارد که با کلیک بر روی آنها صفحه جدید بارگذاری می شود و جایگزین مورد قبل می شود . بازدید کننده می تواند با استفاده از دگمه Back بر روی نوار ابزار به صفحه اول باز گردد.
اما ویژگی وجود دارد که برای باز شدن اتصال در یک صفحه جدید به آن نیاز دارید. در این درس ما به تغییرات در تگ < a href > برای مشخص کردن بارگذاری در پنجره ای جدید در مرورگر می پردازیم .
قبل از شروع باید نکاتی را در نظر داشته باشید . اگر مرورگر شما پنجرهای زیادی بصورت باز شده داشته باشد ممکن است دیدن کننده گمراه شود که کدامیک اول باز شده است . پنجره بعضی از مرورگرهای کامپیوتر کاملا مبهم است و نمی توان فهمید کدام پنجره اول باز شده است ؟

صفت TarGet

کد HTML که ما برای Target استفاده می کنیم بصورت زیر است :

در دروس قبل آموختیم که Href اشاره به یک URL دیگر یا یک صفحه وب دیگر دارد . قسمت دیگری از یک تگ نام آن می باشد که ما برای آن ایجاد می کنیم . ما می توانیم یک نام برای Target ایجاد کنیم که معین کننده هویت داخل مرورگر است . با کلیک بر روی یک اتصال چه اتفاقی می افتد ؟

ادامه مطلب

آموزش HTML

درس 21 - Meta tag

در این درس مروری بر 2 نوع meta tag داریم.
این meta tag ها در قسمتهای مختلف سند html ایجاد شده است که مرورگر شما آنها را نشان نمی دهد.انواع زیادی از این meta tag ها داریم که فقط به 2 نوع از کاربردی ترین انها اشاره میکنیم.
مکانی که این تگ در انجا قرار میگیرد مابین دو تگ < head > و .. < head / > می باشد.
استفاده از تگ Meta refresh برای جلو رفتن یک صفحه
این meta tag به شما این امکان را می دهد که صفحه وب شما بعد از یک عدد اختیاری (بر حسب ثانیه)به نمایش در اید.و سپس به طور اتوماتیک به به صفحه دیگر و یا حتی URL دیگری برود.
تذکر)به عنوان یک طراح صفحات وب باید کوشش کنید که بینندگان سایت شما پیام Site not Found را دیدین نکنند..
شما از طریق ابر متن ها میتوانید در صفحات وب گردش کنیدو به صفحات دیگر هدایت شویدولی با استفاده از Meta tag ها شما میتوانید به طور اتوماتیک چرخش کنید.
1-صفحه index.html راباز کنید و در آن تغیرات زیر را انجام دهید

ادامه مطلب

روز مادر مبارک

مادر،
ای لطیف ترین گل بوستان هستی،
ای باغبان همادر،
ای لطیف ترین گل بوستان هستی،
ای باغبان هستی من،
گاهِ روییدنم باران مهربانی بودی که به آرامی سیرابم کند.
گاهِ پروریدنم آغوشی گرم که بالنده ام سازد

روزت مبارک مادر

 

 

روز مادر بر همه ی مادران مبارک باد

سال نو مبارک

 

 

پیشاپیش فرا رسیدن نوروز باستانی ۱۳۹۰ را به همه هموطنان عزیزم تبریک عرض مینمایم.

سال خوبی را برایتان آرزومندم.

آموزش HTML

درس 20 - نقشه های تصویری

اهداف این درس

1- دانستن تفاوت بین فرآیندهای طرف سرور – طرف مشتری
2- ایجاد تصاویری که هر تکه از آن شما را به قسمتی یا صفحه ای هدایت می کند .

شروع درس

در درس( a 7 ) آموختیم که چگونه می توانیم از تصاویر در صفحات وب خود استفاده کنیم . در اینجا می آموزیم که چگونه یک عکس را بگونه ای در آوریم که هر قطعه از آن بصورت اتصالاتی باشد و شما را به قسمتی از همان سایت و حتی سایتهای دیگر هدایت کند. ایجاد یک نقشه تصویری نیاز به یکسری پردازشهایی از طرف وب سرور دارد که چگونگی آن به قرار زیر است :
1- هنگامی که دیدن کننده صفحه را دید و روی عکس خاص کلیک کرد.
2- مرورگر وب می گوید بر روی من کلیک شده و پیامی را برای وب سرور ارسال می کند که بعضی بر روی مختصات عکس کلیک کردند.
3- وب سرور می گوید که من این مختصات را برای عگس گرفتم . فایل HTML که بدنبال پیدا کردن مختصات عکس می باشد می گوید اگر این مختصات بصورت مستطیل باشد دیدن کننده URL مربوطه را برای وب سرور ارسال می کند سپس سرور اطلاعات را به مرورگر ارسال می کند .
4- مرورگر موافقت می کند و سرور می گوید که به URL مذکور برو .
این از فعالیتهای طرف سرور بود که به سادگی و زیبایی این اعمال جدا را از هم انجام می دهد . اما به آن معنی است که برای کلیک بر روی نقشه های تصویری همیشه باید به وب سرور دسترسی داشت .
تگ نقشه های تصویری برای طرف کلاینت بصورت زیر است :

Img.gif نام عکس و map_nam اتصال آن می باشد . HTML file

 

ادامه مطلب

آموزش HTML

درس 19 - آرایش در جدول

اهداف این درس

1- آرایش جدول در یک صفحه وب با ردیفهای افقی و عمودی در یک نمایش متن در یک صفحه مشبک
2- یکپارچه کردن عکسها و متون
3- ایجاد جدولی با سلولهایی با رنگهای متفاوت
4- ایجاد جداولی که در زمینه آنها از عکس استفاده شده است .

شروع درس

جداول با HTML3 معرفی شد و بعدها با Netscape گسترش پیدا کرد که آرایش را برای المانها و عناصر در صفحه انجام می داد . یکی از بیشترین استفاده های جدول زمانی است که شما می خواهید ستونی از متن را اضافه کنید .
کدهای HTML برای جداول ممکن است خیلی پیچیده به نظر برسد اما ما با ساخت جداول ساده ای کار را شروع می کنیم .
جداول از انتهای چپ با ستونهایی به سمت راست شروع می شوند . سپس ردیف دوم نیز با چنین ستونهایی ادامه دارد و ...
-- > -- > -- > -- > -- > -- > -- > -- > -- > -- > -- > -- > -- > -- > -- > -- > -- > -- > هر کدام از این خانه های مشبک را یک Cell می نامند .

< b >تگ < Table >< /b >

صفت border در تگ Table به مرورگر می فهماند که یک قابی در دور جدول با ضخامت مختلفی که عدد آن بر حسب pixel برابر با مقدار Border قرار می گیرد ، ایجاد کنید هر سطر با تگهای < tr > ... < / tr > ایجاد می شود و اطلاعات هر ردیف با ستونهای آن که با تگ < td > ... < / td > ایجاد می شود توصیف می گردند .
هر تگ < td > ...< / td > می تواند شامل انواعی از تگهای HTML مثل سرفصلها و ابر متنها و تصاویر خطی و غیره باشد ، صفات زیادی را برای تراز کردن اقلام جدول می توانید به کار ببرید .

< td align=left >aligns all elements to the left side of the cell(this is the default setting)	< td valign=top >aligns all elements to the top of the cell
< td align=right > aligns all elements to the right side of the cell	< td valign=bottom >aligns all elements to the bottom of the cell < td valign=bottom >aligns all elements to the bottom of the cell later, siv. Longhorn dec lared that all markers of cheese would have to be certified befor commencing production
< td align=center >aligns all elements to center of the cell	< td valign=middle >aligns all elements to the middle of the cell(this is the default setting)

ادامه مطلب

شبیه سازی

شبيه سازي چيست :

 شبيه سازي علم و هنر ساختن نمايشي (مدلي) از يک پروسه يا سيستم  ، به منظور ارزيابي و آزمايش راهبردها مي باشد، ويا شبيه سازي روشي براي آگاهي از نتايج ايده هاي پيشنهادي قبل از اجراي آنها ويا!Simulation is seeing before being

 چه زمان بايد از شبيه سازي استفاده کرد :

o       شرايطي که تجزيه تحليل جبري ميسر نمي باشد :

• سيستم هاي  غير قطعي

• سيستم هاي  پويا

• سيستم هاي  پيچيده

o       شرايطي که امکان آزمايش در دنياي واقعي وجود ندارد :

• سيستم هنوز ايجاد نشده است.

• ريسک هاي زياد و خطرناکي وجود دارد.

• هزينه آزمايش بالاست.

 چه زمان نبايد از شبيه سازي استفاده کرد :

• مسئله به طور کامل بررسي ومطالعه نشده است.

• هدف فرموله شده اي وجود ندارد.

• مسئله را مي توان از طريق محاسبات جبري حل کرد.

• هيچ ديدي نسبت به جواب هاي مسئله وجود ندارد.

• بهره وري سيستم بسيار بالاست و الگوي ورود نيز بي نظم مي باشد.

ادامه مطلب

هک چیست و هکر کیست؟

 

هک چیست؟

هک یا Hack در دنیای فناوری از چند معنی مختلف برخوردار است که البته این معانی با یکدیگر در ارتباط هستند. رفع سریع و هوشمندانه یک مشکل در یک برنامه رایانه ای یا به طور کلی برطرف ساختن سریع یک نقص رایانه ای از جمله تعاریف و معانی کمتر شنیده شده هک است.
اما معنای مشهورتر این اصطلاح ایجاد تغییر و تحول در یک برنامه یا یک وسیله به گونه ای است که افراد بتوانند به امکانات و قابلیت هایی که به طور عادی در دسترسشان نیست، دسترسی پیدا کنند.
به عنوان مثال برخی هکرها با سرقت اطلاعات شخصی کاربران سرویس های بانکداری آنلاین موفق به انتقال مخفیانه وجه نقد از حسابی به حساب دیگر می شوند.
از این روش در فضای مجازی برای دسترسی مخفیانه به رایانه های شخصی و سرقت اطلاعات آنها و حتی سوءاستفاده از دستگاه های تحت نفوذ برای حمله به دیگر رایانه ها استفاده می شود.
باید توجه داشت که گستره استفاده از واژه هک منحصر به دنیای کامپیوتر نمی‌باشد و توسط افراد با تخصص‌های گوناگون در زمینه‌هایی از قبیل موسیقی و نقاشی نیز به کار می‌رود که به معنی دگرگونی‌های هوشمندانه و خلاقانه فرد در آن زمینه می‌باشد.

ادامه مطلب

آموزش HTML

درس 17 - ايجاد خط

سایز خط

اولین مورد این است که خطوطی می تواند با پهنای متفاوت در صفحه ظاهر شوند .

N برحسب Pixel می باشد .
< hr size=2 >same as< /hr > < hr size=8 >

پهنای خط

ویژگی اختیاری دیگری که در تگ < hr > وجود دارد این است که شما می توانید کنترلی بر طول خط داشته باشید که لازم نیست تا کل طول صفحه ادامه داشته باشد .
< hr width=x >
< hr width=z% >
x عددی بر اساس Pixel می باشد که شامل طول خط است و Z در صدی از طول صفحه جاری می باشد که به طور معمول ما درصد را به شما توصیه می کنیم.

طبیعی است که اگر خواستید چندین خط را در وسط قرار دهید هر کدام از آنها در یک خط جداگانه ظاهر خواهند شد . < p > ...< / p alignment=center >
بیشتر مرورگرها از این تگ پشتیبانی می کنند اما ممکن است بعضی از مرورگرها آن را نادیده بگیرند و از آن چشم پوشی کنند .
حال به آرایش صفحه ساخته شده خود می پردازیم :
1- صفحه index.html را باز کنید .
2- بخش زیر را در آن وارد کنید :


و آن را با عبارات زیر جایگزین کنید

بدون سایه
ممکن است شما نخواهید از سایه در خط استفاده کنید .



ادامه مطلب

آموزش HTML

درس 15 - عدم استفاده از تگهای blink و Marquee

عدم استفاده از تگهای < blink > و < Marquee >


شروع درس

وقتی که یک صفحه وب با مرورگر NetScape باز می شود این مرورگر تگی را نمایان می سازد که به لغت یا قسمتی از جمله تاکید خاصی دارد .
این تگ عبارتست از : < blink >wow< /blink >
از آوردن این تگ در صفحات خود اجتناب کنید . زیرا در بیشتر مرورگرهای وب کارآیی ندارد . اگر شما متن زیر را در مرورگر NetScape مشاهده کنید . آن را چشمک زن می بینید .
عکس زیر در یک فایل Gif می باشد . عملی را که باید این متن در مرورگر Netscape انجام شود را به شما نشان می دهد. در اینجا یک فایل Gif آورده شده است. .

اما ! ! ! شرکت مایکروسافت تگی برای ایجاد حرکت در Internet explorer ایجاد کرده است که عبارتست از < marquee >wow < /marquee >
اما اگر آن را مرورگر Netscape نبینید هیچ حرکتی ندارید . پس بهتر است از این 2 تگ در صفحات وب خود استفاده نکنید .

ادامه مطلب