طراحی سایت با HTML درباره آموزش اچ تی ام ال

طراحی سایت با HTML درباره آموزش اچ تی ام ال

قیمت :   ۱۰۵۰۰ تومان ( ده هزار و پانصد تومان)

رشته :

کامپیوتر و IT

نوع فایل:

HTML -Css – Java Script

توضیحات:


توضیحات :

طراحی سایت آموزشی با HTML درباره آموزش اچ تی ام ال پیاده سازی شده توسط کدهای HTML
 

همراه با پشتیبانی کامل پروژه و اعمال تغییرات لازم در صورت نیاز با درخواست شما

مشاهده تصاویری از محیط اجرایی این پروژه :

SiteHtml1

SiteHtml2

نمونه بخشهایی از سورس کد HTML صفحه اصلی این پروژه :

<html>

<head>

</head>

<body background=”images/bg_main.gif” style=”background-attachment: fixed”>

<div style=”font-style: normal; font-variant: normal; font-weight: normal; line-height: 18px; font-size: 12px; font-family: tahoma, arial, sans-serif; background-origin: initial; background-clip: initial; direction: rtl; cursor: default; margin-left: 0px; margin-right: 5px; margin-top: 0px; margin-bottom: 0px; background: rgb(42, 79, 142) url(‘http://www.neopersia.org/external/images/template2/bg_main.gif’) repeat no-repeat initial”>
<div id=”body” style=”width: 900px; text-align: right; background-origin: initial; background-clip: initial; margin: 0px auto; padding: 0px; background: rgb(135, 185, 238) url(‘http://www.neopersia.org/html/initial’) initial initial initial initial”>
<div class=”body_header” style=”color: rgb(204, 204, 204); height: 100px; background-origin: initial; background-clip: initial; width: 489px; padding-left: 38px; padding-right: 38px; padding-top: 0px; padding-bottom: 0px; background: initial url(‘http://www.neopersia.org/external/images/template2/header.jpg’) no-repeat no-repeat initial 0px 0px”>
<a class=”logo” title=”طراح&#1740; وب – آموزش طراح&#1740; وب” style=”color: rgb(0, 51, 255); text-decoration: underline; display: block; position: relative; top: 20px; right: 95px; width: 270px; height: 100px; ” href=”http://www.neopersia.org/”>
<br class=”Apple-interchange-newline”>
<img src=”http://www.neopersia.org/external/images/spacer.gif” alt=”طراح&#1740; وب – آموزش طراح&#1740; وب” style=”border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; “></a><div style=”position: absolute; width: 472px; height: 87px; z-index: 1; left: 220px; top: 24px” id=”layer1″>
<span style=”background-color: #FFFF00″>
<font size=”4″ color=”#0033FF”><b>
<marquee behavior=”alternate”>آموزش HTML-</marquee></b></font></span></div>
<p>&nbsp;</div>
<div id=”main” style=”margin-top: 0px; position: relative; top: -10px; “>
<div class=”body_content_set” style=”width: 680px; float: left; height: 3886px; margin-left: 20px”>
<div class=”body_content” style=”background-origin: initial; background-clip: initial; margin-bottom: 10px; background: rgb(167, 206, 247) url(‘http://www.neopersia.org/external/images/template2/bg_all_contents_1.png’) no-repeat repeat initial -1381px 0px”>
<div class=”content_top” style=”background-origin: initial; background-clip: initial; background: initial url(‘http://www.neopersia.org/external/images/template2/bg_all_contents_1.png’) no-repeat no-repeat initial -691px 0px”>
<div class=”content_btm” style=”background-origin: initial; background-clip: initial; padding-left: 0px; padding-right: 0px; padding-top: 20px; padding-bottom: 20px; background: initial url(‘http://www.neopersia.org/external/images/template2/bg_all_contents_1.png’) no-repeat no-repeat initial -2071px 100%”>
<div class=”page_title” style=”text-align: center; background-origin: initial; background-clip: initial; margin: 10px 0px; background: initial url(‘http://www.neopersia.org/external/images/template2/bg_all_contents_1.png’) no-repeat repeat initial -2761px 0px”>
<h1 style=”font-style: normal; font-variant: normal; font-weight: bold; line-height: 38px; font-size: 20px; font-family: ‘times new roman’, times, serif; color: #FFFFFF; margin: 0px; padding: 0px”>
آموزش HTML</h1>
</div>
<div class=”page_content” style=”padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; “>
<font color=”#FFFFFF”>آنچه که قبل از یادگیری<span class=”Apple-converted-space”>&nbsp;</span><acronym title=”HyperText Markup Language”>HTML</acronym><span class=”Apple-converted-space”>&nbsp;</span>لازم
است بدانید:</font><p><font color=”#FFFFFF”>برای
شروع کار با<span class=”Apple-converted-space”>&nbsp;</span><acronym title=”HyperText Markup Language”>HTML</acronym><span class=”Apple-converted-space”>&nbsp;</span>شما
به چیزهایی نیاز دارید که در لیست زیر آمده است:</font></p>
<ol>
<li><font color=”#FFFFFF”>شما به یک ویرایشگر
متن نیاز دارید. در ویندوز شما می توانید از
برنامه Notepad استفاده کنید. از هر نرم افزار
ویرایش متن دیگری استفاده کنید اما این نکته
را در نظر داشته باشید که نرم افزار WordPad
که در ویندوز وجود دارد و نرم افزارهایی مانند
Microsoft Office Word و امثال آن برای نوشتن
کدهای<span class=”Apple-converted-space”>&nbsp;</span><acronym title=”HyperText Markup Language”>HTML</acronym><span class=”Apple-converted-space”>&nbsp;</span>مناسب
نیستند چون در هنگام ذخیره کردن متن این نرم
افزارها کدهایی را به آن اضافه می کنند.<br>
نرم افزار Notepad را می توانید از طریق منوی
استارت در قسمت Accessories پیدا کنید یا از
طریق فرمان Run با تایپ notepad در کادر Open
و فشار دادن دکمه Enter.</font></li>
<li><font color=”#FFFFFF”>شما به یک مرورگر
وب به انتخاب خود نیاز دارید. می توانید از
Microsoft Internet Explorer استفاده کنید که
با ویندوز نصب می شود یا از Opera, Mozilla
Firefox و نرم افزارهای مشابه که اغلب به صورت
رایگان برای دانلود در اینترنت وجود دارند.<br>
بهتر است صفحاتی را که می نویسید با چند
مرورگر آزمایش کنید. زیرا در<span class=”Apple-converted-space”>&nbsp;</span><acronym title=”HyperText Markup Language”>HTML</acronym><span class=”Apple-converted-space”>&nbsp;</span>قسمتهایی
وجود دارد که مختص به یک مرورگر خاص است و با
سایر مرورگرها کار نمی کند.</font></li>
<li><font color=”#FFFFFF”>شما به جایی برای
ذخیره کردن متن خود دارید که می تواند جایی
روی هارد دیسک شما، یک فلاپی دیسک یا یک سرور
باشد. البته شما برای استفاده از<span class=”Apple-converted-space”>&nbsp;</span><acronym title=”HyperText Markup Language”>HTML</acronym><span class=”Apple-converted-space”>&nbsp;</span>نیاز
ندارید حتماً به اینترنت متصل باشید، شما می
توانید با استفاده از یک مرورگر وب در
کامپیوتر خود از<span class=”Apple-converted-space”>&nbsp;</span><acronym title=”HyperText Markup Language”>HTML</acronym><span class=”Apple-converted-space”>&nbsp;</span>استفاده
کنید.<br>
برای ذخیره کردن فایلی که با Notepad نوشته
اید کافی است از منوی File گزینه Save As را
انتخاب کرده و مسیری را برای ذخیره فایل
انتخاب کنید و در کادر File Name در پایین
پنجره Save As نام فایل را با پسوند html
بنویسید. در آخر هم دکمه Save را کلیک کنید.</font></li>
</ol>
</div>
<br clear=”all”>
&nbsp;</div>
</div>
</div>
</div>
<div class=”body_sidebar” id=”sideBar” style=”width: 180px; margin-right: 0px; float: right; “>
<ul style=”list-style-type: none; list-style-position: initial; list-style-image: url(‘http://www.neopersia.org/html/initial’); margin: 0px; padding: 0px”>
<li style=”list-style-type: none; list-style-position: initial; list-style-image: url(‘http://www.neopersia.org/html/initial’); margin: 0px; padding: 0px”>
<h2 style=”font-style: normal; font-variant: normal; font-weight: bold; line-height: 28px; font-size: 26px; font-family: tahoma, arial, sans-serif; color: rgb(0, 51, 102); text-align: center; background-origin: initial; background-clip: initial; margin: 0px; padding: 0px; background: initial url(‘http://www.neopersia.org/external/images/template2/side_manu.jpg’) no-repeat no-repeat initial 0px -84px”>
آموزش طراحی وب</h2>
</li>
<li style=”list-style-type: none; list-style-position: initial; list-style-image: url(‘http://www.neopersia.org/html/initial’); margin: 0px; padding: 0px”>
<ul class=”links” style=”list-style-type: none; list-style-position: initial; list-style-image: url(‘http://www.neopersia.org/html/initial’); border: 1px solid #FFFF00; margin: 0px; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px”>
<li style=”list-style-type: none; list-style-position: initial; list-style-image: url(‘http://www.neopersia.org/html/initial’); border: 1px solid #FFFF00; margin: 0px; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px”>
<a class=”active” style=”color: rgb(0, 54, 108); text-decoration: none; display: block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 28px; font-size: 11px; font-family: tahoma, arial, sans-serif; background-origin: initial; background-clip: initial; padding-left: 0px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; background: initial url(‘http://www.neopersia.org/external/images/template2/side_manu.jpg’) no-repeat no-repeat initial 0px -28px” href=”index.htm”>
» مقدمه آموزش HTML</a></li>
<li style=”list-style-type: none; list-style-position: initial; list-style-image: url(‘http://www.neopersia.org/html/initial’); margin: 0px; padding: 0px”>
<a style=”color: rgb(0, 54, 108); text-decoration: none; display: block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 28px; font-size: 11px; font-family: tahoma, arial, sans-serif; background-origin: initial; background-clip: initial; padding-left: 0px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; background: initial url(‘http://www.neopersia.org/external/images/template2/side_manu.jpg’) no-repeat no-repeat initial 0px 0px” href=”osoleNeveshtan.htm”>
» اصول نوشتن HTML</a></li>
<li style=”list-style-type: none; list-style-position: initial; list-style-image: url(‘http://www.neopersia.org/html/initial’); margin: 0px; padding: 0px”>
<a style=”color: rgb(0, 54, 108); text-decoration: none; display: block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 28px; font-size: 11px; font-family: tahoma, arial, sans-serif; background-origin: initial; background-clip: initial; padding-left: 0px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; background: initial url(‘http://www.neopersia.org/external/images/template2/side_manu.jpg’) no-repeat no-repeat initial 0px 0px” href=”KarBaMoton.htm”>
» کار با متون و کلمات</a></li>
<li style=”list-style-type: none; list-style-position: initial; list-style-image: url(‘http://www.neopersia.org/html/initial’); margin: 0px; padding: 0px”>
<a style=”color: rgb(0, 54, 108); text-decoration: none; display: block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 28px; font-size: 11px; font-family: tahoma, arial, sans-serif; background-origin: initial; background-clip: initial; padding-left: 0px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; background: initial url(‘http://www.neopersia.org/external/images/template2/side_manu.jpg’) no-repeat no-repeat initial 0px 0px” href=”SarFaslha.htm”>
» سرفصلها و پاراگرافها</a></li>
<li style=”list-style-type: none; list-style-position: initial; list-style-image: url(‘http://www.neopersia.org/html/initial’); margin: 0px; padding: 0px”>
<a style=”color: rgb(0, 54, 108); text-decoration: none; display: block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 28px; font-size: 11px; font-family: tahoma, arial, sans-serif; background-origin: initial; background-clip: initial; padding-left: 0px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; background: initial url(‘http://www.neopersia.org/external/images/template2/side_manu.jpg’) no-repeat no-repeat initial 0px 0px” href=”Fontha.htm”>
» فونتها، رنگ و اندازه آنها</a></li>
<li style=”list-style-type: none; list-style-position: initial; list-style-image: url(‘http://www.neopersia.org/html/initial’); margin: 0px; padding: 0px”>
<a style=”color: rgb(0, 54, 108); text-decoration: none; display: block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 28px; font-size: 11px; font-family: tahoma, arial, sans-serif; background-origin: initial; background-clip: initial; padding-left: 0px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; background: initial url(‘http://www.neopersia.org/external/images/template2/side_manu.jpg’) no-repeat no-repeat initial 0px 0px” href=”Characters.htm”>
» کاراکترهای خاص HTML</a></li>
<li style=”list-style-type: none; list-style-position: initial; list-style-image: url(‘http://www.neopersia.org/html/initial’); margin: 0px; padding: 0px”>
<a style=”color: rgb(0, 54, 108); text-decoration: none; display: block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 28px; font-size: 11px; font-family: tahoma, arial, sans-serif; background-origin: initial; background-clip: initial; padding-left: 0px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; background: initial url(‘http://www.neopersia.org/external/images/template2/side_manu.jpg’) no-repeat no-repeat initial 0px 0px” href=”Link.htm”>
» پیوند به دیگر صفحات</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<br class=”Apple-interchange-newline”>
&nbsp;

</body>

</html>

  

دانلود کامل همراه با سورس کد HTML پروژه

در تمامی ساعات شبانه روز >> پرداخت آنلاین و دانلود آنلاین پروژه

پذیرش و انجام سفارشات پروژه های شما

شماره تماس پشتیبانی سایت : ۰۹۳۹۲۷۶۱۶۳۰

توجه مهم :

*دوست عزیز در صورت نداشتن رمز پویا یا قطع بودن درگاه بانکی ، لطفا نام پروژه درخواستی خود را جهت هماهنگی برای دریافت شماره کارت واریزی و دریافت لینک دانلود، به واتساپ پشتیبانی سایت  ۰۹۳۹۲۷۶۱۶۳۰  ارسال کنید *(از ساعت ۸ الی ۲۳)

Related posts

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *