• Black
  • Blueberry
  • Slate
  • Blackcurrant
  • Watermelon
  • Strawberry
  • Orange
  • Banana
  • Apple
  • Emerald
  • Chocolate
  • Charcoal

عضویت ویژه طلایی گارد ایران با تخفیف 50%

برای عضویت کلیک کنید

16 ارسال در این موضوع قرار دارد

با سلام

 

اموزش زبان html در انجمن بسیار زیاد بود اما هیچ کدام در قالب css3 نبوده است.

 

بنده قصد دارم اموزش کامل html5 در قالب css3 خدمت عزیزان ارئه بدم.

 

و این نکته را هم بگم که وقتی که اموزش هایمان به حد نصاب رسید پروژه قرار داده می شود.

 

قوانین:

 

سوالات در بخش مربوطه پرسیده شود. بنده و دوستان پاسخ گو هستند.

 

پسورد تمامی فایل ها

 

guardiran.org

 

می باشد.

 

کسانی که تمایول به همکاری دارند با من هماهنگ کنند تا اموزش هایشان قرار داده شود.

 

تشکر نشانه رضایت شماست

rezarahemi، samba، DeMoN و 3 کاربر دیگر پسندیده اند

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

           با سلام

 

           در این قسمت از اموزش قرار بنده شما را با تاریخچه html اشنا سازم.

 

              تاریخچه:

Capture.JPG

 

 

 

تشکر نشانه رضایت شماست

kingdeface، fns4565، mzeus98 و 5 کاربر دیگر پسندیده اند

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

ساختار ایجاد سایت:

 

قبل از ایجاد صفحات html باید یک پوشه برای سایت خود ایجاد کنید. میتوانید داخل پوشه سایت خود یک پوشه برای عکسها و یک پوشه

 

برای موزیکها و ویدئوها ایجاد کنید. داخل پوشه سایت، صفحات html و تمامی اشیا وابسته به صفحه را قرار دهید.

fg.PNG

 

تشکر نشانه رضایت شماست

parsa2016، samba، DeMoN و 5 کاربر دیگر پسندیده اند

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

با سلام

 

در این اموزش با انواع تگ ها اشنا می شویم:

 

tags.JPG

Block-level: تگهای این گروه، قبل و بعد از خود تگ BR دارند و بر روی یک پاراگراف عمل میکنند. اشیای دیگر قبل و بعد از آن در سطر
 
های مجزا قرار میگیرند. این گروه ایجاد یک بلوک میکنند.
 
Inline-level: تگهای این گروه، تگ BR ندارند و فقط دربرگیرنده متن و داده هستند و یک بلوک مجزا تشکیل نمیدهند.
 
Container: تگهایی که تگ آغازین و پایانی دارند و دستورالعمل ها و مشخصه های تب آغازین به هرآنچه پس از آن ، تا تگ پایانی وجود
 
دارد اعمال میشود.
 
<Tag name>……………………. </Tag name>
 
Empty: تگهایی که نیاز به تگ پایانی ندارند.
 
<Tag name>
 
تگها دارای attribute میباشند که ویژگی تگها را مشخص میکنند. اما با وجود css استفاده از این attribute ها کم شده است به همین
 
دلیل در ادامه به توضیح چند attribute مهم در برخی تگها خواهیم پرداخت و با استفاده از css ویژگیهای تگها را مشخص خواهیم نمود.
 
<tagname attribute="value">
 
بنده برای دوستان لیستی اماده کردم که تمامی تگ های html5 در ان نوشته شده است و نوع ان هم مشخص شده است.
 
برای دانلود کلیک فرماید:
 
post-324-0-79984900-1434533324_thumb.jpg
 
تشکر نشانه رضایت شماست
 
DeMoN، samba، mzeus98 و 5 کاربر دیگر پسندیده اند

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر
ساختار ایجاد صفحات سایت:

 

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

 

<Doctype html!>

 

این دستور نسخه html را مشخص مینماید تا مرورگر بداند از کدام نسخه html استفاده شده است. Doctype هر نسخه متفاوت است. دستور

 

بالا نشان میدهد که از html5 استفاده شده است.

 

دستور بعدی

 

<html>

<html/>

                                                                                                                                                                                                                                                                       

میباشد. ابتدا و انتهای محدوده صفحه را مشخص میکند و تمامی تگها داخل تگ باز و تگ بسته html قرار میگیرند.

 

بعد از تگ باز html دستور

 

<head>

<head/>

 

نوشته میشود. داخل این تگ، تگهای مربوط به عنوان صفحه و همچنین دستورات css نوشته میشود.

 

بعد از تگ باز head دستور

 

<title>

<title/>

 

نوشته میشود. این تگ مربوط به عنوان صفحه میباشد.لطف کنید تصویر زیر رو باز کنید.

 

 

post-324-0-41162300-1434534699_thumb.jpg

 

می بینید که بنده فلش رو سمت تیتر عبارت تیم امنیتی گارد ایران بردم.واقع امر اینکه طراح این وب سایت در وسط تگ title عبارت تیم امنیتی گارد ایران رو تایپ کرده است به همین علت در ان قسمت شما عبارت تیم امنیتی گارد ایران رو مشاهده می کنید.

 

(خواستم متوجه بشید که title دقیقا کجا را نمایش میده)

 

بعد از تگ بسته head دستور

 

<body>

<body/>

 

نوشته میشود. تمامی تگهای مورد نیاز صفحه داخل این تگ قرار میگیرد. در حقیقت بدنه اصلی صفحه میباشد.

 

 page.JPG

 

تشکر نشانه رضایت شماست

DeMoN، C0d3!Nj3ct!0n، rezamir39 و 6 کاربر دیگر پسندیده اند

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

با سلام


 


قرار در این قسمت توضیحاتی درباره ذخیره فایل ها خدمت عزیزان ارائه بدم.


 


برای ذخیره اولین صفحه باید یکی از نامهای index,default,main را انتخاب کنید. پسوند فایل ذخیره htm یا html میباشد. این دو پسوند در سیستم ویندوز تفاوتی ندارند ولی در سیستم عامل های یونیکس پسوند html حتماً باید سه حرفی

 

باشد به همین دلیل اگر سیستم عامل هاست، یونیکس باشد htm را به عنوان پسوند انتخاب کنید. اگر از حروف فارسی استفاده کردید هنگام ذخیره فایل از لیست بازشو Encoding گزینه Unicode را انتخاب کنید. (که البته این کار اصلا

 

جالب نیست و بهتره است که با تگ meta این کار رو انجام دهیم.)

 

تشکر نشانه رضایت شماست

html.part1.rar

html.part2.rar

html.part3.rar

mzeus98، kingdeface، parsa2016 و 4 کاربر دیگر پسندیده اند

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

توضیحاتی درباره css3:


 


همان طور که قبلا گفتم تگها دارای attribute میباشند که ویژگی تگها را مشخص میکنند. اما با وجود css استفاده از این attribute ها کم شده است به همین دلیل در ادامه به توضیح چند attribute مهم در برخی تگها خواهیم پرداخت و با

 

استفاده از css ویژگیهای تگها را مشخص خواهیم نمود.

 

<"tagname attribute="value>

 

:Cascading style sheets css

 

Css صفحهای آبشاری شکل، شامل مجموعه دستوراتی است که نیازهای طراحی را پاسخ میدهد. نیازهای طراحی عبارتند از:

 

۱- نوشتن کدهای کمتر برای کم شدن حجم صفحات html و بارگذاری سریعتر صفحات html

 

۲- مدیریت ساده طراحی از یک نقطه

 

۳- پوشش ضعفهای html در بخشهای مختلف

 


Css مجموعه دستوراتی است که به تنهایی قابلیت اجرا ندارند و باید در بستر html استفاده شود. پس تنها با یک فایل css نمیتوان صفحه وب طراحی کرد. فقط برخی از دستورات html (مثل : attribute ها) با دستورات css جایگزین

 

شده است.

kingdeface، C0d3!Nj3ct!0n، DeMoN و 4 کاربر دیگر پسندیده اند

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

محل نوشتن دستورات css:

 

Inline: گاهی اوقات طراح سایت نیاز به یک دستو css که فقط در یک بخش از سایت استفاده میشود، دارد و در بقیه قسمت های سایت ان  دستور کاربردی ندارد به همین دلیل دستورات css را به صورت attribute در داخل تگ می 

 

نویسند.

 

<tagname style="css code" >

 

مشکلات این روش:

 

این دستور فقط در محدوده Tag مورد نظر کاربرد دارد و خارج از آن تگ هیچ تاثیری نخواهد داشت. حجم کد html را افزایش می دهد. مدیریت دستورات سختتر شده و برای تغییر استایلها مجبور به جستجو تمام صفحات میباشید. به 

 

همین دلیل توصیه میشود که از این روش کمتر استفاده شود.

 

Embedded: طراح وب برای نوشتن استایلی که فقط در یک صفحه استفاده میشود از این روش استفاده میکند و دستورات خود را در داخل <style></style>  این تگ داخل <head></head> نوشته می شود.

 

در این روش دستورات نوشته شده فقط در همان صفحه قابل استفاده است و در صفحات دیگر از آن نمی توان استفاده نمود. این روش حجم کد و مدیریت آن را بهتر می کند اما هنوز ایده آل نیست.

 

Capture.PNG

 

روش دیگری می ماند با اسم External که از مزایا ان می توان حجم کد کمتر و مدیریت اسان تر و دارای تمامی امکانات کد های CSS بیان کرد. به عبارت دیگر بهترین روش همین روش External است.

 

در اموزش بعدی به روش External  می پردازیم و فیلم اموزشی نیز در این مطلب اماده خواهد شد.

 

موفق و پیروز باشید

mzeus98، kingdeface، samba و 5 کاربر دیگر پسندیده اند

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

برای ارسال دیدگاه یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید دیدگاهی ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در سایت ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

درباره ی ما

تیم امنیتی گارد ایران یک گروه مستقل است که قوانین آن با خط مشی جمهوری اسلامی ایران مغایرت ندارد. تیم امنیتی گارد ایران از سال 1393 فعالیت خود را آغاز کرد و هدف این تیم تامین امنیت سایت ها و سرورهای ایرانی است. تیم ما همیشه برای دفاع از مرزهای سایبری سرزمین عزیزمان ایران آماده است.