PDA

نسخه کامل مشاهده نسخه کامل : آموزش طراحي صفحات وب در اينجا



صفحه ها : [1] 2 3

N I M A
06-05-2006, 00:44
با سلام خدمت دوستان

ابتدا از همه دوستاني كه تقاضاي فايل PDF (الكترونيكي) رو كرده بودند و يه كمي طول كشيد عذر خواهي ميكنم ..
بالاخره وقتشو پيدا كردم و يه جوري جفت و جورش كردم ... حقيقتش خيلي مشكله اين همه آموزش رو با اين حجم به صورت PDF در بياري اما با اميد به خدا اين كار رو كردم ....

دريافت فايل PDF اين آموزش بسيار مفيد از لينك زير :

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
------------------------------------------------------------------------------------------------------------------------------
ابتدا از آموزش HTML شروع مي كنم :


مقدمه

بنام یگانه ی هستی

HTML مخفف Hyper text mark up language ( زبان کد گذاری ابر متن ) می باشد .
HTML در واقع زبان ساخت صفحات وب می باشد . این صفحات می تواند حاوی متنهای آرایش شده ، Link ، تصاویر ، جدول ، Plug – in و ... باشند . استقبال زیاد از این زبان و همچنین کمبود کتابهایی که در این زمینه وجود دارند ما را بر آن داشت تا بدون پرداختن به جزئیات بسیار ریز و غیر ضروری ، منبعی ساده و در عین حال کلی ارائه دهیم که مطالعه آن برای خوانندگان خالی از لطف نخواهد بود .
جهت کد نویسی و طراحی صفحات وب نیاز به یک Text Editor ساده مانند Notepad که در تمامی ویندوزها قابل دسترسی می باشد و نیاز به نصب Text Editor جدید نیست .
برای مطالعه ی این دوره ی آموزشی نیاز است کاربران محترم آشنایی با اینترنت داشته باشند .

ضمنا سیستم شما باید دارای مشخصات سخت افزاری ذیل باشد :

- حداقل سیستم مورد نیاز پنتیوم 233
- 16 مگابایت Ram
- حدود 600 مگا بایت فضای آزاد
-------------------------------------------------
درس 1 - ایجاد اولین سند HTML
بعد از خواندن این درس توانائیهای زیر را در ساخت صفحات وب بدست می آورید:
1- آشنایی و درک تگهای HTML
2- باز کردن محیط کاری متناسب برای ایجاد یک سند HTML
3- استفاده از یک Editor (ویرایشگر متنی )
4- وارد کردن مطالبی به عنوان توصیه بطوریکه در صفحه نشان داده نشود
5- باز کردن سند در Browser برای نمایش آن تحت وب

1- تگ های HTML

وقتی یک مرورگر وب صفحه ای مانند صفحه فوق که شما مطالعه می کنید را نشان می دهد، صفحه از یک فایل متنی خوانده میشود.
کدهای ویژه اي بکار برده شده اند که با علامات <> نشانه گذاری شده اند. قالب عمومی تگ های HTML بصورت فوق می باشد :
< نام تگ / >رشته کاراکتری < نام تگ >
(البته بعضی تگها بصورت فرد عمل می کنند )
مانند:
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

این تگ بیان می کند که مرورگر وب متنی را بصورت زیر نمایش می دهد :
What are HTML tags
- بعدا در مورد تگهای < Hn > توضیح بیشتری خواهیم داد
تذکر :
مرورگر وب نسبت به استفاده از حروف بزرگ یا کوچک حساسیت ندارد.بر خلاف برنامه های کامپیوتر ، اگر شما ایرادی در HTML داشته باشید ، کامپیوتر شما دچار هنگ نمی شود و ایراد بسادگی با رفتن در داخل سند HTML بر طرف میشود. مرورگر شما ، دارای یک سند لغات کوچک می باشد . یکی از جنبه های جذاب HTML ، این است که اگر Browser شما نداند که تگی که در آن نوشته شده چیست ، آن را نادیده می گیرد. برای مثال :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
مثلا تگ < H3 > < /H3 > مورد حمایت مرورگر قرار می گیرند . ولی با مرورگرهای فعلی < wiggle /> و < wiggle > حمایت نمی شوند . اگر ما برنامه نویس یک مرورگر وب بودیم عملکردی برای تگ < wiggle > در نظر می گرفتیم

2- باز کردن محیط کاری

2- باز کردن محیط کاری

برای کامل کردن این بحث ، از ابتدا بهتر است که یک پنجره جدید ایجاد کنید. برای اینکه به شما اجازه می دهد که ضمن نگهداری پنجره فعلی ، پنجره ای جدید برای کار خودداشته باشید. شما خیلی راحت می توانید بین پنجره ها و اطلاعات مختلف گردش داشته باشید . مراحل ایجاد محیط کاری را در اینجا بیان می کنیم :
1- از منوی File مرورگر خود ، گزینه New Window را انتخاب کنید . پنجره دوم ظاهر می شود . اولین پنجره کتاب شماست و پنجره دوم محیط کاری برای تکمیل دروس HTML
2- فایل متنی خود را باز کنید
3- ایجاد سند HTMl
یک سند HTML شامل دو قسمت می باشد ( قسمت های تیتر و بدنه )
- قسمت تیتر ، شامل اطلاعاتی در مورد سندی که نشان داده می شود است .
- بدنه ، شامل کلیه مواردی می باشد که در یک صفحه وب نشان داده می شود .

نمونه یک سند HTML

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
استفاده از مطالبی که توضیح راجع به سند باشد و در صفحه نشان داده نمی شود
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
هر آنچه در صفحه نشان داده می شود
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
این تگ توضیحاتی دارد مبنی بر اینکه برای نوشتن این صفحه از کدام ورژن HTML استفاده شده است . تمامی مندرجات صفحه بین 2 دو تگ < HTML> و < html /> نوشته می شود . ابتدا < Head > و < head / > و سپس < body > و < body / > < ! …… > متنی که ما بین تگ فوق نوشته می شود ، در صفحه وب نمایش داده نمی شود، ولی این اطلاعات در اختیار کسی قرار می گیرد که Source یک صفحه وب را که در پشت صفحه وب قرار دارد می بیند .
وقتی صفحه وب شما دچار پیچیدگی می شود، این مطالب و کدها می تواند برای به روز کردن صفحه وب شما مفید باشد . اینجا به ذکر مراحل ایجاد سند HTML می پردازیم :
1- Editor متنی خود را باز کنید
2- و مطالب زیر را در آن وارد کنید :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
موقعیت تگ < title > و < title /> داخل دو تگ < head > و < head /> می باشد و این که در صفحه نشان داده نمی شود پس کار آن چیست ؟
تگ < html > شناسه یگانه ای است برای هر سند HTML و در قسمت Title bar بار مرورگر شما نمایش داده می شود .
در درس 3 شما می آموزید که چگونه رشته کاراکتر را برای Title اضافه کنید و در صفحه وب شما ظاهر شود . ذکر این نکته ضروری است که دراین تگ توضیح اسم نویسنده و تاریخ ایجاد سند HTML ذکر می شود و شما می توانید هر نکته ای را درون این تگها نمایش دهید . ولی فقط در سند HTML قابل رویت می باشد و در صفحه وب شما قابل مشاهده نیست.
3- سند خود را به نام Lesson1.html ذخیره کنید و آن را در فولدر خاص مورد نظر خود نگهداری کنید

تذکر ( برای استفاده کنندگان ویندوز 3.1 ) :
شما باید سند HTML خود را با نام HTM .نام فایل ذخیره کنید . بنابراین نام فایل شما در این مثال Lesson1.htm خواهد بود . نگران نباشید مرورگر شما به اندازه کافی هوشمند می باشد و می داند که آخر نام فایل شما HTM می باشد . HTM نیز یک فایل HTML می باشد .
استفاده کنندگان ویندوز 95 به بالا می توانند نام فایل را Lesson1.html قرار دهند . طبق مثال فوق با استفاده از این اسم و پسوند مرورگر فایل شما را مانند یک فایل HTML می خواند و آن را بصورت صفحه وب نشان می دهد .

نمایش سند در یک صفحه وب

1- بر گردید به مرورگر وب که برای محیط کاری از آن استفاده می کنید . از منوی File گزینه Open را انتخاب کنید .
2- از کادر محاوره ای که باز می شود ، سند مورد نظر ایجاد شده را باز کنید .
3- حال در Title bar مرورگر خواهید دید Lesson 1

چک کردن فایل

سند خود را با صفحه وبی که در پیش رو داریدمقایسه کنید، بعد از نگاه کردن نمونه از دکمه Toolbar back استفاده کنید تا مرورگر شما دوباره به این صفحه باز گردد . اگر سند شما با سند نمونه تفاوت داشت دوباره مروری بر مطالبی که وارد کردید داشته باشید . از اشتباهات معمولی که وجود دارد عدم مشاهده Titlebar می باشد . متنی که بین تگ های < title > و < title /> قرار داده شده در Title بار نشان داده نمی شود . از اشتباهات معمول دیگر برای کسانی است که از برنامه های پردازشگر لغات برای Type HTML استفاده می کنند و نمیتوانند آن را در مرورگر باز کنند .در این صورت صفحه آنها پر از کاراکترهای اضافی است .
اگر شما به دنبال یک Editor ساده و ارزان هستید پیشنهاد ما به شما Notepad می باشد.

مرور عناوین

1- تگ های HTML چه هستند ؟
2- متن تگ Title در کجا قرار می گیرد؟
3- چه مراحلی را برای ایجاد یک سند HTML باید دنبال کرد ؟
4- چگونه یک تگ توضیح ایجاد می شود ؟
5- چگونه می توانید سند HTML خود را در مرورگر نمایش دهید ؟

یک تمرین :

یک سند HTML که شامل تگ Title باشد ایجاد کنید و سپس آن را در مرورگر نمایش دهید . "حال صفحه اول شما ساخته شد"

Wisdom
06-05-2006, 00:49
نيما جان عالي بود
HTML زبون پايه طراحي وب هستش و يادگرفتنش براي همه زبون هاي ديگه الزامي هستش

يك نكته هم بود كه برات پيغام خصوصي ميدم [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

N I M A
06-05-2006, 00:51
درس 2 - ویرایش یک سند HTML

شما اولین سند HTML خود را ایجاد کردید . در این درس خواهید آموخت که چگونه با سرعت ، تغییراتی در سند خود ایجاد کنید و تغییرات را در مرورگر خود ببینید. بعد از آموزش این درس توانائیهای زیر را خواهید داشت :
1- ایجاد یک محیط کاری
2- تغییرات در سند HTML
3- اجرای سند مرورگر برای دیدن تغییرات

ایجاد دوباره محیط کاری

برای تکمیل این درس شما نیاز به ایجاد یک پنجره مرورگر دوم و پنجره Editor متنی که در درس 1 استفاده کردید دارید.
1- یک پنجره جدید از مرورگر. به وسیله انتخاب گزینه New Window از منوی File .
2- از گزینه Open برای باز کردن سند HTML که در قبل ایجاد کردید استفاده کنید.
3- Editor متنی خود را دوباره باز کنید .

انجام تغییرات در سند HTML

1- وارد شدن در پنجره Edit ویرایشگر متنی
2- متن زیر را در درس قبل وارد کنید .
"در اینجا شما با یک سایت آموزشی – آموزش از را دور روبرو هستید
امیدواریم از این سایت لذت ببرید "
نکته :
این متن بالای تگ < body / > و < html / > باشد.
بین < body > و < body / > نوشته می شود .
3- از منوی فایل ، با انتخاب گزینه Save تغییرات خود را ذخیره کنید .

باز کردن سند در مرورگر

به محیط کاری مرورگر خود بازگردید . جایی که فایل قبلی شما نمایش داده شده است . توجه داشته باشید که متون جدیدی که شما وارد کردید، هنوز قابل رویت در پنجره شما نیست . برای دیدن این تغییرات از کلید Refresh استفاده کنید . در این صورت هر تغییری که ایجاد کرده اید را مشاهده می کنید .
ذکر این نکته ضروری است که مرورگر وب از کلیه فاصله ها و کاراکترهای خالی که در سند وارد کردید چشم پوشی می کند .
البته مشخص است که زمانی می رسد که شما نیاز دارید که جاهای خالی در سند خود را مابین پاراگرافها استفاده کنید که در درس 4 این مطلب را می آموزید . شما می توانید فایل خود را در Desktop ذخیره کنید و از همانجا به اجرا در آورید .

آزمایش

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

مروري بر مطالب

1- چگونه محیط کاری را باز کردید.
2- چه مراحلی را برای ایجاد تغییر دنبال کردید.
3- چگونه تغییرات را در سند خود مشاهده کردید.

تمرین :

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

N I M A
06-05-2006, 00:57
درس 3 - نشانه گذاری 6 درجه

اهداف این درس :

1- شناسایی درجات مختلفی از نشانه گذاری در HTML و تگهای مربوط به آن
2- گذاشتن درجات مختلف نشانه گذاری در سند و مشاهده تغییرات در مرورگر

نشانه گذاری عنوانگذاری HTML

< hn / > متن شما به این سایز ظاهر می شود < hn >
n عددی است از 1 تا 6

مثال
در اینجا این نوشته 6 درجه مختلف دارد . درجات این نشانه گذاری مابین درجات 1 تا 6 می باشد و در خارج از این رده تناقض دارید ،

جایگذاری عنوان ها در سند HTML

تذکر : اگر محیط کاری ندارد طبق آدرس قبل ایجاد کنید .
1- محیط کاری باز کنید ( اگر هنوز باز نشده است )
2- به پنجره ویرایشگر متنی بروید .
3- پنجره HTML که در درس 2 ایجاد کردید را باز کنید .
4- این تگها را برای بزرگترنمایش دادن titlebar استفاده می کنیم .
< h1 > lesson1 < / h1 >
5- مطالب زیر را وارد کنید
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
6- تغییرات خود را ذخیره کنید .
7- به پنجره مرور گر باز گردید و سند را باز و Refresh کنید.

آزمایش

سند خود را با سند نمونه مقایسه کنید اگر بعضی ازنشانه گذاری ها اعمال نشده بود دوباره تگهای مربوط را اصلاح کنید .
از اشتباهات معمولی که در هنگام کار عملی در این درس پیش می آید عدم استفاده از در نشانه گذاریها است .
< h1 > lesson1 < h1 > علامت اسلش فراموش شده است اگر / در تگ فراموش شود . مرور گر آن متن را با این درجه نشان نمی دهد و برای اصلاح دوباره باید به سند باز گردید .

مروری بر مطالب

1- درجه های مختلف نشانه گذاری حروف چه هستند ؟
2- تگهای مرتبط با این درجات نشانه گذاری چه هستند ؟
3- چه مراحلی را بایدبرای ایجاد متون با سایزهای مختلف دنبال کنید .
4- اگر / را فراموش کردید چه باید کنید ؟

تمرین :
در سند HTML خود از 3 درجه نشانه گذاری استفاده کنید.

N I M A
06-05-2006, 01:01
درس 4 - شکستن پاراگراف

اهداف این درس

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

شروع درس :

در درس قبل گفتیم که مرورگر وب شما از تمامی فضاهای خالی که در ویرایشگر در هنگام ایجاد سند وارد نمودید ، چشم پوشی می کند . اما هنگامی که مرورگر تگ زیر را مشاهده کند مجبور به ایجاد یک پاراگراف می شود .
< p />این تگ باعث ایجاد پاراگراف جدید می شود
< p > در درسهای بعدی خواهید دید که چرا باید از تگ < p /> نیز استفاده کرد .
همچنین < br > یک خط خالی ایجاد می کند . بنابراین نیازی نیست که تگ چک شود .

وارد کردن پاراگراف جدید و شکستن خط
1- باز کردن محیط کاری
2- رفتن به پنجره ویرایشگر متنی
3- باز کردن سند (lesson1.html)
4- برای انتقال دادن جملات از موس استفاده کنید .
شما در این قسمت سایت آموزش از راه دور (Training the web) را دنبال خواهید کرد و در این درس می آموزید که چگونه پاراگراف جدید ایجاد کنید یا فاصله ای ایجاد کنید .
5- حال به سند html خود باز گردید و این متن را در آنجا انتقال دهید .
6- تغییرات خود را دخیره کنید .
7- به مرورگر خود باز گردید .
8- اگر سند کاری شما باز نیست می توانید از منوی File ، گزینه Open استفاده کنید . (طبق قبل)
9- پنجره جاری را برای دیدن تغییرات Refresh کنید .
10- به سند ویرایشگر متنی باز گردید .
11- دوباره تگهای زیر را به جملات اضافه کنید .
< h2 / > آموزش از راه دور < h2 >
شما در این قسمت از سایت آموزش از راه دور را دنبال خواهید کرد . < P > در این درس می آموزید که چگونه یک پاراگراف جدید و فاصله ایجاد کنید .
12- تغییرات خود را ذخیره کنید .
13- به مرور گر خود باز گردید و Refresh کنید و نتایج تغییرات را مشاهده کنید.

صورتهای دیگر شکستن پاراگراف
از روشهای دیگرایجاد پاراگراف استفاده از خطوط افقی یا تگ hr می باشد .
شما می توانید یک خط راست و مستقیم ایجاد کنید . قالب عمومی html برای ایجاد خط تگ < hr > می باشد .
در آخر تگ < Br > مجبور می شود که متن شکسته شود مانند < p > بدون اینکه نیاز به وارد کردن خط خالی داشته باشید . تگ < br > مانند تگ < p > متن را مجبور به ظاهر شدن در خط جدید می کند . شما از این تگ در هنگام نوشتن اشعار و غیره استفاده می کنید .

مروری بر مطالب

1- تگهای HTML برای شکستن خط و ایجاد پاراگراف چه هستند ؟
2- چه مراحلی را برای ایجاد تگها دنبال خواهید کرد ؟
3- چگونه می توانید تغییرات خود را ببینید ؟

تمرین

از تگهای < Br > , < hr > , < p > در سند خود استفاده کنید .

N I M A
06-05-2006, 01:04
درس 5 - سبکهای مختلف نوشتاری
< b >< I >< tt >
HTML می تواند به مرورگر بفهماند که قسمتهایي از متن را بصورت ضخیم و یا ایتالیک درآورد .

اهداف این درس
بعد از آموزش این درس
1- تگهای ضخیم و یا ایتالیک و .... به شما شناسانده خواهد شد
2- متون خود را در سند HTML به سبک های مختلف وارد کنید و سپس آن را در مرورگر مشاهده کنید .

شروع درس
HTML طرحهای مختلفی را در ارتباط با سبک های مختلف نوشتاری به شما می دهد.
سبک های مختلف متن را در سند HTML خود وارد کنید .
اگر محیط کاری ندارید باز کنید مراحل زیر را دنبال کنید .
1- محیط کاری خود را دوباره باز کنید .
2- سند خود را که به نام lesson1.html ذخیره کردید باز کنید .
3- لغت آموزش را از درون آن پیدا کنید حال می خواهیم آن را ضمیمه کنیم .
4- تگ مرتبط با عمل فوق را وارد کنید . < b / > آموزش از راه دور < b >
5- حالا پاراگراف دوم را با صورت ضخیم و ایتالیک درآورید.
برای اینکه تاکید بیشتری روی قسمتی از متن داشته باشید بوسیله تگ های < I >, < /b > , < b > می توانید این تاکید را انجام دهید .
6-برای اشاره به قسمت خاصی از متن مثل نام نویسنده ، می توانید از تگ
< tt > , < / tt > استفاده کنید .
7- تغییرات خود را ذخیره کنید و مجددا مرورگر خود را باز کنید .

آزمایش

عملیات خود را تست کنید
مروری بر مطالب
1- تگهای سبک های نوشتاری چه هستند ؟
2- انواع تگهای مختلف برای سبکهای مختلف
3- مراحلی که برای ایجاد این سبکهای متنی دنبال می کنید چیست ؟

تمرین
1- از تگهای bold و italic و دیگر تگها در جملات خود استفاده کنید .

N I M A
06-05-2006, 01:08
درس 6 - < ul >, < ol > لیستها
لیستها روشهای خوب و روشنی برای بیان مطالب هستند .

اهداف این درس
1- شناسایی کدهایی برای ایجاد لیستها
2- ایجاد لیست در سند و مشاهده آن

شروع درس
خیلی از صفحات وب اقلام خود را بصورت لیستهای نقطه دار یا شماره دار نشان می دهند ، بوجودآوردن این لیستها در HTML کار آسانی است . همچنین شما می توانید لیستهای تو در تو نیز ایجاد کنید ، لیستها در جداول و فصل بندی ها نیز بسیار مهم هستند .
لیستهای نامرتب یا تگهای < ul > و < ul / > مانند لیست نقطه دار اقلام ظاهر می شوند . اینگونه لیستها نیاز به مرورگرهای خاصی برای تیتر دارند و همه نوع مرورگری آن را حمایت نمی کند .

مثال :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
تگ < UL > و < UL / > به ترتیب در آغاز و پایان لیست ظاهر می شود.
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

لیستهای مرتب
در این لیستها اقلام بصورت مسلسل شماره گذاری می گردند و شروع آن با عدد 1 می باشد.
لیستهای تو در تو
لیستهای مرتب و نامرتب سطوح مختلفی دارند که هر کدام می توانند توسط مرور گر شما بطور مناسب اختصاص داده شوند توجه اصلی شما باید به این قضیه معطوف باشد که مشخص شود که لیست بطور مناسب پایان پذیرفته و ترتیب لیست تو در تو رعایت شود . تگهایی که در این قضیه استفاده می شود عبارتند از :
< ol > , < li > , < /ul > , < /li >

مثال :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

ترکیب لیستهای تو در تو با یکدیگر
نه تنها می توانید لیستهای مرتب را با یکدیگر ترکیب کنید بلکه می توانید انواع مختلفی از لیستها را با هم ترکیب و بکار برید .

قرار دادن لیست ها در سند HTML
1- باز کردن محیط کاری
2- باز کردن سند HTML در ویرایشگر متنی
3- در زیر سر فصل آموزش از راه دور از لیستهای نامرتب برای نمایش آموزشهایی که در سایت بصورت Online داریم استفاده می کنیم
4- ابتدا جمله فوق را استفاده کنید . چندمورد از آنها را می دانید ؟
5- قالب HTML را برای ایجاد لیست اضافه کنید .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
6- می توانیم از لیستهای مرتب برای تکلیف درس استفاده کنید .
7- نتایج خود را ذخیره کنید .

مروری بر مطالب
1- لیستها در صفحات وب چه ارزشی دارند ؟
2- تگ های HTML مرتب با لیستهای نامرتب چیست ؟
3- تک لیستهای مرتب چیست ؟
4- چگونه لیستهای تو در تو آرایش می شوند ؟
5- چه مراحلی برای اضافه کردن این لیستها ایجاد می شود؟

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

N I M A
06-05-2006, 01:09
درس 7 - قالب بندی فایلهای گرافیکی و استاندارد های مورد استفاده در صفحات وب

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

اهداف این درس
1- شناسایی فایلهای گرافیکی شبکه www
2- بحث کلیدی در مورد استفاده از گرافیک در سندهای وب
3- انتقال فایل گرافیکی از وب به کامپیوتر شخصی خود
4- استفاده از قالب صحیح برای تصاویر در صفحات وب

شروع درس
همانطور كه مي دانيد تعداد بسیار زیادی از قالب بندیهای گرافیکی وجود دارند .مثل pict , hif : tiff , png حالتی که مرورگر وب گرافیکها را در شکل ، HTML نشان می دهد بیان کننده محل فایل گرافیکی در یک قالب دستوراتی است که می تواند توسط انواع مختلفی از کامپیوترها تفسیر شود .

برای مثال :
هنگامی که اطلاعات در آن قالب به کامپیوتر مکینتاش می رسد مرورگر آن را در قالب دستور برای مکینتاش نشان می دهد و برای کامپیوترهای معمولی وضع به همین منوال است.gif اطلاعات تصویر را فشرده می کند ( کاهش حجم فایل) و اطلاعات را به کدهای دودوئی قابل ارسال برروی اینترنت تبدیل می کند. gif فشرده موثر ترین فایل گرافیکی است که ناحیه یکپارچه رنگی متصل به حجمی دارد و فشردگی آن قابل تنظیم است . هنگامی که رنگ به طور متوالی در یک جهت افقی باشد فایلهای gif خاصیت شفافی دارند ، بنابراین فایلهای gif با درجه خلاصه سازی ذخیره می شوند و در صفحات وبی که از gif برای تصاویر استفاده شده ، تصاویر به زودی دیده می شوند. ابتدا تصوير به صورت تیره ظاهر مي شود تا در نهايت تصویر نهایی ظاهر گردد .
از فرصتهای دیگر تصویر jpg می باشد که مخفف کلمات Joint photo graphic expert group در اوایل شروع تصاویر jpeg در صفحه نشان داده نمی شدند و در پنجره ای جداگانه به نمایش درمی آمدند . اما مرورگرهای امروزی از فایلهای jpeg پشتیبانی می کنند و آنها را در صفحه نمایش می دهند .
اگر تنوع رنگ در فاصله کمی زیاد باشد ، برای فایلهای با قالب jpeg می توان به درجه خلاصه سازی تعریف کرد. فایلهای jpeg قابلیت تحرک و انیمیشن سازی ندارند . برای بدست آوردن اطلاعات بیشتر برای این قالب فایل به آدرس زیر مراجعه کنید .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] تعداد زیادی از برنامه های گرافیکی می توانند فایل را با پسوند gif ذخیره کنند . امروزه برنامه های image ready از شرکت adobe طرح مشخصی برای ایجاد تصاویر گرافیکی دارند .
نکاتی که هنگام استفاده از تصاویر گرافیکی باید در نظر گرفت . هنگامی که در صفحه وب از عکس استفاده می کنید، به نکات زیر توجه کنید .
• تصاویر بزرگ و بیشماری که کل صفحه کامپیوتر را در بر می گیرد برای کاربری که در انتظار ظاهر شدن آن عکس می باشد ، خسته کننده می شود . پیشنهاد این است که کل سایز عکس را بیشتر از 100kb نکنید .
• همه کاربران از مانیتور 21 اینچ استفاده نمی کنند طول تصاویر بکار برده شده را بیشتر از pix 480 و عرض آنها را بیشتر از pix 300 نکنید که کاربر مجبور می شود برای دیدن تمام عکس از Scroll استفاده کند .
• شیب رنگ برای فایلهای gif ممکن است زیاد به نظر برسد اما فایلهای gif نمی توانند این ناحیه رنگ یکپارچه را فشرده کنند . بعضی برنامه های گرافیکی این اختیار را به شما می دهند كه ، هنگام برگردان فایل به gif ، لبه های تصویر هموار شود و از اختلالات تصویر کاسته شود .
بهتر است اول تصاویر کوچک استفاده شود و سپس این تصاویر به تصاویر با سایز بزرگتر اتصال پیدا کنند .
یک تصویر خاص که شما در صفحه اینترنت می بینید ، ممکن است هر بار در یک بازه زمانی ، برای شما ظاهر شود .
• بیشتراوقات ، مرورگر تصاویر را از hard disk شما cash می کنند. یعنی هنگامی که یک عکس بارگزاری می شود ،از hard شما آورده می شوند . شما ممکن است که صفحه زیبا طراحی کنید که عکسهای بزرگی در آن بار گزاری شوند اما برای یک مودم با سرعت کم و شبکه شلوغ کار مشقت باری است .

مروری بر مطالب
1- دو قالب معمول مورد استفاده تصاویر در صفحات وب چیست ؟
2- چگونه یک تصویر گرافیکی در کامپیوترهای مختلف نشان داده می شود ؟
3- نکاتی که هنگام استفاده از تصاویر وب باید در نظر گرفت چیست ؟

N I M A
06-05-2006, 01:13
درس -٧-ب - قرار دادن تصاوير در اسناد

اهداف این درس

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

شروع درس :
تگ های HTML برای تصاویر گرافیکی خطی
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
وقتی که نام فایل gif مانند همان نامی باشد که اسم آن فایل است و در شاخه خاصی قرار گرفته ، در اینصورت مرورگر می تواند آن تصویر را مابین متن ها نشان دهد .
برای اینکه تصویر در خط دیگری وارد شود می توان قبل از تگ تصویر یک تگ پاراگراف قرارداد .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
تنظیم محل عکس به وسیله صفتی آورده می شود < IMG > شما می توانید در همجواری عکس و متن کنترل داشته باشید صفت align در تگ < IMG > این امکان را برای شما ایجاد می کند
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
قرار دادن تصویر در صفحه وب :

1- باز کردن محیط کاری
2- باز کردن فایل Lesson1 .html
3- در بالای < h1 / > آموزش از راه دور < h1 > تگ زیر را قرار دهید .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
این قالب HTML در بالای صفحه قرار خواهد گرفت .
4- ذخیره کردن صفحه و بار گزاری مجدد .
تذکر ) در هنگام جاگذاری عکس ممکن است تعجب کنید که چرا در اینجا برای شکسته شدن پاراگراف نیاز به تگ < p > نداشتید . دلیل آن این است که مرورگر در صورت برخورد به تگ < h1 > و < h2 > و ... خود خط ایجاد می کند .

صفتALT

اگر صفحه وب شما به وسیله کاربری که با مرورگر متنی کار می کند دیده شود در اینصورت تصویر دیده نمی شود یا ممکن است کاربران برای جلوگیری ازاتلاف زمانی که در اثر بارگیری یک عکس در یک شبکه شلوغ پیش می آید از دیدن عکس صرفنظر کرده و بارگذاری را متوقف کنند در این حالت است که صفت ALT در تگ Img مفید خواهد بود . در این صفت توضیحی راجع یه عکس آورده می شود که با نگهداشتن ماوس روس عکس این صفت ظاهر می شود.
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
امکان دیگری که شما می توانید در تگ < img > داشته باشید صفات Height و Width می باشد با این دو صفت می توانید ابعاد یک تصویر را مشخص کنید .
< Img src=" filename.gif" width=X height=Y >
X - طول و Y عرض تصویر را مشخص می کند.
شما می توانید از یکسری از برنامه های گرافیکی سودمند برای اینکه این اعداد را تخمین بزنید استفاده کنید. روش دیگر برای پیدا کردن ابعاد عکس این است که شما می توانید آیکون مورد نظر را با Drag and Drap به پنجره مرورگر بکشید و طول و عرض تصویر در Titlebar مرورگر نشان داده می شود .

تذکر : ترتیب صفات در تگ < Img > مهم نیست .

مروری بر مطالب

1- قالب HTML برای تصاویر چیست ؟
2- برای اینکه عکس در یک پاراگراف جداگانه ظاهر شود از چه تگی استفاده می شود ؟
3- چگونه یک عکس را به صفحه خود اضافه می کنید ؟
4- صفات تگ < Img > چیست ؟

تمرین

در صفحات خود از تصویر استفاده کنید .

N I M A
06-05-2006, 01:20
درس 8 - LINK ( اتصال )

URL- چیست ؟

قدرت واقعی وب در توانایی آن در ایجاد ابر متن هایی است که وابسته به اطلاعات است که آن اطلاعات بصورتهای صوت و عکس و ... انیمیشن در یک کامپیوتر راه دور قرار داده شده است www پهناور از یک آدرس شناخته شده بنام URL که مخفف Uniform Resource Location است برای مشخص کردن موقعیت مکان خود استفاده می کند.
این اتصالات ابرمتن معمولا با خطی در زیر آن مشخص شده اند.
a ) اتصال به یک فایل محلی

اهداف این درس

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

شروع درس

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

اتصال به فایلهای محلی

ساده ترین روش اتصال این است که فایل HTML دیگری که در همان شاخه سند ما قرار دارد ایجاد گردد و در صفحه وب به نمایش در آید .تگ HTML آن بصورت زیر است :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
برای لنگرگاه لینک استفاده می شود و href برای ارجاع دادن ابرمتن مطلب یا عکسی که از آن به عنوان اتصال استفاده می شود بعد از بسته شدن اولین تگ و قبل از شروع < a / > قرار می گیرد . معمولا متونی که دارای اتصال هستند با خطی در زیر آنها مشخص می شوند .
حال مراحل زیر را برای ساختن یک اتصال دنبال کنید:
1- ابتدا فایل Lesson1.html را باز کنید .
2- در زیر لغت آموزش از راه دور متن زیر را وارد کنید .
"در اینجا ما سعی می کنیم شما را با بزرگترین سایتهای آموزش از راه دور آشنا کنیم و برخی از آنها را ترجمه و برای استفاده شما در سایت بکار ببریم" .
3- حال عبارات زیر را وارد کنید: در این صفحه شما طراحی صفحات وب را مطالعه خواهید کرد
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
امیدواریم استفاده لازم را ببرید . جمله آموزش HTML را می توانید در یک سند HTML ثانوی با نام Lesson2.html ذخیره شده ببینید که در مراحل 5 و 6 آن را دنبال می کنیم .
4- سند خود را ذخیره کنید .
5- حال بوسیله ویرایشگر متنی یک ویرایشگر جدید باز کنید.
6- متون زیر را وارد کنید .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
در اینجا بر عناوین آموزش HTML که از مهمترین آنها ساختن ابر متن ها می باشد می پردازیم :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
7- این فایل را با نام Lesson2.html ذخیره کنید.
8- دوباره فایل Lesson1.html را بارگذاری کنید .
9- هنگامی که روی آموزش HTML کلیک کنید به صفحه 2 که در مورد آموزش HTML می باشد هدایت می شوید .

اتصال به یک تصویر :

در درس 7 توضیح دادیم که چگونه یک عکس خطی را در صفحه وب نمایش دهیم . با تگ anchor شما می توانید یک اتصال برای نمایش فایل گرافیکی ایجاد کنید . هنگامی که این اتصال انتخاب شود فایل گرافیکی برای نمایش فایل گرافیکی به کامپیوتر شما آورده می شود . ساده ترین روش آن است که تصویر و سند شما در یک شاخه باشند . با یک اتصال ساده بر روی یک متن فایل گرافیکی به نمایش در آید.
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
حال مراحل زیر را برای اضافه کردن یک اتصال به فایل گرافیکی در سند خود دنبال می کنیم :
1- یک عکس در کامپیوتر خود قرار دهید .
2- فایل Lesson2.html را باز کنید .
متن زیر را به آن اضافه کنید :
برای آموزش بهتر از یک سری تصاویر استفاده می کنیم . با دیدن آموزش مفیدتر خواهد بود.
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
3- ذخیره مراحل انجام شده
4- کلیک بر روی اتصال که در مرحله 3 ایجاد شد.
5- تصویر نمایش داده می شود .

اتصال به شاخه های دیگر

نوع دیگر اتصال ، اتصال به فایل در شاخه ای به جز آن شاخه ای که سند اصلی ما در آن قرار دارد. مثلا در آموزش ما ممکن است از تصاویر پیشنهادی استفاده کنیم که همه آنها را در شاخه تصویر ذخیره می کنیم و سندهای HTML را در شاخه سند ، بنابراین در اینجا از اتصال شاخه به شاخه استفاده می کنیم .
مراحل زیر را انجام دهید :
1- در کامپیوتر خود شاخه ای به نام Picture ایجاد کنید .
2- فایل گرافیکی Lesson2.gif را به یک شاخه جدید منتقل کنید .
3- فایل Lesson2.html را در ویرایشگر خود باز کنید .
4- تگ زیر را به سند خود اضافه کنید :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
5- سند خود را ذخیره کنید و دوباره بارگذاری کنید .

اتصال در شاخه های تودرتو

ممکن است برای آدرس دهی در اتصالات مجبور به استفاده از فولدرهای تو در تو شویم :
< a href ="…/…/home.html" >back to home< /a >
هر کدام از این مسیرها که با / جدا شده اند یک URL می باشند که به مرورگر برای نمایش عکس در صفحه کمک می کنند .
1- ابتدا یک فولدر با نام آموزش ایجاد کنید .
2- دو فایل HTML شناخته شده خود را به این فولدر انتقال دهید .
3- تصاویر خود به نامهای Lesson1.jpg و Lesson2.jpg را در فولدر Picture انتقال دهید. سپس فولدرهای Picture و Amozesh را به فولدر Work انتقال دهید.
4- فایل Lesson1.html را باز کنید .
5- به اتصال درون این فایل توجه کنید.
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
6- تگ < Img > را ویرایش کنید .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
7- اعمال خود را ذخیره کنید .

یک تغییر کوچک

روش نرمال و معمولی برای ذخیره سازی اسناد این است که معمولا سند اول را با نام Index.html ذخیره می کنند پس بهتر است فایل Lesson1.html را Rename کرده و آن را با نام index.html ذخیره کنید.

چرا باید چنین کنید ؟

فرض کنید شما کار خود را به اتمام رساندید و آماده هستید تا صفحات را بصورت وب ببینید. URL سایت شما [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] می باشد. و فایل مورد نظر شما در این شاخه ذخیره شده است : [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] /courses /geolgy /lesson1.html بنابراین URL آن عبارتست از :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] بطور معمولی نامی که برای صفحات وب بطور پیش فرض در نظر گرفته می شود index.html است .

مروری بر مطالب

1- چه مراحلی را برای ایجاد یک اتصال محلی دنبال می کنید ؟
2- چه مراحلی را برای نمایش یک عکس در پنجره جدید دنبال می کند.
3- چگونه اسناد اتصالات را در شاخه های متعدد نگهداری می کنند ؟
4- اهمیت نامگذاری index.html در چیست ؟

توضیحات اضافی

شما می توانید از این روش برای Down load کردن نرم افزارهای مختلف نیز استفاده کنید . روش انجام آن بصورت زیر است :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
در صفحه وب خود از اتصالات فایلهای محلی استفاده کنید.

N I M A
06-05-2006, 01:23
٨-ب - لينك به سايت ديگر

اهداف این درس

1- شناسایی وظیفه یک URL
2- تشخیص ساختار یک URL
3- امتحان یک اتصال به یک URL

تذکر:

برای این درس شما نیاز به فایل متنی HTML ندارید.

URL چیست ؟

Uniform Resource Location -URL آدرسی است که www از آن برای پیدا کردن فایلها و اسناد کامپیوترها در روی اینترنت از آن استفاده می کند در مرورگر شما URL این سند در قسمت آدرس با مرورگر شما تایپ شده است . یک مرورگر URL شامل قسمتهای زیر است :
1- معین کننده هویت
2- معین کننده هویت و آدرس
3- مسیر کامل فایل منحصر به فرد
URL چیزی است که شما برای ساختن یک اتصال از یک صفحه وبی که خودتان ایجاد کرده اید برای اتصال به اطلاعات دیگر قابل دسترسی بر روی اینترنت به آن احتیاج پیدا خواهید کرد .

ساختار URL چگونه بنا می شود ؟

- چگونگی ایجاد یک URL
ساختار یک سند URL بصورت زیر است : Type:\\inter.net.address/directory/…/filename کلمه Type (نوع ) اشاره بر نوع Internet server دارد که شروع کننده یک URL است .
http برای web server است که مخفف است که مخفف hyper text transfer prorocol می باشد .سایت اینترنتی گوفر اطلاعات شاخه ها و منوهای منتقل شده می باشد.

FTP

مخفف کلمات File Transfer protocol که به FTP ناشناس شهرت دارد و آرشیوی از فایلهاست .

Telnet

ایجاد یک جلسه Telnet برای دسترسی به کامپیوتر را دور وقتی مرورگر وب خود را انتخاب می کنید برای Telnet آماده خواهد شد و یک برنامه خارجی را به یک سایت مشخص اتصال پیدا می کند.

WAIS

مخفف کلمات Area Indexed server سروری برای جستجو موضوعات و اسناد جهت دار با استفاده از لغات کلیدی .

File

فایلها بر روی کامپیوتر شما (فلاپی ، هارد دیسک ، ... ) این نوع آدرس دهی همیشه با :// دنبال می شود و آدرس اینترنت یک کامپیوتر راه دور مانند آدرس فوق
Host.Domain.Domain.Domain

برای مثال:

Machine department.college.edu
123.45.6.78
office.company.com
agency.branch.gov
machine . organization.country
توجه داشته باشید که یک URL می تواند شما را به هر سایت ، شاخه ، زیر شاخه ، فایل متنی ، تصویر و فیلم یا صدا و یا هر سایتی که آرایش شده برای ترسیم عمومی متصل کند. بهترین روش برای پیدا کردن URL های مختلف حرکت دادن ماوس و لینک کردن آن بر روی ابر متن های در صفحه می باشد . اگر به قسمت بالای مرورگر خود دقت کنید URL می توانید در آن قسمت به نمایش در آید . همچنین شما به وسیله URL می توانید به سایتهای بزرگ نظیر Yahoo و ... دسترسی پیدا کنید.

مروری بر مطالب

1- هدف ایجاد URL برای www چیست ؟
2- در کجای صفحه وب می توان URL ها را پیدا کرد ؟
3- ساختار اصلی یک URL چیست ؟
4- وقتی به وسیله یک ابرمتن اتصال به جایی پیدا می کنید URL را چگونه می بینید ؟

تمرین

بر روی ابر متن های یک سایت کلیک کنید و عوض شدن URL ها در قسمت بالای صفحه را بررسی کنید .

N I M A
06-05-2006, 01:29
٨-ج اتصال به یک سایت دیگر از اینترنت

اهداف این درس

1- ایجاد یک اتصال به یک سایت دیگر اینترنت
2- ایجاد یک URL در سند HTML برای استفاده و اتصال از طریق سایت شما

شروع درس

HTML برای اتصال به اینترنت
اتصال به یک سایت اینترنتی ترکیبی است از دو مبحث اتصال به یک فایل محلی درس (8a ) و هر آنچه که در درس (8a ) در مورد URL آموختیم قالب HTML کلی این اتصال بصورت زیر است :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
URL آدرس سایتی است که شما می خواهید از آن دیدن کنید .link ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
یک رشته لینک فعال که بصورت ابرمتن در مرورگر وب نشان داده می شود ، معمولا اما نه همیشه با خط آبی که در زیر آن کشیده شده مشخص می شود. وقتی یک بیننده بر روی ابر متن کلیک می کند مرورگر وب به یک سایت دیگر بوسیله یک URL اتصال پیدا می کند . توجه داشته باشید که URL می تواند شما را به www و FTP و Gopher ، متن و عکس و ... متصل کند . می خواهیم یک ابرمتن در سایت ایجاد کنیم برای دسترسی به سایتهایی که در مورد آموزش از راه دور می باشد .
1- فایل Index.html را باز کنید.
2- متن زیر را اضافه کنید :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
برای دیدن سایتهای آموزش از راه دور
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
3- ذخیره سند خود

تذکر :

برای اینکه در سایت خود اتصالی داشته باشید که شما را به یک عکس در یک سایت اینترنتی دیگر متصل کند باید آدرس کامل آن عکس را در URL خود ذکر کنید.

روش آسان برای وارد کردن یک URL در یک تگ

از آنجایی که ماهیت یک صفحه وب و آدرس آن در قسمت آدرس بار ظاهر می شود و شما می توانید روی آدرس بار بر روی آدرس کلیک کرده و آن را انتخاب کنید و گزینه Copy را انتخاب کنید سپس مراحل زیر را انجام دهید .
1- فایل index.html را باز کنید .
2- متن زیر را وارد کنید .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
3- به آدرس [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] متصل شوید.
4- در این صفحه وب از آدرس بار URL را انتخاب کنید .
5- از منوی Edit گزینه Copy را انتخاب کنید .
6- حال به سند index.html خود باز گردید.
7- ماوس را مابین index.html در جایی که می خواهیم URL را وارد کنیم قرار می دهیم و سپس Paste کنید .

مروری بر مطالب

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

تمرین

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

N I M A
06-05-2006, 01:34
٨-د - اتصال به قسمتی از همان صفحه

تگ < name >

اهداف این درس

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

شروع درس

Anchor name یک نشانه مخفی ، برای اشاره به یک بخش خاصی از یک سند HTML و نیز می تواند برای اتصال به قسمتی از یک صفحه دیگر کاربرد داشته باشد . برای مثال می توانیم در یک صفحه ( در اینجا ) یک اتصال درست کنیم که با کلیلک بر روی آن به قسمت آخر صفحه پرش پیدا کنید .
قالب HTML آن عبارتست از
< a name="name" >Text to link to < /a >

نوشتن و ایجاد یک لینک (Name Anchor)

هنگامی که می خواهید یک ( Name Anchor ) ایجاد کنید مراحل زیر را دنبال کنید .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
کاراکتر "#" به مرورگر شما می فهماند که باید در داخل سند به دنبال Anchor name باشد . اضافه کردن یک name anchor به index.html که در قبل ساختید.
1- سند index.html را باز کنید .
2- در بالای این متن را اضافه کنید .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
3- در یک روش یکسان مانند بالا موارد زیر را نیز انتخاب کنید .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
4- اگر صفحه را مجددا بارگذاری کنید از تغییراتی که انجام دادید چیزی دیده نمی شود و از چشم کاربر مخفی است .
اضافه کردن اتصالات (Name Anchor) به همان سند
1- باز کردن فایل Index.html
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
2- موارد زیر را اضافه کنید .
3- سند خود را ذخیره کنید و آن را مجددا بارگذاری کنید .
در پایان ما می خواهیم که هر کدام از موارد لیست بالا بصورت ابرمتنی باشند که ما را به قسمتی از همین صفحه هدایت کنند .
1- صفحه index.html را در ویرایشگر متنی باز کنید .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
2- اولین مورد را بصورت فوق تغییر دهید .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
3- نتایج خود را ذخیره و صفحه را مجددا بارگذاری نمایید.

اضافه کردن یک اتصال Anchor name به یک سند دیگر

شما میتوانید یک اتصال ایجاد کنید که به وسیله آن به قسمتی از یک سند دیگر هدایت شوید که دستور آن بصورت زیر است :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
اگر چنین سندی در صفحه دیگری وجود داشته باشد
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
برای ایجاد چنین لینکی مراحل زیر را دنبال کنید :
1- سند Lesson1.html را که در قبل ایجاد کردید باز کنید .
2- در بین تگ و متن زیر را وارد کنید :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
3- اسناد خود را ذخیره کرده و صفحه را مجددا بارگذاری کنید .
وقتی که بر روی ابر متن Return to training the web کلیک می کنیم و در صفحه Index.html در قسمت آموزش آن می شوید .

مروری بر مطالب

1- چگونه یک تگ Anchor name را می شناسید؟
2- مراحل ایجاد یک لینک به قسمت دیگر از یک صفحه چیست؟
3- چگونه این لینک را برای اتصال به قسمت صفحه دیگر آرایش می کنید؟
4- تفاوت بین تگ های زیر چیست ؟
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

تمرین
در صفحه خود از انواع name anchor استفاده کنید

N I M A
06-05-2006, 01:37
٨-ه - اتصالات ابر متن و تصویرهای لینک شده

اهداف این درس

1- وارد کردن یک دگمه گرافیکی در صفحه وب برای اتصال به سند دیگر HTML
2- وارد کردن یک تصویر کوچک که مانند یک تمبر پستی برای نمایش یک Copy از عکس بزرگتر عمل می کند.

شروع درس

دکمه های اتصال

از درس قبل آموختید که چگونه یک ابر متن در سند خود ایجاد کنید که بیننده را به اطلاعات وابسته اتصال دهد. همچنین در درس (a 7) آموختید که چگونه یک عکس خطی را بصورت لینک در آورید . اگر بیاد بیاورید در درسهای قبل که یک رشته متن در Index.html -Lesson1.html را به صفحه دوم Lesson2.html اتصال دادیم که توضیح داده شد( در مورد آموزش از راه دور) حال در این صفحه می خواهیم بدانیم که چگونه یک دکمه اضافه کنیم که با اتصال بر روی آن ما را به صفحه اول بر گرداند.
به دستور زیر توجه کنید :
< a href="filex.html" >< img src="qraphic.gif" >go to document< /a >
دو صفحه وب شما رشته متن Go to Document و تصویر هر دو بصورت ابراتصال عمل می کنند و با کلیک بر روی آن به مرورگر می فهمانید که باید به صفحه filex.html باز گردد . معمولا متنها و عکسهایی که با حالت ابر اتصال باشند در صفحه متمایز هستند. امروزه خیلی از مرورگرها می توانند رنگ ابر متن را تغییر دهند . معمولا شما می توانید شناسایی کنید یک نامه ابرمتن در صفحه وب را به وسیله کشیدن ماوس روی آن تغییر رنگ می دهد و نیز هنگامی که یکبار بر روی متن کلیک کنید در بازگشت رنگ ابرمتن های بازدید شده تغییر کرده است از نقطه نظر یک طراح وب پیشنهاد می کنیم که وقتی می خواهید از تصویر به عنوان یک اتصال استفاده کنید . همچنین در تگ < Img> از صفات دیگری مثل attribute و Alt نیز استفاده می شود . کاربر با بارگذاری عکس را متوقف می کند حال می خواهیم یک اتصال گرافیکی ایجاد کنیم . در ابتدا باید در جایی از کامپیوتر خود عکس را ذخیره کنید .
1- صفحه Lesson1.html را باز کنید.
2- در بالای صفحه تغییرات زیر را ایجاد کنید :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
3- نتایج خود را ذخیره و صفحه را مجددا بار گذاری کنید .
حال دوباره به سند Lesson1.html باز گردید.
1- صفحه Lesson1.html را باز کنید .
2- تغییرات زیر را در صفحه انجام دهید :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

تذکر :

در تگ < Img src > از صفات height و width برای کوچک کردن تصویر استفاده کنید بطوریکه با کلیک روی آن عکس بزرگ به نمایش در آید .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])

مروری بر مطالب

1- چگونه یک دکمه گرافیکی در صفحه ایجاد می کنید ؟

تمرین

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

N I M A
06-05-2006, 01:40
درس 9 - به رديف در آوردن متن

اهداف این درس

- به ردیف در آوردن متن
- کنترل بر جاهای دقیق متن و کاراکترها

شروع درس

در درس قبل آموختیم که مرورگر کلیه فضاهای خالی که در صفحه قرار دادیم چشم پوشی می کند ، به هر جهت بعضی از مواردنحوه آرایش کلمات در حمایت از طرح و ترکیب کلی صفحه مهم است . تگ Performat صفحه شما را دقیقا مانند آنچه که در ویرایشگر متنی تایپ نمودید نشان می دهد.
M n o s p a c e d
در ادامه بحث مطالب زیر را دنبال می کنیم :
1- فایل HTML با نام Index.html را در ویرایشگر خود باز کنید و موارد زیر را اضافه کنید .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
نام دورهاي اموزشي
نام دوره اموزشي نام مدرس
internet ---
html ---
- نتایج خود را ذخیره کنید و صفحه را مجددا بارگذاری کنید .

مروری بر مطالب

1- در هنگام ترجمه مرورگر تگ Preformat چگونه عمل می کند؟
2- در چه مواقعی از این تگ استفاده می شود؟

N I M A
06-05-2006, 01:43
درس 10 - کاراکترهای ویژه

اهداف این درس

- نشانه گذاری در HTML
- استفاده از علامات < > در هنگام لزوم در سند
- گذاشتن فاصله اضافی در بین کاراکترها

نشانه های تایید

بعضی اوقات در صفحه نیاز دارید از بعضی کاراکترهای ویژه استفاده کنید که به Iso مشهور هستند و در HTML نشان xxxxxxx مشخص می شوند.
برای دیدن مرجع این نشانه ها به آدرس زیر مراجعه کنید:
Iso characters
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
ممکن است بعضی اوقات مجبور به استفاده از علامت کوچکتر و بزرگتر < > در صفحه باشد که برای اینکه مرورگر آنها را بصورت Code ترجمه نکند .برای نمایش آنها نیاز به استفاده از کاراکترهای ویژه دارید.
< استفاده می شود برای &Lt
> استفاده می شود برای >
& استفاده می شود برای & amp

ایجاد فضای خالی

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

مروری بر مطالب

1- برای گذاشتن علامت بزرگتر و کوچکتر چه روشی دارید؟
2- برای گذاشتن فاصله چه می کنید ؟

تمرین

در صفحه وب خود از کاراکترهای ویژه استفاده کنید .

N I M A
06-05-2006, 01:46
درس 11 - لیستهای تعریف

اهداف این درس

1- ایجاد لیستهای تعریف با متنهای جداگانه
برای تعریف اقلام
2- ایجاد تاریخچه با لیست تعریف
در درس 6 آموختیم که چگونه لیست تعریف ایجاد کنیم . حال می خواهیم نوع سومی از لیست که به لیستهای تعریف معروف است ایجاد کنیم . در قبل در جلوی اقلام لیست از نقطه استفاده نمی کردیم ولی در اینجا جلوی هر قلم از لیست یک نقطه داریم .
قالب HTML این نوع لیست بصورت زیر است :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
تگ < dl> و < dl /> بصورت زوج عمل می کند و < dd > و < dt > بصورت فرد
در فایل index.html موارد آموزشی را بصورت لیست تعریف دربیاورید . کار خود را آزمایش کنید .

مروری بر مطالب

1- چه فرقی بین لیست تعریف و لیستهای مرتب و نامرتب وجود دارد؟
2- در چه مواردی باید لیست تعریف بکار برد؟
3- چه فرقی بین دو تگ < dt > و < dd > وجود دارد ؟

تذکر :

شما می توانید لیستهای مرتب و نامرتب را با لیستهای تعریف با هم به کار ببرید .

oxielex
Combinations of metal ions with oxygen Comprises the major ores extracted in mining operations
Hematite
maquetite
corundum

Source آن بصورت زیر است :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

N I M A
06-05-2006, 01:49
درس 12 - آدرسهای زیر نویس و اتصالات email

توانائیها

1- گذاشتن سر فصل و پاورقی برای صفحات
2- ایجاد ابر متن هایی برای ارسال
email
شروع درس

وجود سر تیتر و پاورقی برای صفحات وب ارزش زیادی دارد و قطعا تاریخ آخرین ویرایش می تواند اهمیت زیادی داشته باشد.
عقیده خوبی برای گذاشتن سر فصل و پاورقی مثبت بین 2 صفحه وب برخی از اطلاعات مفید در این زمینه عبارتست از :
1- سر فصل و موضوع صفحه جاری
2- تاریخ ایجاد سند
3- محفوظ بودن حق کپی
4- اسم و آدرس پست الکترونیکی
5- نام و ابر متن برای اتصال به سازمان یا ارگان
قالب آن بصورت زیر است :
< address > text text text < /address >
فرض کنید شخصی در حال خواندن صفحه شما می باشد و مایل است نکاتی را به شما توصیه کند . شما باید آدرس پست الکترونیکی خود را در صفحه بیاورید و شما می توانید به وسیله یک اتصال از طریق مرورگر این کار را انجام دهید . اکثر مرورگرها ی امروزی این کار را انجام می دهند .
روش انجام این کار گذاشتن ابر متنی با دستور mailto می باشد :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
هنگامی که متن Send email کلیک شود مرورگر وب شما صفحه Compose را فراهم آورد و شما می توانید پیامی را در آن تایپ کنید و ممکن است در همه مرورگرها جواب نگیریم . می توانید در صفحه خود از چنین اتصالاتی استفاده کنید.
اگر شما بخواهید یک پیام را به چند نفر ارسال کنید شما می توانید در تگ Mailto آدرسهای زیادی قرار دهید و آنها را با کاما از هم جدا کنید .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

send email (aftabgardun_nima@yahoo.com)
برای اضافه کردن پاورقی یا مواردی مثل آدرس سازمان یا شرکت و ... می توانید متن یا آدرس مورد نظر را بین دو تگ < address > و < /address > بیاورید . مثلا :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

N I M A
06-05-2006, 01:52
درس 13 - وارد کردن یک توده متن بطوریکه از بقیه متن متمایز باشد .

وارد کردن تگ blackquotes در صفحه

شروع درس

در زبان نوشتاری کوتیشن می تواند جمله ای را از بقیه متن نوشته شده متمایز سازد HTML نیز این توانایی را دارد
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
شما می توانید اقلام دیگری مثل لیستها و ... را بوجود آورید .
1- سند index.html را باز کنید .
2- یک توده متن به آن اضافه کنید و آن را داخل کوتیشن قرار دهید .
3- نتایج را ذخیره و صفحه را مجددا بارگذاری کنید .

مروری بر مطالب

1- تگ < blockquote > چه عملی انجام می دهد ؟
2- چرا نیاز به استفاده از تگ < p > قبل از تگ < blockquote > ندارید ؟

N I M A
06-05-2006, 01:55
درس 14 - گذاشتن بافت براي صفحه

اهداف این درس

1- گذاشتن یک رنگ به عنوان پیش زمینه
2- محاسبه اعداد از مبنای 10 به مبنای 16
3- عوض کردن رنگ فونت و لینکها
4- ایجاد یک پیش زمینه از عکس در صفحه وب

شروع درس

با ایجاد بعضی تغییرات در تگ < body > می توانید رنگی را به عنوان پیش زمینه صفحه خود انتخاب کنید .
Hexadecimal
در مرورگرتان رنگهای زیادی برای استفاده در دسترس دارید . هر رنگی با 3 رنگ سبز و قرمز و آبی معرفی شده است .
(r=255,g=255,b=255) تولید کننده رنگ سفید و مینیمم آنها (r=0,g=0,b=0) تولید کننده رنگ مشکی خواهد بود .
شما به اعداد 102 ، 153 ، 205 نگاه کنید . هر کدام از این اعداد در مبنای 10 هستند که باید به مبنای 16 تبدیل شوند .
اعداد با مبنای 16 برای کامپیوتر قابل فهم هستند . اگر بخواهیم عدد بالا را در مبنای 16 ببریم خواهیم داشت : ff6699
که 66 ارزش رنگ قرمز 99 ارزش رنگ سبز و ff ارزش رنگ آبی را معلوم می کند .

انتخاب رنگ یکپارچه برای background

برای استفاده از رنگ یکپارچه برای background از تگ زیر استفاده می شود :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
شما می توانید تغییرات زیر را در تگ ایجاد کنید
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

پیش زمینه با بافت ویژه

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

مروری بر مطالب

1- چگونه از یک رنگ یکپارچه در صفحه خود استفاده می کنید ؟
2- چرا اعداد بصورت ff66cc نوشته می شود ؟
3- چه فرقی بین دو تگ [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] وجود دارد ؟

N I M A
06-05-2006, 01:57
درس 15 - عدم استفاده از تگهای blink و Marquee

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

اهداف این درس

1- عدم استفاده از تگ < blink >
2- عدم استفاده از تگ < Marquee >
3- دلیل استفاده از HTML استاندارد

شروع درس

وقتی که یک صفحه وب با مرورگر NetScape باز می شود این مرورگر تگی را نمایان می سازد که به لغت یا قسمتی از جمله تاکید خاصی دارد .
این تگ عبارتست از : < blink >wow< /blink >
از آوردن این تگ در صفحات خود اجتناب کنید . زیرا در بیشتر مرورگرهای وب کارآیی ندارد . اگر شما متن زیر را در مرورگر NetScape مشاهده کنید . آن را چشمک زن می بینید .
عکس زیر در یک فایل Gif می باشد . عملی را که باید این متن در مرورگر Netscape انجام شود را به شما نشان می دهد. در اینجا یک فایل Gif آورده شده است. .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
اما ! ! ! شرکت مایکروسافت تگی برای ایجاد حرکت در Internet explorer ایجاد کرده است که عبارتست از < marquee >wow < /marquee >
اما اگر آن را مرورگر Netscape نبینید هیچ حرکتی ندارید . پس بهتر است از این 2 تگ در صفحات وب خود استفاده نکنید .

N I M A
06-05-2006, 02:01
درس 16 - زیبا کردن متن

شما می توانید رنگ و سایز و نوع متن را در HTML تغییر دهید.
اما صبر کنید شما می توانید انواعی از متنهای بالانویس و پایین نویس برای مطالب خنده دار یا ریاضی و شیمی اضافه کنید .
Co2+H2SO4

اهداف این درس

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

شروع درس

با HTML3,2 و Netscape شما امکانات بیشتری برای ویرایش متن دارید . مخصوصا که می توانید برای فونت خود سایز و رنگ در نظر بگیرید.ویرایش متن می تواند در طرح و نقش صفحه شما تاثیر زیادی داشته باشد اما استفاده بی پروا از آن صفحه ، صفحه شما را دچار تداخل و پارازیت می کند.
شما همچنین می توانید اندیسهای بالا و پایین را برای بیانهای ریاضی و فرمولهای شیمی و پاورقی ها اضافه کنید .
در این درس شما را با اینگونه متن ها آشنا خواهیم کرد و مثالهایی را در این مورد برای شما مطرح خواهیم کرد .

سایز قلم

دستور < font > ....< / font > با Netscape مطرح شد و استفاده می شد برای سایز قلم از 1 تا استفاده می شود 7 از سایز 3 اندازه متن به حالت نرمال در می آید.
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

رنگ فونت

در درس 14 تگهایی را برای رنگی شدن متن و وارد کردن آن در صفحات وب معرفی کردیم شما همچنین می توانید از تگ فونت برای رنگی کردن قسمتی از متن استفاده کنید . با نوشتن کد رنگ در مبنای 16 یا نوشتن نام رنگ
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
1- سند Index.html را باز کنید .
2- متن آموزش از راه دور را بصورت زیر ویرایش کنید
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
3- نتایج را ذخیره و صفحه را مجددا بار گذاری کنید .

تذکر :

صفات size و color در تگ فونت می توانند همجوار باشند .

اندیسهای بالا و پایین

در زمان HTML3 نمی توانستید در صفحه از بیانات ریاضی و فرمولهای شیمی که نیاز به اندیسهای بالا و پایین داشتند استفاده کنید ، اما بعد از آن از این تگ برای گذاشتن اندیس استفاده شد .
تگ HTML عبارت است از :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
1- یکی از اسنادی که قبلا ایجاد کردید را باز کنید .
2- تعدادی معادلات شیمی و ریاضی در آن وارد کنید .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
مثلا
HTML3.2 شامل توانایی است که نوع قلم را در صفحه مشخص کند . اما ممکن است در همه مرورگرها کارآیی لازم را نداشته باشد .
قالب HTML آن عبارت است از :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
اگر مرورگر بازدید کننده از این توانایی تگ فونت پشتیبانی کند و فونتهایی که در این تگ قرار گرفته در کامپیوترخود داشته باشد در این صورت متن به همان صورت در صفحه وب به نمایش در می آید .
اگر شما قصد داشته باشید که از نوع قلم در تگ فونت استفاده کنید باید از قلمی استفاده کنید که استاندارد باشد و یا بیشتر کامپیوترها آن قلم را داشته باشند.
1- سند index.html را در ویرایشگر خود باز کنید .
2- نوشته زیر را بصورت زیر اصلاح کنید .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
3- نتایج را ذخیره و صفحه را مجددا بار گذاری کنید .

مروری بر مطالب

1- چگونه اندازه و رنگ قسمتی از متن را در صفحه تغییر می دهید ؟
2- کدام تگهای HTML را می توانید استفاده کنید اگر مرورگر شما از تگ < font > پشتیبانی نکند؟
3- چگونه یک اندیس پایین در HTML ایجاد می کنید ؟
4- چگونه یک توده ای از متن را با فونت مشخص نمایش می دهید ؟

نکات اضافی

تگ < strik > و< strik / > که در HTML 3.2 در دسترسی قرار گرفته است ممکن است در مرورگر شما کار کند . با این دستور می توانید خطی را بر روی متن ایجاد کنید یعنی متنی که بین دو تگ < Strik > و < Strik /> نوشته شود . در روی آن یک خط کشیده می شود.
در اینجا کلمات ما هرانه ای را برای رنگ متن ذکر می کنیم . در درس 14 شما آموختید که چگونه از تگ < Body > توانائیهای آن برای عوض کردن رنگ زمینه و متن و لینکها استفاده می شود اما اگر برای رنگی شدن قسمتی از متن از تگ < font > استفاده کردیم فقط بر روی رنگ متن های ساده اثر می گذارد و بر روی ابر متنها و اتصالات بی تاثیراست و ممکن است ابر متن ها به طور پیش فرض با خط آبی که در زیر آن گذاشته می شود مشخص گردند.

تمرین

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

N I M A
06-05-2006, 02:05
درس 17 - ايجاد خط

اهداف این درس

1- ایجاد خط افقی با قاب متفاوت
2- ایجاد خط با پهنای متفاوت
3- ایجاد خط بدون سایه

شروع درس


سایز خط

اولین مورد این است که خطوطی می تواند با پهنای متفاوت در صفحه ظاهر شوند .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
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- بخش زیر را در آن وارد کنید :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
و آن را با عبارات زیر جایگزین کنید
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
بدون سایه
ممکن است شما نخواهید از سایه در خط استفاده کنید .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

مروری بر مطالب

1- چگونه می توانید سایز خط افقی را تغییر دهید؟
2- چگونه می توانید طول خط خود را تغییر دهید؟
3- توانایی صفت noshade در تگ hr چیست ؟

تمرین

در صفحات خود از تگ < hr > استفاده کنید.

N I M A
06-05-2006, 02:11
درس 18 - Extra Alignment

اهداف این درس

1- ردیف کردن قسمتهای مختلف و مجزا کردن قسمتی از متن
2- بوجود آوردن فضای اضافی در اطراف تصویر
3- بوجود آوردن متنهای توضیحی

شروع درس

به ردیف در آوردن متن

با گسترش روز افزون وب نیاز ما برای کنترل بیشتر طرح و شکل صفحه بیشتر شد . یکی از این نیازها وجود تگهایی برای به ردیف در آوردن متن و یا وسط قرار دادن آن و کنترل آن از بقیه قسمتهای صفحه بود که با Netscape و HTML معرفی شد.
مواردی که بین دو تگ < center > و < center / > قرار می گیرد در وسط صفحه به نمایش گذاشته می شود . اگر بخواهید در این زبان کدگزاری متن یا عکسی را در وسط قرار دهید از صفت align در تگ P و Img استفاده کنید .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
1- تمامی سندهای خود را باز کنید .
2- برای هر کدام متنی که بین 2 تگ < h1 > و < h1 / > این صفت را به تگ اضافه کنید .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
3- نتایج خود را ذخیره و صفحه را مجددا بارگذاری کنید .

تذکر:

در تگ < hr > صفت alignment نیز برای جای دقیق خط می توان بکار برد
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

به ردیف در آوردن عکس و متن

در درس( a7 ) آموختیم که چگونه یک عکس را در صفحه قرار می دهیم و چگونه در اطراف عکس متن قرار می دهیم .
با صفت align که در تگ < Img > قرار می گیرد می توانید مشخص کنید که یک عکس در چه موقعیتی از بالا و پایین و کناره های صفحه قرار بگیرد ؟
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
اینک زمانی رسیده که شما بخواهید قسمتی از متن یا دیگر اقلام بکار رفته شده در صفحه را در زیر عکس بیاورید . ویژگی در تگ
وجود دارد که موقعیت را مشخص می کند .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
پیشنهاد ما به شما این است که همیشه از این تگ استفاده کنید . زیرا تراز کردن به فونتی که در مرورگر کاربر وجود دارد و همچنین پهنای پنجره مرورگر وابسته است.

لایه عکس

بعضی اوقات هنگامی که از تراز چپ یا راست در عکس استفاده می کنید متن محاصره می شود ، شما می توانید فضای خالی در اطراف عکس ایجاد کنید.
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
vspace و hspace که مخفف Vertical space و hovizental space می باشند( فضای عمودی و فضای افقی )، فضایی است بر حسب پیکسل که در بالا ، پایین ، چپ و راست عکس گذاشته می شود. صفت Alignment را در صفحه خود اضافه کنید . سند index.html خود را باز کنید . تصویر قرار داده شده در آن ممکن است زیبا به نظر برسد اما فضای خالی در کناره های عمودی آن زیاد است . سپس دستورات زیر را در آن بکار ببرید . توجه داشته باشید که اندازه واقعی وابسته به نوع متنی که برای مرورگر خود انتخاب کردید شما می توانید سایزی که وابسته به سایز انتخابی کاربران می باشد را تنظیم کنید .
این دستورات عبارتند از
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

روش دیگر استفاده از تگ فونت

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
وقتی از علامت منفی استفاده می کنید سایز فونت خیلی بیشتر از حد نرمال و متعارف می شود که در این موارد می توان از تگ فوق نیز استفاده کرد.
< basefont size=5 >
با این تغییرات سایز فونت شما از ابتدا 3 درجه بیشتر می شود شما از این دستور هنگامی باید استفاده کنید که از ابتدا فونتی خارج از استاندارد قرار دهید . اگر بخواهید تنظیمی بین بخشهای کوچکی از صفحه داشته باشید باید از تگ بالا استفاده کنید . با استفاده از تگ فوق برای بالاتر از درجه 5 می توانید به راحتی سایز تمام متن را تغییر دهید

تذکر :

تگ < base font > بسته می شود و تا جایی ادامه دارد که تگ < base font> دیگری استفاده شود .
اگر مرورگر شما از این تگ پشتیبانی کرد شما می توانید از دستورات و تگهای HTML3/0 استفاده کنید
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
ابتدا تگ < font size=x > را برای آرایش عنوان صفحه استفاده می کنیم .
1- سند index.html را در ویرایشگر متنی خود را باز کنید .
2- در دروس قبل از قالب
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
برای نشان دادن عنوان صفحه استفاده می کنیم . حال می توانیم از تگ فونت استفاده کنیم .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
به آنچه که ما انجام دادیم دقیق نگاه کنید اول سایز A 4 درجه بیشتر از مبنای اولیه ظاهر شد .
بقیه حروف 3 درجه بیشتر از حالت استاندارد و نیز تگهای < b > و < b / > برای برجسته کردن عنوان استفاده کردیم . در پایان چون از تگهای < h1 > تا < h6 > برای شکستن خط استفاده کردیم مجبور به استفاده از تگ
شدیم که عنوان را مجبور به ظاهر شدن در خط جدید کند.
3- اگر خواستیم در جایی از صفحه نقل قولی از کسی داشته باشیم آن را برجسته نشان می دهیم .
4- نتایج خود را ذخیره کنید .
می توانید تفاوت بین استفاده از تگ < font > و < h1 > .... را ببینید

N I M A
06-05-2006, 02:18
درس 19 - آرایش در جدول

آرایش در جدول

اهداف این درس

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

شروع درس

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

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

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

ردیف ها و ستون ها

جداول ساده و زیبا و مربع شکل هستند . جدولی که در بالا ذکر شد شامل 3 ردیف ستون و 3 سطر می باشد ، با صفات Colspan و Rowspan چه می توان کرد ؟

تذکر :

صفت استفاده شده برای ستون دوم از سطر اول را با هم تلفیق کرده است ، همچنین می توانیم متن را در وسط هر خانه آرایش دهیم
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
در قبل 2 ستون را با هم تلفیق کردیم و بصورت یک سلول واحد در آوردیم . در اینجا می توانیم 2 سطر را با هم تلفیق کنیم و بصورت واحد در آوریم
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
اطلاعات یک جدول
1- صفحه lesson2.html را باز کنید .
2- مواردی که بین < pre > ...< / pre > را تماما حذف کنید .
3- این موارد را اضافه کنید :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
تذکر : < td >< /tr >< /table >
نگاه کنید به ردیف اول کدها سر فصل جدول تگ< th > و< th / > دقیقا مانند < td > و < td / > عمل می کنند . متنی که بین < th > و < th / > نوشته می شود بطور خودکار بصورت جسم و برجسته به نمایش در می آید .
4- صفحه خود را ذخیره و آن را مجددا بار گذاری کنید .
مواردی را به جدول خود اضافه کنید . توانائیها و صفات دیگری در تگ < table > وجود دارد که باعث آرایش جدول می شود
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
X ضخامت دیواره خارجی جدول می باشد . صفت Cellpadding فضای خالی بین عناصر جدول از دیواره جدول می باشد . هر چه Y بیشتر باشد خانه جدول بزرگتر خواهد بود . صفت Cellspacing فاصله بین خانه های جدول را تنظیم می کند .
تگ را بصورت فوق در آورید :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
1- جدول قبل را بصورت زیر ویرایش کنید
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
تگ < caption > نیز مابین تگ های < table > و < table /> قرار می گیرد .
2- برای سرگرمی هر متنی که مابین < th > و < th /> قرار می گیرد را تغییر دهید.
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
3- سپس جدول را به وسط صفحه انتقال دهید . اگر مرورگر شما از تگ < centert > و < center / > پشتیبانی می کند جدول را با این تگ محاصره کنید .
4- نتایج خود را ذخیره و صفحه را مجددا بار گذاری کنید .
5- در آخر می خواهیم یک ستون به طرف چپ اضافه کنیم . حالا می توانیم یک خانه خالی با اضافه کردن تگ < th > < th / > به ردیف اول جدول اضافه کنیم.
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
6- حال به ردیف دوم از جدول می رویم و خانه ای که 4 ردیف را در هم ادغام کرده به آن اضافه می کنیم .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
جدول سایز خود را با محتویاتی که در خانه های جدول قرار داده می شود تعیین می کند ما چند تگ < br > اضافه کردیم تا از پهن شدن خانه های جدول جلوگیری کنیم شاید بخواهید تحقیق کنید که اگر این تگها را حذف کنیم چه پیش می آید ؟
7- در ردیف 6 جدول خانه ای اضافه می کنیم که به اندازه 2 ستون پهنا دارد.
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
8- نتایج خود را ذخیره و صفحه بارگذاری کنید .

جدول های غیر قابل روئیت ( خیالی )

جدول همراه با قاب دور برای نمودارها و اطلاعات مربوط به اهداف شما مهم می باشد . اصطلاح خیالی را به این خاطر به کار می بریم که برای خواننده روشن نیست که به یک جدول نگاه می کند . جدول خیالی غیر قابل رویت با همان تگ ساخته می شود با این تفاوت که Border آن صفر قرار داده می شود .
< table border= 0 > تمرین :
جداول خود را با تغییر Border به عدد صفر تغییر دهید . نتایج خود را ذخیره کنید .

جدا کردن لسیتهای طولانی

به عنوان یک تمرین در جداول خود از لیستهای متعدد استفاده کنید .

رنگی کردن جداول

اغلب مرورگرها از رنگی کردن جداول پشتیبانی می کنند.
مکان جدول

به تمامی ردیفها و ستونهای ساخته شده رنگ اضافه کنید .
تذکر :

شما می توانید از عکس به جای پیش زمینه جداول خود و پاورقی در سلولهای آن استفاده کنید . تذکر :
کاربرد ندارد در IE و شما می توانید تمامی جداولی که ایجاد کردید را بصورتی تغییر دهید که در پس زمینه آن عکس قرار گرفته باشد .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

مروری بر مطالب

1- به چه منظوری المانهای یک صفحه را در جدول قرار می دهند ؟
2- چه فرقی بین تگهای < td / > و < td > و < th > و< th / > وجود دارد.
3- صفات Colspan=X و Rowspan=Y به چه منظوری به کار می رود ؟
4- چگونه یک جدول بدون قاب ایجاد می شود ؟
5- چگونه یک سطر از جدول را رنگی کنیم ؟
6- چگونه یک عکس را پیش زمینه یک جدول کنیم ؟

تمرین :

آموزش داده شده را در صفحات خود بکار ببرید .

N I M A
06-05-2006, 02:22
درس 20 - نقشه های تصویری

اهداف این درس

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

شروع درس

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

ویژگی Coords

نواحی داغی که با مختصات x1 و y1 مختصات افقی و عمودی از گوشه بالا سمت چپ و x2 و y2 مختصات افقی و عمودی از گوشه بالا سمت راست را مشخص می کنند .
1- فایل lesson2.html را باز کنید .
2- تغییرات زیر را در روی پان انجام دهید .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
3- دستورات HTML را برای مختصات نقشه بکار ببرید .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
4- نتایج خود را ذخیره کنید .
5- حال باید صفحاتی را که به آنجا اتصال درست کردیم ایجاد کنیم .
6- صفات خود را ذخیره کنید .

مروری بر مطالب

1- تگهای < map > و < map / > چه عملی را انجام می دهند ؟

تمرین :

در صفحات خود از نقشه های تصویری استفاده کنید .

N I M A
06-05-2006, 02:24
درس 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 راباز کنید و در آن تغیرات زیر را انجام دهید
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
عددی از ثانیه است که این صفحه بعد ازآن مدت به نمایش در می آید .قبل از انکه به صفحه دیگر با URL دیگر برود.
توجه کنید که تمامی رشته هائی که بعد از CONTENT ظاهرمی شوند باید داخل "" قرار بگیرند. توصیف گر تگ
META تمامی این اعمال سخت را برای درست کردن سایت آموزش از راه دور انجام دادید.حال میخواهید مردم بتوانند آن را از میان میلیونها سایت پیدا کنند.
META TAG در پیدا کردن و شناسائی صفحه شما در هنگام SEARCH کاربران به انها کمک خواهد کرد. به هر حال ما قصد نداریم مطالب پیچیده در ارتباط با موتورهای جستجو گر ایراد کنیم.بعضی برنامه نویسان ماهر کدهائی مینویسندکه این کدها سعی میکنندبسیاری از لینکهای وب را شناسائی کنند. و مقداری اطلاعات راجع به هر صفحه را برگردانندودر DATA BASE متمرکز کنند.کار بران تعدادی لغت توصیفی وارد میکنند اگر سایت شما در DATA BASE موجود باشد به کار بر معرفی خواهد شد.
سایت [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] From [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] برای سایت فوق بدون داشتن Meta tag موتور جستجو مطالب زیر را می آورد:
Writing HTML /ABOUT/FAQ/ALUMNI/REFRENCES/TAGS/LESSONS/ AUGUST1998/VERSION HISTORY /ABOUT THIS TUTORIAL WRITING HTML WAS CEATED TO HELP TEACHERS CEATING LEARNING…
با وارد کردن Meta tag
نتیجه را بصورت زیر می نویسیم : From:[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] More than just an HTML reference,this is a structured approach for learning how to create web pages , designed by specialists in learning at the Maricopa Center for Learning & Instruction قالب html برای اضافه کردن این meta tag بصورت زیر است
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
اگر در حالت ایجاد یک متن توصیفی هستیدباید توجه داشته باشید که ماکسیمم طول این meta tag نباید بیشتر از1024 کاراکتر باشد.

مروری بر مطالب

1-برای اینکه صفحه شما به طور اتوماتیک به صفحه دیگر برود چه باید کرد؟
2-چگونه از تگ meta refresh برای ایجاد 10 ثانیه وقفه و رفتن به صفحه دیگر استفاده میکنید؟
3- چگونه از Meta tag برای افزایش شانس در پیدا شدن صفحه خود در موتورهای جستجو گر استفاده می کنید

تمرین :

در صفحه خود از این دو نوع meta tag استفاده کنید

N I M A
06-05-2006, 02:26
درس 22 - پنجره Target

اهداف این درس

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

شروع درس

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

صفت TarGet

کد HTML که ما برای Target استفاده می کنیم بصورت زیر است :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
در دروس قبل آموختیم که Href اشاره به یک URL دیگر یا یک صفحه وب دیگر دارد . قسمت دیگری از یک تگ نام آن می باشد که ما برای آن ایجاد می کنیم . ما می توانیم یک نام برای Target ایجاد کنیم که معین کننده هویت داخل مرورگر است . با کلیک بر روی یک اتصال چه اتفاقی می افتد ؟
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
مرورگر شما می گوید که من باید برای این آدرس یک HTML بگیرم [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] و آن را در یک پنجره به نام tutorial جایگیری می کند و چون چنین پنجره ای موجود ندارم یک پنجره جدید ایجاد می کند .
مقادیری که شما می توانید در Target بکار ببرید بصورت زیر است :
1. _Top
3._blank
2. _self

4. _parent که هر کدام معنی خاصی را دارند . بکار بردن مقدار _blank : زیان استفاده از این تگ این است که اگز شما 20 اتصال داشته باشید که تماما Target آنها هم نام باشند پنجره هایی زیادی ایجاد می شود که ممکن است سیستم شما را دچار مشکل کند .

مروری بر مطالب

1- چگونه یک اتصال را مجبور به باز کردن صفحه در صفحه ای جدید می کنید ؟
تمرین
تگهای گفته شده دراین درس را در صفحات خود بکار ببرید.

N I M A
06-05-2006, 02:30
درس 23 - فریم کردن صفحه

اهداف این درس

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

شروع درس

آیا شما تا به حال صفحاتی دیده اید که از قابهای متعدد در آن استفاده شود ؟ فرم صفحه را به 2 سند HTML جداگانه تقسیم می کند که معمولا 2 فرم بصورت متحد با یکدیگر عمل می کنند . در صفحات فرم دار از ابر متن ها نیز استفاده می کنند .
بعضی اوقات در اثر کلیک بر روی لینکها فرم قبلی کاملا از بین می رود و فرم جدید ایجاد می شود ، بعضی اوقات صفحه جدید بر روی همان فرم قبلی ایجاد می شود .

اشکالات فرمها

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

ااساس فرم

صفحه ای که در آن از فرم استفاده می شود شامل یک سند اصلی HTML است که آن را برنامه کار می نامند . برای طرح و شکل و به ردیف در آوردن فرمها از صفت استفاده می شود . هر کدام از قابهایی که در یک صفحه فرم از آنها استفاده شده است خود یک سند HTML جداگانه دارند . در ابتدا باید بدانید که صفحه چگونه تقسیم می شود و به هر قاب چقدر فضا اختصاص داده می شود ؟
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
در قدم اول باید بدانید که صفحه از سطر یا ستون تشکیل شده است
نگاه کنید به مثال 1- که صفحه از 2 سطر و در مثال 2 صفحه از 2 ستون و مثال 3 که صفحه از 2 سطر و 2 ستون تشکیل شده است . در مثال 5 شما 3 سطر مشاهده می کنید که در وسط این سطرها 2 ستون قرار گرفته است و در مثال 6 سطر اول به 2 ستون تقسیم شده است .
حال به دقت به مثال 7 دقت کنید .سطرها و ستونها ایجاد frameset می کند . قالب HTML ایجاد صفحات به صورت زیر است :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
تذکر :

هر Frameset معرف و تعریف کننده یک سری سطر یا ستون است
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
مقادیر X و Y و ... اشاره بر مقداری فضایی دارد که به هر سطر یا ستون اختصاص داده می شود یا بر حسب در صدی از پنجره مرورگر می باشد . برای هرستون ابعاد وابسته به یک سند HTML مشخص است که در قسمت
< =Frame src >
ذکر شده است . مرورگرهایی که نمی توانند قابها را نشان دهند مواردی که بین < Frameset > و < Frameset / > نوشته شده است را نادیده می گیرند و از جهت دیگر مرورگرهایی که امکان نمایش قابها در صفحه را دارند مطالبی که بین < Noframes > و < Noframes /> نوشته شده را نادیده می گیرند .
اعدادی که باید در تگ به جای مقدار Cols و Rows قرار دهید بر حسب پیکسل و یا درصد می باشد .
Source HTML مثال (1)
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
Sourece مثال 7
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

تذکر :

این صفحه وب نیاز به 6 سند HTML برای نمایش دارد . دستورات گفته شده برای مرورگرهای با ورژن بالا صادق است . در قسمت بالای فرم Navigation bar قرار گرفته که برای اتصال به صفحات دیگر سایت از آن استفاده می شود . قسمت پایین قاب شامل پاورقی صفحه و نیز اتصالات دیگری که باید در همان قاب جابه جا شود می باشد . در قاب دست چپ در وسط سطر شامل لینکهایی است که باید مطالب آن در همان قاب بارگذاری شود . در فرم دست چپ در میان سطر شامل ابر اتصالاتی است که شامل 3 قسمت متفاوت اصلی در صفحه است . که مطالب آنها باید در قاب راست بارگذاری شوند . این طراحی به ما اجازه می دهد که صفحه اصلی را به مقادیر گسسته تقسیم کنیم .

مروری بر مطالب

1- به چه منظور از تگ < frameset > و < frameset /> استفاده می شود ؟
2- چند سند HTML برای یک صفحه با 3 قاب افقی و 2 قاب عمودی لازم است ؟
3- چگونه اتصالاتی می توان ایجاد کرد که اطلاعات از یک قاب بر روی قابی دیگر بارگذاری شود ؟

تمرین :

تگهای ذکر شده را در صفحات خود بکار ببرید .

تذکر :

برای اینکه به کاربران اجازه داده شود که بتوانند با کشیدن دکمه ماوس سایز قابها را نیز تغییر دهند از Noresize استفاده می شود .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

N I M A
06-05-2006, 02:31
درس 24 - اضافه کردن فرم به صفحات وب

اهداف این درس

1- توصیف استفاده های فرمها در صفحات

شروع درس

فرمها چه هستند ؟ یقینا تا به حال آنها را در صفحات خود دیده اید . فرمها برای اضافه کردن موارد آموزنده در صفحه مورد استفاده قرار می گیرند و اجازه ارتباط کاربران با سایت شما را ممکن می سازند . برای جمع شدن اطلاعات نقش فرمها در جمع آوری انواع مواردی است که کاربران در داخل میدانهای متنی در مرورگر و منوها قرار می دهند و کلیدهای رادیوئی نیز باید در صفحات برای انتخاب موارد فرم جایگزین شوند.
مرورگرها این اطلاعات را می گیرند و آن را با بسته هایی با فرمتهای قابل ارسال در وب سرور پنهان می کنند . در اینجا برنامه های که منتظر اطلاعات فرمها می باشدوجود دارند این برنامه ها اطلاعات فرمها را از حالت مخفی بیرون آورده و بر آنها نظارت کرده و آنها را ذخیره و سپس به دیدن کننده برمی گردانند . در درس بعدی شما خواهید آموخت که چگونه این فرمها را ایجاد کنید .

مروری بر مطالب

1- فرمها چگونه مورد استفاده قرار می گیرند ؟
2- کجا فرمها را می بینید و از آن استفاده می کنید .

N I M A
06-05-2006, 02:36
درس ٢٤-ب - بوجود آوردن فرم ها

بوجود آوردن فرم ها درس 24/a

اهداف این درس

1- ایجاد میدانهای متنی
2- میدانهایی برای وارد نمودن Password
3- میدانهایی برای ایجاد
Email 4- دکمه های رادیویی
5- دکمه ها
6-ايجاد checkbox
7- منوهای انتخاب شونده

شروع درس

در این درس به معرفی اساس و اجزاء فرمها می پردازیم .
فرمها در صفحه وب با < form > ....< /form > تعریف می شوند . کلیه اجزاء فرمها مثل میدانهای متنی ، کلیدها و ... در بین این 2 تگ قرار خواهند گرفت که قالب HTML آن بصورت زیر است :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
ارزش Action یا مقداری که در آن قرار می گیرد موقعیت برنامه یا اسکریپتی است که می خواهد فرآیندی بر روی اطلاعات ارسال شده توسط کاربر را انجام دهد. و صفت Method دارای 2 مقدار Get و Gost می باشد. که آن نیز معرف 2 روشی است که اطلاعات باید برای نرم افزار پردازش کننده ارسال شود . تمامی اجزاء داخل تگ < form > اطلاعات که درون آنها می باشد را ارسال می کنند . هر جزء شامل type می باشد .
برای ایجاد میدانهای متنی که دیدن کننده بتواند درون آنها تایپ کند ، طول پیش فرض است که 20 کاراکتر می باشد . ولی شما می توانید میدانهایی با سایز های دیگر ایجاد کنید . شما می توانید با قرار دادن صفت Maxlenght برای آن یک حد تعریف کنید . متن داخل میدانها هنگام بارگذاری صفحه خالی می شود مگر آنکه شما برای آن رشته متن را در صفت Value تعریف کنید .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
ظاهر آن مانند میدان متنی است با این تفاوت که وقتی کاربر درون این میدان تایپ می کند به جای نمایش کاراکترها نقطه یا ستاره نمایش می دهد . میدان متنی Password در هنگام ارسال کوشش به جلو رفتن می کند و بعد از رساندن اطلاعات به سرور کوشش آنها پایان می پذیرد .
Character wide.
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
میدانهایی که چندین خط دارند و دیدن کننده برای دیدن متن از Scroll استفاده می کند. تگ تعریف کننده سایز میدان به وسیله اعدادی که در صفات Cols و Rows وارد می شوند تعریف می گردند با وارد کردن خصیصه Wrap=Virtual متنی که وارد این میدان می شود ، بطور اتوماتیک شکسته می شود . شما همچنین می توانید متنی را بطور پیش فرض در آن داشته باشید .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
کلیدهای رادیوئی (type="Radio")
کلیدهای رادیویی کلیدهایی هستند که از یک گروه کلید همزمان فقط یکی از آنها را می توان انتخاب کرد و اگر یکی از آنها را کلیک کردید و سپس دیگری را کلیک کردید دکمه اول از حالت انتخاب خارج می شود . یک گروه از دکمه های هم رده با گذاشتن یک نام مشترک برای همه آنها بوجود می آیند و مقداری که فرستاده می شود برابر است با مقداری که توسط دکمه رادیویی انتخاب شده است . با گذاشتن خصیصه Checked درآخر تگ یک دکمه این دکمه بصورت پیش فرض در هنگام بارگذاری صفحه انتخاب می گردد.

تذکر :

کلیدهایی که اسم های جداگانه دارند بصورت مستقل از هم عمل می کنند .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
این گونه کلیدها شبیه به کلیدهای رادیوئی عمل می کنند اما تحت تاثیر کلیدهای دیگر نیستند . بنابراین شما می توانید بیشتر از یک مورد انتخاب در یک گروه کلید شبیه به هم داشته باشید . توجه کنید که هر Checkbox اسم منحصر به فرد دارد . اگر یک Checkbox علامت نخورده باشد با گذاشتن دکمه ماوس بر روی جایی از پهنای آن و کلیک کردن آن می توانید آن را به حالت انتخاب در آورید و نیز دوباره بر روی آن می توانید آن را از حالت انتخاب خارج کنید . مقداری که برای سرور ارسال می شود برابر با ارزش مقداری است که کنار Checkbox قرار گرفته است اضافه کردن خصیصه Checkbox در این تگ باعث می شود آن مورد بطور پیش فرض انتخاب گردد .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
منوهای انتخاب شونده به کاربران این امکان را می دهد که از بین انتخابهای متعدد یکی را انتخاب کنند و تگ تعریف آن < option > و < option / > می باشد .
مقدار این ویژگی در هنگام پردازش بازگردانده می شود با اضافه کردن ویژگی Selected در این تگ این جزء در هنگام بارگذاری صفحه بصورت پیش فرض انتخاب می گردد . اگر چنین ویژگی را به کار نبرید اولین مقدار منو بطور پیش فرض انتخاب می گردد.
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
به دنبال ایجاد دکمه ها و فرم ها کلید Submit به مرورگر اجازه می دهد که تمامی موارد انتخابی شامل منوهای انتخاب شده ، متنهای وارد شده و ... را جمع آوری و آنها را به جایی که مکان آن در صفت Action آورده شده است ارسال کند و کلید Reset فرم را به حالت اول بر می گرداند .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
مروری بر مطالب

1- ساختار یک فرم چیست ؟
2- تفاوت میان کلیدهای رادیول و Checkbox در چیست ؟
3- چگونه منوهای بازشونده در صفحه ایجاد کنیم ؟
4- فرق بین کلیدهای Submit و Reset در چیست ؟

تمرین :

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

N I M A
06-05-2006, 02:38
درس 25 - چند رسانه ای در صفحات شما

اهداف این درس

1- در نظر گرفتن فاکتورهایی برای ایجاد چند رسانه ای
2- در هنگام چند رسانه ای کردن صفحه چه مواردی را باید برای بازدیدکنندگان در نظر گرفت ؟

شروع درس

تا شروع سال 1993 صفحات وب محدود به متن و چند عکس بودند . امروزه جذابیت و گیرایی زیادی در صفحات بوجود آمده است . می توانید از انواع رسانه ها نظیر کارتون ، ویدئو ، انیمیشن ، حرکات چرخشی ، صدا ، فرمهای بر هم کنشی استفاده کنید . قبل ازاعمال این رسانه ها ، باید دقیقا در نظر بگیرید که چه ارزشی را دارید به صفحه اضافه می کنید .مثلا وجود انیمیشن رقص ممکن است در ابتدا جذاب به نظر برسد ولی با مرور زمان با نگاه کردن به آن ممکن است حواس شما را پریشان کند .
پس سئوالی که به نظر شما می رسد این است که آیا اضافه کردن موارد (sound , video, … ) به صفحه مهم است ؟ در جواب این سئوال ...
هنگامی که شما تصمیم به اضافه کردن چند رسانه ای در صفحه وب خود می کنید در ابتدا باید در نظر بگیرید چه زمانی صرف می شود تا شما اینگونه رسانه ها را ایجاد کنید .
از موارد دیگری که باید در نظر گرفت بازدیدکنندگان می باشند . شما باید از خودتان بپرسید اجراء رسانه ای که در صفحه ایجاد می کنید به چه عاملیتهایی نیاز دارید ؟
و زمانی که سپری شود تا کاربر آن نرم افزار را بر روی سیستم خود نصب کند و سپس سیستم را Restart کند ممکن است سایت شما را فراموش کنند. مطلب بعدی دیگر این است که چه زمانی طول می کشد که صفحه برای کاربر بارگذاری شود . کاربرانی که مجبور به برقراری ارتباط با مودم هستند ممکن است برایشان مقدور نباشد که با صفحه شما ارتباط برقرار کنند ، شما برای اضافه کردن ویدئو به صفحه خود نیاز به استفاده از مرورگرهای ویژه دارید.

مروری بر مطالب

1- برای اضافه کردن چند رسانه ای چه مواردی را در هنگام استفاده از رسانه ها باید در نظر گرفت ؟
2- در نظر گرفتن مواردی که کاربر برای بارگذاری به آن احتیاج دارد برای گرفتن اطلاعات بیشتر می توانید به این دو سایت مراجعه کنید :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] timedia [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

N I M A
06-05-2006, 02:43
25 -ب - اضافه کردن فیلم و صوت -multimedia

1- مشخص کردن فرمتهایی که برای فیلم از آن استفاده می شود .
2- مواردی که برای دیدن فیلم به آن نیاز دارید
3- نوشتن کد HTML برای گذاشتن فیلم در صفحه
Real video و Quick time نیاز به مرورگرهای Plug in دارند . خوشبختانه اکثر مرورگرهای امروزی از این تکنولوژی حمایت می کنند اما بعضی اوقات باید به روز شوندو این به دلیل آن است که ویدئو به پهنای باند زیادی احتیاج دارد. اگر شما بخواهید به عنوان یک طراح از ویدئو در صفحات خود استفاده کنید که با کلیک بر روی آن فیلم به نمایش در بیاید باید به چند تذکر توجه کنید که در این درس بیان خواهیم کرد . برای استفاده از ویدئو در صفحات خود باید از تگ < EMBED > استفاده کنیم که به نوعی شبیه به تگ < IMG > عمل می کنید .
< EMBED src="video.mov" width="320" height="240" > < /Embed >
موارد دیگری که باید رعایت کرد
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
مروری بر مطالب

1- قالب HTML برای گذاشتن ویدئو در صفحه چیست ؟
2- چه ویژگیهایی در تگ < EMBED > آورده می شود و برای اینکه ویدئو به طور اتوماتیک بارگذاری شود چه باید کرد ؟

اطلاعات اضافی

متاسفانه اکثر اوقات این قالب فیلم در صفحات گیرایی لازم را ندارد و Quick time همیشه فرمت خوبی نیست و می توان از 2 فرمان دیگر AVI و MPEG استفاده کرد.

N I M A
06-05-2006, 02:44
درس 25 - ج - قالبهاي صوتي مورد استفاده

اهداف این درس

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

شروع درس

Sound یکی از روشهای خوب برای رسیدن اطلاعات به کاربر می باشد و شما در بیشتر از سایتهای وب می توانید از این امکان استفاده کنید. سئوال این است که چه وقت صدا مفید است ؟ Audio برای ( سخنرانیها ، اخبار و رویدادهای مهم و ... ) مورد استفاده قرار می گیرد و اغلب از پهنای باند کمی استفاده می کند . صدا مانند ویدئو باید از آنالوگ به دیجیتال تبدیل شود . فرمتهای مختلفی برای صداگذاری در صفحه وجود دارد . بعضی از انواع آن عبارتست از :
MIDI , AV , AIFF , LWA , MP3 , ... فرمت ویژه ای بنام MIDI وجود دارد که حجم آن بسیار کم است و نسبت به فایلهای wave ترجیح دارد . برای قرار دادن صدا در صفحه وب از تگ فوق استفاده می شود .
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
چگونه می توان یک فایل صدا در صفحه قرار داد که در هنگام بارگذاری صفحه بدون اینکه نرم افزار خاصی اجرا شود شروع به پخش صدا شود ؟

مروری بر مطالب

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

N I M A
06-05-2006, 02:47
معرفی منبع - تماس با نویسنده

منبع : ترجمه ی سایت آموزشی HTML
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
-----------------------------------------
بنده هم اميدوارم مفيد و مورد استفاده قرار بگيرد.

نكته:
دوستاني كه اين دروس را كار كردند جهت دريافت سئوالات و آزمون با من تماس بگيريند تا در اختيارشون قرار بدهم.
--------------
شاد و پيروز باشيد - نيما احدي

ya abbas
08-05-2006, 05:27
سلام
آقا دستت درد نکنه.خیلی عالی نوشتی واقعا ممنون

با تشکر

N I M A
08-05-2006, 08:52
سلام
آقا دستت درد نکنه.خیلی عالی نوشتی واقعا ممنون

با تشکر
خواهش مي كنم :)

titansepid
09-05-2006, 20:51
دستت درد نكنه .
مي خواستم بدونم از front page هم میشه استفاده کرد یا نه ؟یا اصلا خوب است یا نه ؟اگه خوبه آموزش اونو هم میزارید یا نه؟

aleks
09-05-2006, 22:24
آقاي N I M A بهتر بود مي رفتين سر Php . Asp چون فعلا اولين زبانهاي طراحي سايت هستن ! البته من با اچ تي ام ال مشكلي ندارم !‌ ولي در Php حدود 1 سال از آموزش ام مانده !

N I M A
10-05-2006, 05:28
دستت درد نكنه .
مي خواستم بدونم از front page هم میشه استفاده کرد یا نه ؟یا اصلا خوب است یا نه ؟اگه خوبه آموزش اونو هم میزارید یا نه؟
دوست عزيز Front Page برنامه ي بسيار كامل و خوبي است براي طراحي صفحات به زبان HTML .. انشاالله به زودي آموزش Front Page & DreamWeaver رو هم قرار ميدم.

N I M A
10-05-2006, 05:30
آقاي N I M A بهتر بود مي رفتين سر Php . Asp چون فعلا اولين زبانهاي طراحي سايت هستن ! البته من با اچ تي ام ال مشكلي ندارم !‌ ولي در Php حدود 1 سال از آموزش ام مانده !
دوست عزيز ما قدم به قدم جلو ميريم ... درسته شما با HTML مشكلي نداريد اما خيلي از دوستان ديگر هستند كه براي اولين بار مي خواهند طراحي وب كنند ، پس اونها چي ؟؟ ... به زودي آموزش PHP & ASP رو قرار ميدم .

aleks
10-05-2006, 09:36
دوست عزيز ما قدم به قدم جلو ميريم ... درسته شما با Html مشكلي نداريد اما خيلي از دوستان ديگر هستند كه براي اولين بار مي خواهند طراحي وب كنند ، پس اونها چي ؟؟ ... به زودي آموزش Php & Asp رو قرار ميدم .
خيلي ممنون ! مي شم به پي اچ پي بپردازين !

titansepid
10-05-2006, 19:25
فعلاhtml بهتره

aleks
10-05-2006, 23:22
فعلاhtml بهتره
مثل اينكه خبر ندارين ! اين زبان ديگه بسيار قديمي شده ! ولي پي اچ پي رشدي داشته كه نگو و نپرس ! بيش از سايت هايي كه در فرمت زبان اچ تي ام ال بودن ! سايت خودشون رو به پي اچ پي تبديل كردن !

N I M A
11-05-2006, 01:04
مثل اينكه خبر ندارين ! اين زبان ديگه بسيار قديمي شده ! ولي پي اچ پي رشدي داشته كه نگو و نپرس ! بيش از سايت هايي كه در فرمت زبان اچ تي ام ال بودن ! سايت خودشون رو به پي اچ پي تبديل كردن !
اين رو هم در نظر بگيريد كه زبان HTML ننه مي باشد!!!
زبان PHP زبان بسيار خوبي است و حرفي هم توش نيست ولي از نظر اينترفيس و طراحي صفحه انعطاف پذيري زبان HTML را ندارد .

soroush66
25-05-2006, 08:46
سلام!
بچه ها من يه وب سايت طراحي كردم
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
ولی وقتی بازدید کننده صفحه رو می بینه باید enconding کنه به Arabic
این مشکل رو چه جوری رفع کنم؟
ممنون میشم کمک کنید

N I M A
25-05-2006, 13:31
سلام!
بچه ها من يه وب سايت طراحي كردم
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
ولی وقتی بازدید کننده صفحه رو می بینه باید enconding کنه به Arabic
این مشکل رو چه جوری رفع کنم؟
ممنون میشم کمک کنید
سلام دوست عزيز ... البته جاي اين سوال اينجا نبود ! ولي شما بايد در Style سايتتون يوني كد رو هم تعريف كنيد ...

soroush66
26-05-2006, 09:46
آقا نيما!
سوالم رو كجا مطرح كنم؟
بعد چه جوري بايد Unicod رو تعریف کنم؟

N I M A
26-05-2006, 18:15
آقا نيما!
سوالم رو كجا مطرح كنم؟
بعد چه جوري بايد Unicod رو تعریف کنم؟
دوست من شما بايد سوالتون رو در يك تاپيك و موضوع مجزا مطرح مي كرديد ....
شما به چه برنامه اي طراحي وب كرديد ؟

Realamd
01-06-2006, 06:13
میشه یکی توضیح بده که چطوری میشه یک وبسایت دیگر رو در سایت خود نشون بدیم؟

لینک نه خودت صفخه وبسایتو

N I M A
01-06-2006, 15:02
میشه یکی توضیح بده که چطوری میشه یک وبسایت دیگر رو در سایت خود نشون بدیم؟

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


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

Realamd
01-06-2006, 22:21
دوست عزیز من این کارو کردم انگار این کد رو ساپورت نمیکنه. صفحه با زبان Css طراحی شده.

N I M A
02-06-2006, 19:44
دوست عزیز من این کارو کردم انگار این کد رو ساپورت نمیکنه. صفحه با زبان Css طراحی شده.
من دنبالش گشتم اما پیدا نکردم دوست عزیز ... لطفا سوالتون در انجمن مطرح در یک تاپیک مجزا مطرح نمائید شاید دوستان داشته باشند ... با تشکر - نیما احدی

binesh
19-06-2006, 11:03
ازت ممنونم. من مي خوام هر جوري شده تو سايت استريم لود انتشار وب كنم. ولي اطلاعاتم خيلي كمه لطفا راهنماييم كنيد . خواهش مي كنم.

nasehi
26-06-2006, 09:48
با سلام
من چندان تجربه ای در کار با پایگاههای داده ندارم و برای شروع فکر کردم کار با اکسس ساده تر باشد. یک جدول ساده در اکسس ایجاد کردم و میخواستم آن را از طریق فرانت پیج به صفحه وب متصل کنم ، اما موفق نشدم. ممنون خواهم شد اگر راهنمائی کنید که چگونه از اکسس بعنوان یک پایگاه داده در وب سایتم استفاده کنم؟
با تشکر

N I M A
19-07-2006, 02:43
با سلام
من چندان تجربه ای در کار با پایگاههای داده ندارم و برای شروع فکر کردم کار با اکسس ساده تر باشد. یک جدول ساده در اکسس ایجاد کردم و میخواستم آن را از طریق فرانت پیج به صفحه وب متصل کنم ، اما موفق نشدم. ممنون خواهم شد اگر راهنمائی کنید که چگونه از اکسس بعنوان یک پایگاه داده در وب سایتم استفاده کنم؟
با تشکر
دوست عزيز صفحات قبل رو يه نگاهي بنداز !
با تشكر - نيما احدي

soleares
21-07-2006, 10:31
آموزش هات عاليه من هم توي وبلاگ سولئارس توي قالب كتاب الكترونيكي آموزش ميدم البته من خيلي توضيح ميدم اگر اسب بخونه مي تونه طراح قالب وبلاگ و وبسايت بشه .

my_consort_is_my_life
28-07-2006, 12:35
آقا واقعا دستت درد نكنه
ممنونم ازتون واقعا عاليه وهمشو گرفتم كه بخونم

ali_boujari
01-08-2006, 21:25
سلام بعد چند وقت امدم

ali_boujari
01-08-2006, 21:26
آموزش کامل قرار دادن عكس در پس زمينه ي صفحه

شما براي قرار دادن يك عكس در پس زمينه ي وبتون بايد يه تغيراتي تو تگ <body> بديد . براي اينكار تگ <body> را در قالب خود پيدا كنيد و اونرو به صورت زير دربياريد :

<body background="Adress Of Image">

كه بايد به جايه Adress Of Image آدرس عكسي رو بزاريد كه ميخوايد بره به پس زمينه ي وب . با اينكار اين عكس در پس زمينه تكرار ميشه .

حالا اگه خواستيد تكرار نشه و يا اينكه عمودي يا افقي تكرار بشه ادامه رو بخونيد :

براي اينكه تكرار نشه بايد تگ بادي به شكل زير در بياد :

<body background="Adress Of Image" style="background-repeat:no-repeat">

همونطور كه ميبينيد با اضافه كردن ميان كد background-repeat:no-repeat براي تكرار عكس مقدار No رو قرار داديم . پس عكس تكرار نميشه .

حالا اگه خواستيد عكس پس زمينه به صورت افقي تكرار بشه تگ بادي بايد به شكل زير دربياد :

<body background="Adress Of Image" style="background-repeat:repeat-x">

براي اينكه عكس فقط به صورت عمودي و زير هم تكرار بشه هم بايد تگ بادي به شكل زير در بياد :

<body background="Adress Of Image" style="background-repeat:repeat-y">

در آخر هم نمايش هر كدوم از عمليات بالا رو براتون ميزارم كه بهتر متوجه بشيد :

من تو نمايش اين تغيرات در تگ بادي عكس روبرو رو گذاشتم واسه پس زمينه كه ببينيد چطور تكرار شده :

عكس پس زمينه ( با تكرار )

عكس پس زمينه ( بدون تكرار )

عكس پس زمينه ( تكرار افقي )

عكس پس زمينه ( تكرار عمودي )

منبع: [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

N I M A
02-08-2006, 11:17
آموزش هات عاليه من هم توي وبلاگ سولئارس توي قالب كتاب الكترونيكي آموزش ميدم البته من خيلي توضيح ميدم اگر اسب بخونه مي تونه طراح قالب وبلاگ و وبسايت بشه .


پس خیلی عالی میشه اگه بعضی از آموزشها رو تو انجمنها بذاری :biggrin:

مرسی از تشویقت...

شاد باشید - نیما احدی

N I M A
02-08-2006, 11:20
علی جان ادامه بده .. بسیاز عالیه ...و حرف نداره

شاد باشید - نیما احدی

Ray9
06-08-2006, 14:47
سلام!
بچه ها من يه وب سايت طراحي كردم
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
ولی وقتی بازدید کننده صفحه رو می بینه باید enconding کنه به Arabic
این مشکل رو چه جوری رفع کنم؟
ممنون میشم کمک کنید
اون چيز كه نيماي عزيز گفتن را تاكنون نشنيده بودم داخل css كسي encode بده ولي اين كد را ببين

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
اين براي عربي است در تگ <head> مي نويسن راحت بايد شما

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
را جايش قرار دهي!

N I M A
06-08-2006, 19:00
اون چيز كه نيماي عزيز گفتن را تاكنون نشنيده بودم داخل css كسي encode بده ولي اين كد را ببين

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
اين براي عربي است در تگ <head> مي نويسن راحت بايد شما

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
را جايش قرار دهي!

بله كاملا حق با شماست!
حقيقتش من منظور ايشون رو درست متوجه نشده بودم

شاد باشيد - نيما احدي

Ray9
06-08-2006, 21:44
خيلي خوش حال شدم نيما جان كه متوجه اين مشكل شديد راستي شما كارت چيه مي تونم چندتا از نمونه كارت را ببينم!!

azivan
07-08-2006, 15:34
ba salam man yek faza az persiangig dar ekhtyar daram ama nemidanam ke anra chegoone bayad tarhi kard chon aslan jaye barae edit ya kathae dige nadare fgat mishe upload kard lotfan mara rahnamee konid.
ba tashakor,
sirwan_majidi@yahoo.com
inam adrese page:
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

N I M A
08-08-2006, 01:22
خيلي خوش حال شدم نيما جان كه متوجه اين مشكل شديد راستي شما كارت چيه مي تونم چندتا از نمونه كارت را ببينم!!

موردي نداره دوست عزيز !

از طريق ياهو مسنجر ميتونيد با من تماس بگيريد و نمونه كارها رو مشاهده كنيد.
شاد باشيد - نيما احدي

N I M A
08-08-2006, 01:25
ba salam man yek faza az persiangig dar ekhtyar daram ama nemidanam ke anra chegoone bayad tarhi kard chon aslan jaye barae edit ya kathae dige nadare fgat mishe upload kard lotfan mara rahnamee konid.
ba tashakor,
sirwan_majidi@yahoo.com
inam adrese page:
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]


سلام ..!

دوست گرامي شما مي بايست صفحات خودتان رو در كامپيوترتان با استفاده از نرم افزارهاي مرتبط مانند Front Page طراحي كنيد و سپس آنرا بر روي هاست پرشين گيگ خود آپلود كنيد!

لطف كنيد زين پس فقط فارسي تايپ كنيد! ( تمامي امكانات فارسي نويسي مهياست و اين انجمنها فارسي ميباشند!)

شاد باشيد - نيما احدي

REZ1_MAHTAB
22-08-2006, 11:37
سلام
اين سوال رو تو يك تاپيك جداگانه پرسيدم ولي كسي جوابم نداد
شايد شما بتونيد كمكم كنيد
من یک سایت با asp.net طراحی کردم یک چیزی شبیه یک mailing list می خوام ببینم اگر شیوه طراحیم اشتباهه عوضش کنم
راستش درست نمی دونم mail box ها رو چطور طراحی کنم
اگر متن نامه های ارسالی رو توی database ذخیره کنم باید برای هر کس به عنوان mail box یک جدول داشته باشم
این کاریه که من انجام دادم مسخرست یا قابل قبوله؟؟؟

از اینکه وقتتون رو می گیرم معذرت می خوام ولی یک سوال دیگه هم دارم
نمی خوام سطح امنیتی خیلی بالایی داشته باشم اما اینکه user , password رو با session منتقل کنم خیلی جالب به نظر نمی یاد

اگر جوابم رو هر چه زود تر بدید ممنون می شم راستش نمی دونم جای درستی سوالم رو مطرح کردم یا نه

پیشا پیش ممنون
فعلا

mehdi yari
04-09-2006, 17:57
ميخواستم بدونم چجوري ميشه يه لينك ساخت كه وقتي روش كليك ميكنيم تو صفحه ي جديد باز شه !؟
آخه يه مشكلي هست ! من الان رو صفحه ي اول يه آهنگ گذاشتم كه با باز كردنه لينكا آهنگ قطع ميشه ! راهي هست كه آهنگ قطع نشه يا لينكا تو صفحه ي جديد باز شن !؟ در ضمن وقتي صفحه رو مينيمايز ميكنم بازم آهنگ قطع ميشه!
اگه زودتر جواب بديد خيلي ممنون ميشم چون فردا بايد تحويل بدم يني تا آخر امشب وقت دارم...

N I M A
05-09-2006, 11:44
ميخواستم بدونم چجوري ميشه يه لينك ساخت كه وقتي روش كليك ميكنيم تو صفحه ي جديد باز شه !؟
آخه يه مشكلي هست ! من الان رو صفحه ي اول يه آهنگ گذاشتم كه با باز كردنه لينكا آهنگ قطع ميشه ! راهي هست كه آهنگ قطع نشه يا لينكا تو صفحه ي جديد باز شن !؟ در ضمن وقتي صفحه رو مينيمايز ميكنم بازم آهنگ قطع ميشه!
اگه زودتر جواب بديد خيلي ممنون ميشم چون فردا بايد تحويل بدم يني تا آخر امشب وقت دارم...
سلام ...
دوست عزیز شما می بایست زمانیکه مطلبی را به صورت لینک قرار می دهید حتما blank_ باشه .. در غير اينصورت لينكها در همان صفحه باز خواهند .. اگر از برنامه هائي مانند فرونت پيج و يا دريم استفاده مي كنيد كه اين كار در حالت Design بسيار ساده مي باشد... اما اگر با استفاده از كد نويسي اين كار را انجام مي دهيد از كد زير استفاده كنيد :
<a href="Link Adress" target="_blank">Your Text Here</a>

در قسمت Your Text Here نوشتتون رو براي لينك بنويسيد و در قسمت Link Adress آدرس صفحه....

در مورد قطع شدن آهنگ هم بايد عرض كنم اگر از كد BGSound استفاده كرده ايد اين مشكل هست .. اما شما سعي داشته باشيد در كدهائي استفاده كنيد كه با استفاده از پليرها كار مي كنند.

شاد باشيد - نيما احدي

mehdi yari
05-09-2006, 13:04
سلام ...
دوست عزیز شما می بایست زمانیکه مطلبی را به صورت لینک قرار می دهید حتما blank_ باشه .. در غير اينصورت لينكها در همان صفحه باز خواهند .. اگر از برنامه هائي مانند فرونت پيج و يا دريم استفاده مي كنيد كه اين كار در حالت Design بسيار ساده مي باشد... اما اگر با استفاده از كد نويسي اين كار را انجام مي دهيد از كد زير استفاده كنيد :
<a href="Link Adress" target="_blank">Your Text Here</a>

در قسمت Your Text Here نوشتتون رو براي لينك بنويسيد و در قسمت Link Adress آدرس صفحه....

در مورد قطع شدن آهنگ هم بايد عرض كنم اگر از كد BGSound استفاده كرده ايد اين مشكل هست .. اما شما سعي داشته باشيد در كدهائي استفاده كنيد كه با استفاده از پليرها كار مي كنند.

شاد باشيد - نيما احدي
بنده از برنامه ي فرانت پيج 2003 استفاده ميكنم... و از طريق page propertis و بك گراند سوند يه آهنگ گذاشتم !!!
چه كدي بايد استفاده كنم تا اين مشكل پيش نياد ؟
در ضمن من لينكارو همه رو blank درست كردم ولي خب تو همون صفحه باز ميشه !

N I M A
06-09-2006, 00:40
بنده از برنامه ي فرانت پيج 2003 استفاده ميكنم... و از طريق page propertis و بك گراند سوند يه آهنگ گذاشتم !!!
چه كدي بايد استفاده كنم تا اين مشكل پيش نياد ؟
در ضمن من لينكارو همه رو blank درست كردم ولي خب تو همون صفحه باز ميشه !
براي اينكار ، شما كليدي را در وب لاگ يا سايت خود قرار مي دهيد و با زدن اين كليد موزيك متن شروع به كار كرده و با دوباره زدن آن از كار مي افتد . با اينكار هم مي توانيد موزيك متن داشته باشيد و هم اينكه هر كس دوست داشت آنرا بشنود . اين كار به مقدار زيادي هم زمان لود صفحه شما را كم ميكند ( البته با توجه به حجم فايل موزيك شما ) ،‌ زيرا فايل موسيقي هنگام در خواست لود مي شود ، نه در همان ابتدا.

خوب اين كد دو قسمت دارد كه با كمي تغيير مي توانيد آنرا در وب لاگ يا سايتتان قرار دهيد .
قسمت اول در واقع قسمت تصميم گيري است . و كد آن به اين شرح است :<script language="javascript">
function BeginMusic(){
if(document.MusicForm.snd.value == 'Music on')
{
document.all.music.src='UrSndFile';
document.MusicForm.snd.value = 'Music off';
}
else
{
document.all.music.src='';
document.MusicForm.snd.value = 'Music on';
}
}
</script>



اين قسمت را بايد در قسمت HEAD صفحه وب يا قالب خود قرار دهيد ( بين دو تگ < head > و < / head > ) فقط به جاي UrSndFile نام و آدرس فايل موزيك خود را قرار دهيد .
قسمت دوم را بايد در قسمت BODY و جايي كه دلتان مي خواهد كليد در آنجا قرار گيرد بنويسيد :<p>
<form name="MusicForm">
<input name="snd" type="button" value="Music on" onClick="BeginMusic()">
</form>
<bgsound id=music loop=1 autostart="true" >
</p>



اين قسمت نياز به هيچ تغييري ندارد .
البته يك تغيير سليقه اي هم هست و اين تغيير مربوط به نوشته روي كليد مي شود . شما مي توانيد نوشته روي كليد را به هر چيزي كه دلتان خواست عوض كنيد . براي اينكار كافيست به جاي Music On و Music Off در هر دو قسمت ، نوشته دلخواهتان را بنويسيد . فقط دقت كنيد كه در هر دو قسمت اين نوشته ها كاملا متشابه باشند .

cnn
08-09-2006, 15:59
سلام
نيما جان ميشه يه سري به اين ادرس بزني و جواب مارو هم بدي چون ديگران توجهي نكردند متشكرم
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

N I M A
10-09-2006, 02:22
سلام
نيما جان ميشه يه سري به اين ادرس بزني و جواب مارو هم بدي چون ديگران توجهي نكردند متشكرم
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
سلام ..
دوست عزيز شما مي بايست تمامي عكسهاي خود را در يك آپلود سنتر ديگر بريزيد و پس از آن در فرونت پيج تك تك اونها رو به آدرسهاي آپلود شده راهنمائي كنيد تا در زمان بازكردن سايتتان عكسها از آن آپلودسنتر باز شوند!
شاد باشيد - نيما احدي

M-A-L-I-H
12-09-2006, 12:44
مرسی
خوب بود
من یه سوال دارم :چه جوری فایلswf . میتونم بذارم
یه سوال دیگه خط عمودی چه جوری ایجاد کنم
مرسییییی.

alirezamatinrad
15-09-2006, 15:14
با سلام وخسته نباشيد...

فكر ميكنم اين سوال رو قبلا خيلي ها پرسيده باشن ولي من هر چي گشتم چيزي پيدا نكردم...لطفا توضيح بديد ...خواهش

ميخواستم طريقه گذاشتن عكس رو در زير نوشته هام تو تاپيك رو بدونم... يه جا خوندم كه بايد از ... <"img src="url> استفاده كنم ولي هر كاري كردم نشد ...

arman_pv3
21-09-2006, 09:48
يك سوال داشتم

ممنونم از آموزشت ولي من ميخواستم بدونم كه جطوري ميشه اين وبي كه ساختيم پخش كنيم

باتشكر

لطفا جوابمو به ايميلم بفرست armanpv_3@yahoo.co.ukemail:

N I M A
21-09-2006, 12:40
با سلام وخسته نباشيد...

فكر ميكنم اين سوال رو قبلا خيلي ها پرسيده باشن ولي من هر چي گشتم چيزي پيدا نكردم...لطفا توضيح بديد ...خواهش

ميخواستم طريقه گذاشتن عكس رو در زير نوشته هام تو تاپيك رو بدونم... يه جا خوندم كه بايد از ... <"img src="url> استفاده كنم ولي هر كاري كردم نشد ...
سلام ..
دوست عزيز اگر منظورتون گذاشتن عكس در امضاي شخصي هست بايد به عرض شما برسونم كه فعلا اينكار خلاف قوانين سايت مي باشد و همچين اجازه اي رو تا اطلاع ثانوي كاربران ندارند ...

شاد باشيد - نيما احدي

N I M A
21-09-2006, 12:41
يك سوال داشتم

ممنونم از آموزشت ولي من ميخواستم بدونم كه جطوري ميشه اين وبي كه ساختيم پخش كنيم

باتشكر

لطفا جوابمو به ايميلم بفرست armanpv_3@yahoo.co.ukemail:
سلام ...
خب مشخصه دوست عزيز .. شما مي بايست از فضائي در اينترنت براي آپلود وب ساخته شده ي خودتان استفاده كنيد كه به اصطلاح به اين فضا Host گفته ميشه ...
شاد باشيد - نيما احدي

marde bozorg
28-09-2006, 13:36
نيما جان بابت اين آموزش يه دنيا ممنونتم....بازم از اين كارا بكن.

KING ESFANDIYAR
28-09-2006, 19:53
سلام

يه برنامه يا يه اموزش براي طراحي سايت مي خواستم براي يه همچين فردي


فرض بفرماييد يه ادم ادم مبتدي مي خواد كه سايت طراحي كنه اما به گرافيك و Html و اينترنت تسلط كافي داره حوصله تايپ و تگ نويسي Html هم نداره فقط مي خواد سريع براش قالب بسازه با استفاده از امكانات داخل برنامه و ختي سورس سايتهاي ديگه رو هم توش قرار بده

reza2014
01-10-2006, 18:36
:sad: با سلام آقایون من سایت رو ساختم فقط بلد نیستم منتشرش کنم یعنی آدرس بهش بدم
با تشکر از آموزش کامل شما

neopersia
15-10-2006, 03:01
:sad: با سلام آقایون من سایت رو ساختم فقط بلد نیستم منتشرش کنم یعنی آدرس بهش بدم
با تشکر از آموزش کامل شما

منظورت از انتشار چیه؟

یعنی شما هاست انتخاب کردین و تو آپلود کردن مشکل دارین؟
اگه هاستتون مجانی اکثراً باید از طریق برنامه های خودشون سایتو آپلود کنین
بعضیهاشونم امکان آپلود از طریق FTP رو به شما می دن

loverminion
27-10-2006, 02:29
سلام نيما جان با تشكر از آموزش شما يك مطلبي ميخواستم بگم البته ببخشيد در درس فريم ها شم گفتيد شناسه noresize برای تغییر دادن اندازه فریم است که فکر کنم اشتباه باشه این تگ اینجور که من امتحان کردم و دیدم واسه تغیرر ندادن اندازه فریم است در ضمن شما در مورد مثال 7 در مبحث فریم گفتید نیاز به 6 سند است در صورتی که 5 فریم درست کردیم میشه بیشتر توضیح بدید که چرا یک سند اضافی درست باید کرد با تشکر از زحمات شما و آموزش خوبتون منتظر مطالب بعدی شما هستم

N I M A
27-10-2006, 13:29
سلام نيما جان با تشكر از آموزش شما يك مطلبي ميخواستم بگم البته ببخشيد در درس فريم ها شم گفتيد شناسه noresize برای تغییر دادن اندازه فریم است که فکر کنم اشتباه باشه این تگ اینجور که من امتحان کردم و دیدم واسه تغیرر ندادن اندازه فریم است در ضمن شما در مورد مثال 7 در مبحث فریم گفتید نیاز به 6 سند است در صورتی که 5 فریم درست کردیم میشه بیشتر توضیح بدید که چرا یک سند اضافی درست باید کرد با تشکر از زحمات شما و آموزش خوبتون منتظر مطالب بعدی شما هستم

به قسمت زير بيشتر توجه كنيد حتما جواب سوالتان را دقت بيشتري بدست خواهيد آورد (اگر نتوانستيد بگوئيد توضيح دهم) :

توجه كنيد :

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

تذکر :

این صفحه وب نیاز به 6 سند HTML برای نمایش دارد . دستورات گفته شده برای مرورگرهای با ورژن بالا صادق است . در قسمت بالای فرم Navigation bar قرار گرفته که برای اتصال به صفحات دیگر سایت از آن استفاده می شود . قسمت پایین قاب شامل پاورقی صفحه و نیز اتصالات دیگری که باید در همان قاب جابه جا شود می باشد . در قاب دست چپ در وسط سطر شامل لینکهایی است که باید مطالب آن در همان قاب بارگذاری شود . در فرم دست چپ در میان سطر شامل ابر اتصالاتی است که شامل 3 قسمت متفاوت اصلی در صفحه است . که مطالب آنها باید در قاب راست بارگذاری شوند . این طراحی به ما اجازه می دهد که صفحه اصلی را به مقادیر گسسته تقسیم کنیم .



در مورد تگ Noresize هم باید بگویم حق باشماست ... مشکل تایپی بود .. که همین مشکل برخی مواقع باعث میشه معنی موضوع تغییر کنه .. من از طرف مترجم عذر خواهی می کنم !

شاد باشید - نیما احدی

ebrahim2006
13-11-2006, 12:58
سلام خسته نباشيد
من مي خواست نحوه ساختن Sql را در اكسس بدانم آيا مي توانيد به من كمك كنيد خيلي از شما تشكر مي كنم

Wili
13-11-2006, 17:20
دي اچ تي ام ل منو:
سلام بچه ها. اگه ويندوز سكوريتي داشته باشه منو ها رو نمايش نمي ده و يك نوشته زرد بالاي صفحه اينترنت اكسپولرر مي زاره . كه اگه روش كليك بكني منو رو نشون مي ده.
نمي شه يك كاري كرد كه تحت هر شرايطي منو رو نشون بده. جواب فوري
منظورم يك تيكه كد جاوا است. خيلي ممنون مي شم راهنماييم كنين

loverminion
16-11-2006, 08:34
سلا م آقا نيما
ميخواستم در مورد تگهاي <div> , <spn> توضيح بديد به خصوص<div> كه كارش جي است من ميبينم در اچ تي ام ال و جاوا و قكر كنم همه برنامه ها اس
اگه توضيح مفصلي دربارش بديد ممنون ميشم با تشكر

Naser_helboy
18-11-2006, 12:28
نیما جان پس کی آموزش php رو شروع می کنی
ممنون

N I M A
19-11-2006, 01:15
سلا م آقا نيما
ميخواستم در مورد تگهاي <div> , <spn> توضيح بديد به خصوص<div> كه كارش جي است من ميبينم در اچ تي ام ال و جاوا و قكر كنم همه برنامه ها اس
اگه توضيح مفصلي دربارش بديد ممنون ميشم با تشكر
دوست عزیز با کمی جستجو در همین سایت و سایتهای دیگر می توانید جواب سوال خود را پیدا کنید ! سعی کنید معلم خود باشید !

شاد باشید - نیما احدی

managermd
22-11-2006, 22:10
آموزش گام به گام طراحي حرفه اي سايت ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])

آموزش گام به گام طراحي حرفه اي سايت در سايت امپراطوری اينترنت ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
EmpireOF[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
به زبان فارسي
آموزش از ابتدا بصورت گام به گام و تصويری

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

salim_a
23-11-2006, 00:04
دستت درد نکنه

shahriar9876
25-12-2006, 19:06
با سلام خدمت اساتید. من یه سواله خیلی پیش پا افتاده دارم!من یه سایت گرفتم با پسوند .com شرکت سازنده به من mail زد و چند تا .. به من داد حالا من می خوام برم سایت رو از حالت اولیه در بیارم اما اتفاقی نمی افته (شایدم من بلد نیسم!) حالا من باید تو کدوم برم تا بتونم قالب سایت و درس کنم و توش متن و اینا بذارم؟!
Domain Control Panel(برنامش plesk هست)
Hosting Control Panel
FTP & FrontPage
Website stats address
Database

اگه میشه در مورد هرکدوم توضیح بدین!

N I M A
26-12-2006, 03:49
با سلام خدمت اساتید. من یه سواله خیلی پیش پا افتاده دارم!من یه سایت گرفتم با پسوند .com شرکت سازنده به من mail زد و چند تا .. به من داد حالا من می خوام برم سایت رو از حالت اولیه در بیارم اما اتفاقی نمی افته (شایدم من بلد نیسم!) حالا من باید تو کدوم برم تا بتونم قالب سایت و درس کنم و توش متن و اینا بذارم؟!
Domain Control Panel(برنامش plesk هست)
Hosting Control Panel
FTP & FrontPage
Website stats address
Database

اگه میشه در مورد هرکدوم توضیح بدین!
سلام..

Domain Control Panel: این مربوط به مدیریت دامنه ای است که ثبت کرده اید و مرتبط با تغییر صفحات سایت نیست!
Hosting Control Panel & FTP & FrontPage: این دو مرتبط با تغییر صفحات و آپلود صفحاتی هستند که قصد دارید آنها را در سایت به نمایش در آورید (نکته: توجه داشته باشید که در طراحی سایت حتما باید برای صفحه ابتدائی نام index را استفاده نمائید!)
Database: بانک اطلاعات!

شاد باشید - نیما احدی

shahriar9876
27-12-2006, 00:36
مرسی ولی اون جور که بوش می آد من این کاره نیسم! یعنی الان که یه سری تبلیغ رو سایتمه رو نمی تونم تغییر بدم! باید بهش کد بدم؟!!خلاصه که بلد نیسم!

neopersia
31-12-2006, 02:59
درست فهمیدم
Html بلد نیستی

doctor_apachi2
02-01-2007, 10:10
سلام عرض ميكنم خدمت آقا نيما كه نميدونيم چه جوري ازشون تشكر كنيم.من يه بار يه مقاله كه شايد اندازه يه درس شما بود خودم تو سايت تو فروم موبايل نوشتم پدرم در اومد و ميدونم كه شما چه قدر زحمت كشيديد بابت اين همه آموزشي كه خودتونم نوشتيد.به هر حال ممنون واقعا.دو مورد رو ميخواستم بگم خدمتتون:
1: من اون فايل pdf رو نتونستم دانلود كنم.لطف بفرماييد يه نگاهي به لينك بندازيد.
2: كلاس هايي كه بيرون به اسم آموزش طراحي صفحات وب ميگذارند هم همين مطالب هستش؟ يعني واسه من كه مي خوام از صفر شروع كنم برم كلاس بهتره؟ يا اينكه اين آموزش جامع شما رو بخونم كافيه؟ و آيا بايد پيش نيازش چيزي بلد باشيم مثل: فلش يا000؟؟

N I M A
06-01-2007, 01:31
سلام عرض ميكنم خدمت آقا نيما كه نميدونيم چه جوري ازشون تشكر كنيم.من يه بار يه مقاله كه شايد اندازه يه درس شما بود خودم تو سايت تو فروم موبايل نوشتم پدرم در اومد و ميدونم كه شما چه قدر زحمت كشيديد بابت اين همه آموزشي كه خودتونم نوشتيد.به هر حال ممنون واقعا.دو مورد رو ميخواستم بگم خدمتتون:
1: من اون فايل pdf رو نتونستم دانلود كنم.لطف بفرماييد يه نگاهي به لينك بندازيد.
2: كلاس هايي كه بيرون به اسم آموزش طراحي صفحات وب ميگذارند هم همين مطالب هستش؟ يعني واسه من كه مي خوام از صفر شروع كنم برم كلاس بهتره؟ يا اينكه اين آموزش جامع شما رو بخونم كافيه؟ و آيا بايد پيش نيازش چيزي بلد باشيم مثل: فلش يا000؟؟
سلام...

خواهش میکنم نظر لطف شماست!

1 - لینک امتحان شد و مشکلی نداشت دوست عزیز !

2 - فرقی نمی کنه مهم اینکه که شما بعد از اتمام هر درس (چه اینجا و چه بیرون از اینترنت) آنرا خوب درک نموده و تمرین مدام داشته باشید! مطمئن باشید حتما با تمرینات لازمه که در آخر هر درس آمده شما در پایان دوره به راحتی می توانید به طراحی وب به زبان همگانی HTML بپردازید.
از همین حالا شروع کنید. پس از پایان دروس اگر تمایل داشتید آزمونی آنلاین را در اختیار شما میگذارم تا بتوانید خود را بسنجید.

شاد باشید - نیما احدی

S A M
08-01-2007, 19:21
ايول خيلي خوب بود از همه متشكرم [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

hashemjon
16-01-2007, 20:52
با سلام

من يك سوال داشتم ، آيا ميشه با كد جاوا براي يك صفحه وب پسورد گذاشت ؟
يعني وقتي كه كسي وارد صفحه ميشه پسورد رو وارد كنه بعد صفحه رو ببينه.
اگر ميشه لطفا راهنمايي كنيد
با تشكر..

neopersia
20-01-2007, 02:59
با جاوا اسکرپت میشه ولی اعتباری نداره
یه نگاهی به اینجا بنداز:
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

hashemjon
22-01-2007, 17:20
با جاوا اسکرپت میشه ولی اعتباری نداره
یه نگاهی به اینجا بنداز:
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

خيلي ممنون ...:rolleye: :biggrin: :blush:

amoz
29-01-2007, 07:49
سلام
من یه سایت توی پارسارجیستر دارم
چند وقتی است دیگه برام میل نمی آد
خودم هم که می خواهم برای اون آدرس میل بزنم با پیام این که میل شما به مقصد نرسیدfail شد مواجه می شم
یعنی نه ای میل برام می آد نه می تونم میل بزنم
این پیغامشه:
This message was created automatically by mail delivery software.

A message that you sent could not be delivered to one or more of its
recipients. This is a permanent error.
مشکل چیه
ممنون

N I M A
30-01-2007, 04:23
سلام
من یه سایت توی پارسارجیستر دارم
چند وقتی است دیگه برام میل نمی آد
خودم هم که می خواهم برای اون آدرس میل بزنم با پیام این که میل شما به مقصد نرسیدfail شد مواجه می شم
یعنی نه ای میل برام می آد نه می تونم میل بزنم
این پیغامشه:
This message was created automatically by mail delivery software.

A message that you sent could not be delivered to one or more of its
recipients. This is a permanent error.
مشکل چیه
ممنون
سلام..

دوست عزیز ایمیلی که می خواهید به آن مطالب را ارسال کنید غیر فعال شده است!

با مدیریت سایت مورد نظرتان تماس بگیرید.

شاد باشید - نیما احدی

amoz
30-01-2007, 06:46
سلام..

دوست عزیز ایمیلی که می خواهید به آن مطالب را ارسال کنید غیر فعال شده است!

با مدیریت سایت مورد نظرتان تماس بگیرید.

شاد باشید - نیما احدی

:ohno: :ohno: :ohno: :ohno: :ohno:
ممنون

saeidtf
18-03-2007, 17:57
آیا میشود یک صفحه html با چند style css داشت مثلا مثل سایت MSN روی هر رنگی که کلیک می کنه style سایت مانند اون رنگ میشه ؟ اگر این امکان رو داره لطفا توضیح بدید با تشکر

neopersia
19-03-2007, 01:50
کار که نشد نداره احتمالاً با ترکیب جاوا اسکرپت و Css میشه از این کارا کرد
سعید جان اگه یه کم بیشتر توضیح داده بودی که چه کار می خوای بکنی می تونستم دقیقتر توضیح بدم

راستش آخرین باری که سایت Msn رو دیدم یادم نیست!!!!!!

saeidtf
19-03-2007, 13:36
کار که نشد نداره احتمالاً با ترکیب جاوا اسکرپت و Css میشه از این کارا کرد
سعید جان اگه یه کم بیشتر توضیح داده بودی که چه کار می خوای بکنی می تونستم دقیقتر توضیح بدم

راستش آخرین باری که سایت Msn رو دیدم یادم نیست!!!!!!


دوست عزیز من می خوام مثل این سایت [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] بتونم در سایتم چند حالت رنگ داشته باشم تا کاربر بتونه هر رنگی که خواست انتخاب کنه تا سایت براش خسته کننده نباشه در سایت بالا سمت راست 5 رنگ وجود داره که شما هر کدوم رو انتخاب کنی style سایت طبق اون رنگ عوض می شه منم می خوام یه چنین کاری بکنم اگه راهنمایی بفرمایی ممنون می شم

neopersia
20-03-2007, 01:47
برای تغییر رنگ که از جاوا اسکرپت استفاده می کنند شاید هم به همراه آژاکس
برای ذخیره اون رنگ هم از کوکی استفاده می کنند البته کدی که اونا استفاده کردند یه مقدار پیچیده نوشته شده بود

به هر حال اگه بخوای می تونم برای سایتت یه چیزی مثل اون درست کنم باهات ارزون هم حساب می کنم

اگه خواستی می تونی برام pm بزاری:

yaser.zainali@yahoo.com

یا می تونی فرم زیر رو برای ارسال سفارش پر کنی :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

saeidtf
21-03-2007, 00:26
خدا خیرت بده خودم یه جوری از پسش بر میام

uPGA
22-03-2007, 13:34
سلام دوستان من طراح وب نیستم یه کاربر عادی ام که کمی (فقط کمی HTML میدونه
من واسه یه دایرکتوری که یه مجموعه‌ی چند رسانه‌این هست یه صفحه HTML نوشتم واسه لینک دادن و باز کردنشون
توی هر دایرکتوری دو تا فایل هست یکی یه فایل swf که تصویر رو نشون میده یکی هم فایل rm که صدا رو نشون میده حالا من میخوام یه لینک بزارم توی این صفحه که ایندو رو باهم و با یه کلیک رو لینک باز کنه
از تگ embed استفاده کردم فایده نداشت تصویر رو پخش میکنه ولی واسه صدا با احتیاج به کلیک داره
اسکریپت هم بلد نیستم ............ توی خود HTML راهی هست هر جور کردم نشد مثل اینکه نمیشه دو تا تگ a رو به یه کلمه لینک کرد به طوری که همزمان باز بشه

phoenix13
26-03-2007, 18:18
سلام دوستان من طراح وب نیستم یه کاربر عادی ام که کمی (فقط کمی HTML میدونه
من واسه یه دایرکتوری که یه مجموعه‌ی چند رسانه‌این هست یه صفحه HTML نوشتم واسه لینک دادن و باز کردنشون
توی هر دایرکتوری دو تا فایل هست یکی یه فایل swf که تصویر رو نشون میده یکی هم فایل rm که صدا رو نشون میده حالا من میخوام یه لینک بزارم توی این صفحه که ایندو رو باهم و با یه کلیک رو لینک باز کنه
از تگ embed استفاده کردم فایده نداشت تصویر رو پخش میکنه ولی واسه صدا با احتیاج به کلیک داره
اسکریپت هم بلد نیستم ............ توی خود HTML راهی هست هر جور کردم نشد مثل اینکه نمیشه دو تا تگ a رو به یه کلمه لینک کرد به طوری که همزمان باز بشه
برای این کار باید مثل زیر عمل کنید:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
امیدوارم تونسته باشم کمکتون کنم :20:

vahid_shokrzadeh
15-04-2007, 16:44
سلام

یه سوال

می شه یه کدی گذاشت به طوری که وقتی یه سایتی باز میشه آدرسش خودکار عوض بشه و بره تویه سایت دیگه

اگه می شه لطف کنین کدش رو واسم بذارین خیلی لازم دارم

ممنون می شم .

neopersia
16-04-2007, 08:53
سلام

یه سوال

می شه یه کدی گذاشت به طوری که وقتی یه سایتی باز میشه آدرسش خودکار عوض بشه و بره تویه سایت دیگه

اگه می شه لطف کنین کدش رو واسم بذارین خیلی لازم دارم

ممنون می شم .

یه نگاه به صفحه زیر بنداز فکر میکنم مفید باشه

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

vahid_shokrzadeh
16-04-2007, 10:52
ممنونم دستت درد نکنه

خیلی خیلی عالی بود درست کار کرد .

بازم ممنون

vahid_shokrzadeh
16-04-2007, 11:02
:11: :12:

از لطفتون بی نهایت ممنونم

gogole magole
21-04-2007, 18:15
اقا خیلی مممنون

phoenix13
24-04-2007, 17:08
هر کسی مشکلی داشت در خدمتم

masoud_ac
01-05-2007, 19:23
سلام به آقا نیما واقعاً دستت درد نکنه
مثل اینکه فقط شما کولاک میکنید تو کل این سایت
آقا ای همه آموزش کار خیلی سختیه ما که دوم بودیم اینا رو تو 9ماه خوندیم حالا شما 1روزه همه رو آموزش دادی
9ماه کجا 1روز کجا کاش از همون اول میومدم پیش خودت نه مدرسه شما که مدرسه رو خوردی ایول
مرسی
امیدوارم که موفق باشی

masoud_ac
01-05-2007, 19:36
آقا نیما من میخوام صفحات پویا یا همون Dynamic ایجاد کنم .
آیا با Dream Weaver میشه؟ Inter Dev چی؟ کدوم بهتره ؟
من کتاب DreamWeaver رو دارم جزو درسهای امسالمون هم بود اما میدونی که مدرسه زیاد جالب نمیشه یاد گرفت و تو مدرسه مشکلاتی وجود داره سیستم پایین نداشتن امکانات سیستم و .............. .
حالا شما یه توضیح برای ساخت صفحات پویا(Dynamic) با برنامه ی Dream Weaver8 بدین ممنون اگه بتونید فایل PDF. بزارین بهتره چون دانلود میکنیم و بعداً با خیال راحت میخونیمش .
ممنون از لطف شما

paizi
06-06-2007, 17:07
می خواستم اطلاعاتی درباره طراحی وب سایت به من بدهید

با تشکر

ehsan310
06-06-2007, 20:20
طراحی صفحات پویا یا دینامیک رو شما به چه زبونی میخواید ببینید ما چندید زبان برنامه نویسی تحت وب داریم که همه اونها پویا هستن

Perl - cgi - phyton - php - asp - asp.net - و ... چیزای دیگه

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

paizi
07-06-2007, 18:24
من اطلاعاتی درباره رباتیک میخواستم

ehsan310
07-06-2007, 22:35
دوست عزیز رباتیک چه ربطی به این موضوع داشت !!!

لطفا یه تاپیک جدید باز کنید اینطوری بهتر به جوابتون میرسید

CrazyTux
10-06-2007, 05:16
دستت برای زحمات کشیده شده درد نکنه

alishahbazi
10-06-2007, 23:29
[QUOTE=N I M A;344020]با سلام خدمت دوستان

ابتدا از همه دوستاني كه تقاضاي فايل PDF (الكترونيكي) رو كرده بودند و يه كمي طول كشيد عذر خواهي ميكنم ..
بالاخره وقتشو پيدا كردم و يه جوري جفت و جورش كردم ... حقيقتش خيلي مشكله اين همه آموزش رو با اين حجم به صورت PDF در بياري اما با اميد به خدا اين كار رو كردم ....

دريافت فايل PDF اين آموزش بسيار مفيد از لينك زير :

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
------------------------------------------------------------------------------------------------------------------------------

سلام نیما جان این لینک برای من کار نمی کند .
اگر ممکنه دوباره آپلود بفرمایید و یا اینکه به ایمیل من بفرستید :
Email : shiali1368@yahoo.com

با تشکرات فراوان (علی شهبازی)

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

S0R3N4
12-06-2007, 17:10
دست شما درد نکنه. به شما بخاطر همت خوبتون برای پی گیری مطالب اینگونه باید آفرین گفت.

چون شما مطالب رو به ترتیب ذکر می کنید میخاستم بدونم که کدهای متا که معمولا در هدر صفحه آورده میشه رو در برنامه کاری دارین یا فراموش شده؟

LOVEMT
12-06-2007, 17:36
سلام نیما جان این لینک برای من کار نمی کند .
اگر ممکنه دوباره آپلود بفرمایید و یا اینکه به ایمیل من بفرستید :
Email : shiali1368@yahoo.com

با تشکرات فراوان (علی شهبازی)

برای من خیلی خوب داره کار میکنه حالا هم که دارم براتون این پست رو میدم 50% اون دانلود شده [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

Geeksboy
18-06-2007, 00:21
سلام دوستان...
من یه سایت بازی میخوام بزنم...به من گفتن طراحی اش مثل وبلاگ و حتی آسانتر هم هست...درسته؟

به من گفتن که با CMS و WordPress کار کنم...اینا چیه؟

میشه یه راهنمایی کلی درباره طراحی آسان یه سایت بدید؟

reza.majazi
19-06-2007, 04:57
aliiiiiiiiiiiiiiiiiiiiiiiiiii booooooooooooooooooooooooood

reza.majazi
19-06-2007, 05:05
khoooooooooooooobeeeeeeeeeeeeeee

reza.majazi
19-06-2007, 05:07
khoooooooooooooooooobe

Geeksboy
19-06-2007, 17:23
کسی جواب نمیده؟

mamalighelgheli
21-06-2007, 01:10
سلام دوستان خسته نباشید
ببینید من طراحی سایت خوب بلد نیستم خب یه کم کتاب و چند تا CD دیدم تا اینکه تونستم یه سایت واسه خودم بزنم حالا هم از آقایون و خانم های صاحب فن و کار بلد خواهش می کنم تا یه نیگاه بندازند به سایت بنده و لطف کنند و اشکالاتش رو برام بگن
من برنامه نویسی تحت وب آشنا نیستم البته خواستم PHP یاد بگیرم یه کم که مطالعه کردم به نظر خودم رسید که اون چیزی رو که من می خواهم به من نمیگه یعنی من نمی تونم با یاد گرفتن اون کتاب یاد بگیرم سایتی مثل مثلا [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]) بسازم اگه میشه من رو راهنمایی کنید
با تشکر

mamalighelgheli
21-06-2007, 01:29
ببخشید یادم رفت آدرسش رو بزارم
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])

1000000
25-06-2007, 11:48
لطفا در مورد شبکه های lan مرا یاری کنید !

(d.d_alireza2006@yahoo.com)
متشکرم

1000000
25-06-2007, 11:53
من دوست دارم که طراحی صفهات وب را یاد بگیرم . لطفا با معرفی چند CDو چند کتاب مرا یاری نمائید .
d.d_alireza2006@yahoo.com
متشکرم .

-_|DeaTh-AnGeL|_-
29-06-2007, 23:04
سلام به همگي
راستش منم شديدا دنبال 1.طراحي صفحات وب و 2.برنامه نويسي ياد بگيرم راستش من دنبال كتاب طراحي وب رفتم كتابخونه ولي هر چي پيدا كردم همه كتاباي قديمي و براي سال 67 68 بودش الان ديگه من تصميم گرفتم چون درس فعلا تموم شده و يه 3 ماهي تعطيليم
حالا من از همتون ميخوام كه اگر واردين يا كتاب يا سي دي خاصي رو ميشناسين بهم معرفي كنين و براي من نقش استاد رو داشته باشيد
(فقط لطف كنيد و علاوه بر اينكه توي اين تاپيك مينويسيد يه پيغام خصوصي هم برام بكنيد چون من ادرس تاپيك ها رو يادم ميره)
اين پست هم بايد 115 پستم باشه ولي توي كلوپ گوشي به نوكيا فحش دادمو بن شدم
منتظرم!!!!

neopersia
30-06-2007, 07:27
یه سری به این سایت بزن امیدوارم مفید باشه :

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

phoenix13
10-07-2007, 19:03
سلام خدمت همه
اول جواب چند تا از عزیزان رو میدم
برای آموزش Php من کتاب آموزش Php در 10 دقیقه ( ویرایش 2006 ) و برای آموزش Html کتاب Html4 رو معرفی می کنم که هر 2 از انتشارات ناقوس هستند
باز هم اگز در ضمینه ی Php یا Html مشکل داشتید بگید

lordhackers
11-07-2007, 14:54
دوستان عزيز من سايت ياهو رو فارسي كردم مي خواستم يه سري بزنيد

hosseintdk775
11-07-2007, 14:58
بسم الله الرحمن الرحيم
با سلام
دوست عزيز لينك نداده ايد!!!

chelsea2005
14-07-2007, 21:15
سلام
ببخشيد آيا كتاب آموزشي كامل هم از اين نوع نرم افزار ها وجود داره ؟

pv2005
19-07-2007, 10:20
من یک پایگاه داده با access ساختم و می خوام اونو به سایتم که در dreamweaver mx در حال ساخت است انتقال بدم. من از زبان asp.net vb استفاده می کنم و این پایگاه را برای شبکه محلی می خوام.
از اساتید محترم تقاضا دارم جواب بدن. کارم خیلی فوریه!!!!

vizy-vizy
19-07-2007, 19:40
دو تا سوال دارم

1- آیا تگ جدیدی به زبان html اضافه شده طی این چند سال اخیر؟؟

2- در مورد css2 و css 3 کسی اطلاعات کاملی داره چه مرورگرهایی پشتیبانی میکنن از این دو ؟؟

متاسفانه بقیه سایت ها اطلاعات ناقصی میدن

اگر کتابی یا مرجعی بود برای مطالعه ممنون میشم

naser43050
21-07-2007, 21:53
لينك pdf خراب لطفا درستش كنيد
ممنون

lordhackers
26-07-2007, 11:42
اين هم لينك هاي سايت ياهو فارسي هر دو لينك مربوط به يك سايت است

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

phoenix13
27-07-2007, 16:57
دو تا سوال دارم

1- آیا تگ جدیدی به زبان html اضافه شده طی این چند سال اخیر؟؟

2- در مورد css2 و css 3 کسی اطلاعات کاملی داره چه مرورگرهایی پشتیبانی میکنن از این دو ؟؟

متاسفانه بقیه سایت ها اطلاعات ناقصی میدن

اگر کتابی یا مرجعی بود برای مطالعه ممنون میشم
1- تگ جدید خیر اضافه نشده اما کم کم عموم به سمت XHTML کشیده مین ..که بسیار شبیه HTML هست و حتی جالبه بدنی که در XHTML تگ IMG هم تگ بسته به همراه داره!!!
2-اکثر مرورگرهای جدید تا css 3 رو پشتیبانی کامل می کنن منظور تو کدوم مرورگر بود ؟؟ اسمش رو بگو

ali_bamaze
30-07-2007, 13:52
من وقتي از كد هاي java استفاده مي كنم يك نوار سياه در پايين صفحه مي ايد.چي كار كنم

Hamidreza66
30-07-2007, 15:46
سلام دوستان خسته نباشید
چطور میشه یه صفحه رو به طور خودمار به یه صفحه دیگه فرستاد؟
مثلا میخوام هرکی اومد به آدرس pourya-ict.com خودکار به آدرس بره pourya-ict.com/blog
از چه کدی باید استفاده کنم؟

Elfin-D
30-07-2007, 17:34
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

vizy-vizy
09-08-2007, 20:34
در مورد ویژگی voice-family تو css میشه یکی توضیح بده که چه کاری انجام میده؟

amir abbas
09-08-2007, 21:15
در مورد ویژگی voice-family تو css میشه یکی توضیح بده که چه کاری انجام میده؟

تا اونجایی که من می دونم این خصوصیت برای تعیین صدا به کار میره. مثل این


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

مرورگر هایی که متن رو برای شما می خونن از این دستور متوجه میشن که با کدوم صدای نصب شده روی سیستم متن رو بخونن

royaye_talkh55
13-08-2007, 08:12
سلام عزیزان
اگه میشه اون پی دی اف صفحه اول رو یه جای دیگه آپ کنید ممنون

VGS
15-08-2007, 17:46
دوست عزیز من این کارو کردم انگار این کد رو ساپورت نمیکنه. صفحه با زبان Css طراحی شده.





با سلام خدمت دوستان راجب سوالی که دوستمون پرسید اگه میخواهی سایت مورد نظر خود را در سایت خود بزاری
باید به سایت مورد نظر بری کلیک راست کنی ویو سورس سایت را کپی و در اخر کد های قالب سایت خود کپی کنی
من این کار را کردم جواب میده اگه مشکل داشتی بگو:10:

VGS
15-08-2007, 17:57
بچه ها بازم سلام
من می خواستم بپرسم اگه بخواهیم یه صفحه درست کنیم که اگه کسی خواست توش عضو بشه چه چوری باید ساختش یعنی یکی تو اون صفحه ثبت نام کنه
امکاناتش هم مانند فرم فروشگاه های اینترنتی باشه

پسر نقره ای
17-08-2007, 15:41
سلام
برای لینک دادن به قسمتی از عکس چی کار باید کرد
یعنی فقط روی قسمتی از عکس بشه کلیک کرد

hosseintdk775
17-08-2007, 21:04
سلام
برای لینک دادن به قسمتی از عکس چی کار باید کرد
یعنی فقط روی قسمتی از عکس بشه کلیک کرد

بسم الله الرحمن الرحيم
با سلام
دوست عزيز آنطور كه من از نوشته هاي شما متوجه شدم: شما بايد css را بلد باشيد (بايد به css مربوط باشد) تا شما يك عكسي را پشت زمينه يك قسمتي از قالبتان بكنيد و بعد از آن يك عكسي بايد بسازيد و روي همان عكس قبلي بگذاريد و بايد رنگ بندي عكس دومي با قبلي يكسان باشد تا تفاوتي ديده نشود و بعد به عكس دومي لينك بدهيد.
اينگونه بايد باشد / امكان اينكه شما بتوانيد به قسمتي از عكس لينك بدهيد وجود ندارد.
موفق باشيد.

پسر نقره ای
18-08-2007, 04:57
مرسی
این رو می دونم ولی می خوام بدونم چه جوری می شه اینکار رو کرد
عکس رو پشت زمینه قرار می دم ولی نمی دونم چه جوری اون تکه عکس رو دقیقا در محل خودش قرار بدم
مثلا یک عکس 10 در 10 رو وسط 600 در 600 چه جوری میشه گذاشت

SunRise2007
06-09-2007, 07:24
آیا میشه سایتی رو بجایه اینکه تمام صفحشو بروز کنیم .فقط صفحه اصلی رو بروز کنیم بقیه صفحات بروز شوند

SunRise2007
06-09-2007, 07:25
ممنون از این همه جواب که به من داددید:13:

SunRise2007
06-09-2007, 07:26
چطوری میشه در کمترین زمان بیشترین بهره رو برد

SunRise2007
06-09-2007, 07:27
بابا کسی نیست که جواب منو بده

shahramkh59
06-09-2007, 08:19
شما فقط کافیه در هر برنامه ای مثل فرونت پیج یا دیگری صفحه اول را پابلیش کنی بقیرو پابلیش نکن

bavafa110
06-09-2007, 15:31
سلام وخسته نباشيد:40:
من سند htmlطراحي كرده ام حالا چطور ان را در وب منتشر كنم

bavafa110
06-09-2007, 15:34
سلام وخسته نباشيد[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ](39).gif
من سند htmlطراحي كرده ام حالا چطور ان را در وب منتشر كنم

bavafa110
06-09-2007, 15:41
سلام وخسته نباشيد
من سند htmlطراحي كرده ام حالا چطور ان را در وب منتشر كنم

mohsen.rajabi
13-09-2007, 21:34
با سلام خدمت دوستان

ابتدا از همه دوستاني كه تقاضاي فايل PDF (الكترونيكي) رو كرده بودند و يه كمي طول كشيد عذر خواهي ميكنم ..
بالاخره وقتشو پيدا كردم و يه جوري جفت و جورش كردم ... حقيقتش خيلي مشكله اين همه آموزش رو با اين حجم به صورت PDF در بياري اما با اميد به خدا اين كار رو كردم ....

دريافت فايل PDF اين آموزش بسيار مفيد از لينك زير :

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

این ستاره ها چیه
ممنون از آموزشت

saghar_sh
26-09-2007, 06:26
من هم به خاطر این ستاره ها نمیتونم بگیرمش
هر وقت درستش کردین به من ایمیل کنید و یه طوری خبرم کنید
با تشکر

hadavand
26-09-2007, 10:36
با عرض سلام و خسته نباشید
در مورد سایز صفحات وتنظیمات آن اگر لطف کنید ممنون میشم

DaRiOuShJh
26-09-2007, 16:19
این ستاره ها چیه
ممنون از آموزشت


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

اینجا یه هاسته مرحومی بوده که اسمش ف یلتر شده متاسفانه
فک نکنم دیگه نیما جان بیان این ورا:20:


با عرض سلام و خسته نباشید
در مورد سایز صفحات وتنظیمات آن اگر لطف کنید ممنون میشم

دوسته عزیز خوش اومدی ولی منظورتون رو متوجه نشدم
لطفا کاملتر توضیح بدید تا جوابه کامل هم بگیرید:46:

m1r@
08-10-2007, 01:20
چه ضد حالی, بابا یکی تکلیف مارو با این ستاره ها مشخص کنه.
امیدوارم زودتر درست بشه...

pooryaspeed
09-10-2007, 15:04
مرسی ممنون

eAmin
23-10-2007, 16:45
سلام
برای لینک دادن به قسمتی از عکس چی کار باید کرد
یعنی فقط روی قسمتی از عکس بشه کلیک کرد

سلام.

بعدا یه نمونه می زارم!
می تونید از این استفاده کنید:


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

eAmin
24-10-2007, 09:55
سلام.

این هم اون نمونه ای که گفته بودم.


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

mahdi nba
26-10-2007, 17:39
سلام...

من یک سوال داشتم:

چطوری میشه توی وبلاگ یک فهرست درست کرد؟؟؟

مثل:نویسندگان یا موضوعات یا پیوندها.

hoda.r
27-10-2007, 20:02
با سلام خدمت دوستان

ابتدا از همه دوستاني كه تقاضاي فايل PDF (الكترونيكي) رو كرده بودند و يه كمي طول كشيد عذر خواهي ميكنم ..
بالاخره وقتشو پيدا كردم و يه جوري جفت و جورش كردم ... حقيقتش خيلي مشكله اين همه آموزش رو با اين حجم به صورت PDF در بياري اما با اميد به خدا اين كار رو كردم ....

دريافت فايل PDF اين آموزش بسيار مفيد از لينك زير :

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
------------------------------------------------------------------------------------------------------------------------------
ابتدا از آموزش HTML شروع مي كنم :


مقدمه

بنام یگانه ی هستی

HTML مخفف Hyper text mark up language ( زبان کد گذاری ابر متن ) می باشد .
HTML در واقع زبان ساخت صفحات وب می باشد . این صفحات می تواند حاوی متنهای آرایش شده ، Link ، تصاویر ، جدول ، Plug – in و ... باشند . استقبال زیاد از این زبان و همچنین کمبود کتابهایی که در این زمینه وجود دارند ما را بر آن داشت تا بدون پرداختن به جزئیات بسیار ریز و غیر ضروری ، منبعی ساده و در عین حال کلی ارائه دهیم که مطالعه آن برای خوانندگان خالی از لطف نخواهد بود .
جهت کد نویسی و طراحی صفحات وب نیاز به یک Text Editor ساده مانند Notepad که در تمامی ویندوزها قابل دسترسی می باشد و نیاز به نصب Text Editor جدید نیست .
برای مطالعه ی این دوره ی آموزشی نیاز است کاربران محترم آشنایی با اینترنت داشته باشند .

ضمنا سیستم شما باید دارای مشخصات سخت افزاری ذیل باشد :

- حداقل سیستم مورد نیاز پنتیوم 233
- 16 مگابایت Ram
- حدود 600 مگا بایت فضای آزاد
-------------------------------------------------
درس 1 - ایجاد اولین سند HTML
بعد از خواندن این درس توانائیهای زیر را در ساخت صفحات وب بدست می آورید:
1- آشنایی و درک تگهای HTML
2- باز کردن محیط کاری متناسب برای ایجاد یک سند HTML
3- استفاده از یک Editor (ویرایشگر متنی )
4- وارد کردن مطالبی به عنوان توصیه بطوریکه در صفحه نشان داده نشود
5- باز کردن سند در Browser برای نمایش آن تحت وب

1- تگ های HTML

وقتی یک مرورگر وب صفحه ای مانند صفحه فوق که شما مطالعه می کنید را نشان می دهد، صفحه از یک فایل متنی خوانده میشود.
کدهای ویژه اي بکار برده شده اند که با علامات <> نشانه گذاری شده اند. قالب عمومی تگ های HTML بصورت فوق می باشد :
< نام تگ / >رشته کاراکتری < نام تگ >
(البته بعضی تگها بصورت فرد عمل می کنند )
مانند:
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

این تگ بیان می کند که مرورگر وب متنی را بصورت زیر نمایش می دهد :
What are HTML tags
- بعدا در مورد تگهای < Hn > توضیح بیشتری خواهیم داد
تذکر :
مرورگر وب نسبت به استفاده از حروف بزرگ یا کوچک حساسیت ندارد.بر خلاف برنامه های کامپیوتر ، اگر شما ایرادی در HTML داشته باشید ، کامپیوتر شما دچار هنگ نمی شود و ایراد بسادگی با رفتن در داخل سند HTML بر طرف میشود. مرورگر شما ، دارای یک سند لغات کوچک می باشد . یکی از جنبه های جذاب HTML ، این است که اگر Browser شما نداند که تگی که در آن نوشته شده چیست ، آن را نادیده می گیرد. برای مثال :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
مثلا تگ < H3 > < /H3 > مورد حمایت مرورگر قرار می گیرند . ولی با مرورگرهای فعلی < wiggle /> و < wiggle > حمایت نمی شوند . اگر ما برنامه نویس یک مرورگر وب بودیم عملکردی برای تگ < wiggle > در نظر می گرفتیم

2- باز کردن محیط کاری

2- باز کردن محیط کاری

برای کامل کردن این بحث ، از ابتدا بهتر است که یک پنجره جدید ایجاد کنید. برای اینکه به شما اجازه می دهد که ضمن نگهداری پنجره فعلی ، پنجره ای جدید برای کار خودداشته باشید. شما خیلی راحت می توانید بین پنجره ها و اطلاعات مختلف گردش داشته باشید . مراحل ایجاد محیط کاری را در اینجا بیان می کنیم :
1- از منوی File مرورگر خود ، گزینه New Window را انتخاب کنید . پنجره دوم ظاهر می شود . اولین پنجره کتاب شماست و پنجره دوم محیط کاری برای تکمیل دروس HTML
2- فایل متنی خود را باز کنید
3- ایجاد سند HTMl
یک سند HTML شامل دو قسمت می باشد ( قسمت های تیتر و بدنه )
- قسمت تیتر ، شامل اطلاعاتی در مورد سندی که نشان داده می شود است .
- بدنه ، شامل کلیه مواردی می باشد که در یک صفحه وب نشان داده می شود .

نمونه یک سند HTML

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
استفاده از مطالبی که توضیح راجع به سند باشد و در صفحه نشان داده نمی شود
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
هر آنچه در صفحه نشان داده می شود
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
این تگ توضیحاتی دارد مبنی بر اینکه برای نوشتن این صفحه از کدام ورژن HTML استفاده شده است . تمامی مندرجات صفحه بین 2 دو تگ < HTML> و < html /> نوشته می شود . ابتدا < Head > و < head / > و سپس < body > و < body / > < ! …… > متنی که ما بین تگ فوق نوشته می شود ، در صفحه وب نمایش داده نمی شود، ولی این اطلاعات در اختیار کسی قرار می گیرد که Source یک صفحه وب را که در پشت صفحه وب قرار دارد می بیند .
وقتی صفحه وب شما دچار پیچیدگی می شود، این مطالب و کدها می تواند برای به روز کردن صفحه وب شما مفید باشد . اینجا به ذکر مراحل ایجاد سند HTML می پردازیم :
1- Editor متنی خود را باز کنید
2- و مطالب زیر را در آن وارد کنید :
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
موقعیت تگ < title > و < title /> داخل دو تگ < head > و < head /> می باشد و این که در صفحه نشان داده نمی شود پس کار آن چیست ؟
تگ < html > شناسه یگانه ای است برای هر سند HTML و در قسمت Title bar بار مرورگر شما نمایش داده می شود .
در درس 3 شما می آموزید که چگونه رشته کاراکتر را برای Title اضافه کنید و در صفحه وب شما ظاهر شود . ذکر این نکته ضروری است که دراین تگ توضیح اسم نویسنده و تاریخ ایجاد سند HTML ذکر می شود و شما می توانید هر نکته ای را درون این تگها نمایش دهید . ولی فقط در سند HTML قابل رویت می باشد و در صفحه وب شما قابل مشاهده نیست.
3- سند خود را به نام Lesson1.html ذخیره کنید و آن را در فولدر خاص مورد نظر خود نگهداری کنید

تذکر ( برای استفاده کنندگان ویندوز 3.1 ) :
شما باید سند HTML خود را با نام HTM .نام فایل ذخیره کنید . بنابراین نام فایل شما در این مثال Lesson1.htm خواهد بود . نگران نباشید مرورگر شما به اندازه کافی هوشمند می باشد و می داند که آخر نام فایل شما HTM می باشد . HTM نیز یک فایل HTML می باشد .
استفاده کنندگان ویندوز 95 به بالا می توانند نام فایل را Lesson1.html قرار دهند . طبق مثال فوق با استفاده از این اسم و پسوند مرورگر فایل شما را مانند یک فایل HTML می خواند و آن را بصورت صفحه وب نشان می دهد .

نمایش سند در یک صفحه وب

1- بر گردید به مرورگر وب که برای محیط کاری از آن استفاده می کنید . از منوی File گزینه Open را انتخاب کنید .
2- از کادر محاوره ای که باز می شود ، سند مورد نظر ایجاد شده را باز کنید .
3- حال در Title bar مرورگر خواهید دید Lesson 1

چک کردن فایل

سند خود را با صفحه وبی که در پیش رو داریدمقایسه کنید، بعد از نگاه کردن نمونه از دکمه Toolbar back استفاده کنید تا مرورگر شما دوباره به این صفحه باز گردد . اگر سند شما با سند نمونه تفاوت داشت دوباره مروری بر مطالبی که وارد کردید داشته باشید . از اشتباهات معمولی که وجود دارد عدم مشاهده Titlebar می باشد . متنی که بین تگ های < title > و < title /> قرار داده شده در Title بار نشان داده نمی شود . از اشتباهات معمول دیگر برای کسانی است که از برنامه های پردازشگر لغات برای Type HTML استفاده می کنند و نمیتوانند آن را در مرورگر باز کنند .در این صورت صفحه آنها پر از کاراکترهای اضافی است .
اگر شما به دنبال یک Editor ساده و ارزان هستید پیشنهاد ما به شما Notepad می باشد.

مرور عناوین

1- تگ های HTML چه هستند ؟
2- متن تگ Title در کجا قرار می گیرد؟
3- چه مراحلی را برای ایجاد یک سند HTML باید دنبال کرد ؟
4- چگونه یک تگ توضیح ایجاد می شود ؟
5- چگونه می توانید سند HTML خود را در مرورگر نمایش دهید ؟

یک تمرین :

یک سند HTML که شامل تگ Title باشد ایجاد کنید و سپس آن را در مرورگر نمایش دهید . "حال صفحه اول شما ساخته شد"
بسیار ممنون

hoda.r
27-10-2007, 20:30
سلام . می خواستم بپزسم فایل pdf رو كه گفتید رو چه طور باز کنم ؟ آخه باز نمیشه!

eAmin
28-10-2007, 13:29
سلام . می خواستم بپزسم فایل pdf رو كه گفتید رو چه طور باز کنم ؟ آخه باز نمیشه!

سلام.

سایتی که اون بنده ی خدا توش فایل PDF رو آپلود کرده ( ف ی ل ت ر ) شده.باید کسی دیگه که این PDF رو داره دوباره واست آپلود کنه.

N I M A
28-10-2007, 23:30
سلام

از همه ی دوستان عذرخواهی می کنم بابت این مدت غیبتم .. فایل رو از لینک زیر دریافت کنید:


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

دلارام باشید - نیما احدی

DaRiOuShJh
01-11-2007, 14:08
به به به
نیما جان
خوش برگشتی!
ان شالله این دفه بیشتر پیشمون میمونی؟!:10:

lord_ashkan_z
12-11-2007, 16:31
من تو بخش استاتیک یعنی همین جا پرسیدم که چه جوری یک سایت دارای انجمن یا چیزی شبیه این ساخت که مانند اینجا بازدید کنندگان یک مطلبی را توشته و بعد از تایید مدیر در سایت نمایش داده شود.
گفتتند که باید یک پایگاه اطلاعات ساخت که و با استفاده از آن این کار را انجام داد و همچنین گفتند که این کار را در صفحات ایستاتیک نمی توان ایجاد کرد می خواستم بپرسم که درسته یا نه.
در ضمن من مشکلی با فضای سایت ندارم. در واقع من فایل آن را( مانند این html هایی که بعد از ذخیره کردن فایل ایجاد می شود) را به یک جایی میل می کنم و بقیه کار با آنهاست.

vvpourya
13-11-2007, 09:24
با سلام وادب واحترام

از راهنمائی شما نهایت تقدیر وتشکر را دارم

اجازه میدهید که بعداز این هر وقت به مشکل خوردم از شما راهنمای جویم

ومرا در طراحی سایت کمک میکنید

مرحله اول به چه طریقی فضایی رایگان تهیه کنم

آیا از این سایت پایینی میتوانیم استفاده نمائیم

persiangig

آبا میتوان در وبلاگ ابن کار را انجام داد؟

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]) تبدیل به
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

یک دنیا از شما تشکر میکنم

ببخشید که زحمت دادیم

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

خدا نگهدار

N I M A
14-11-2007, 17:24
با سلام وادب واحترام

از راهنمائی شما نهایت تقدیر وتشکر را دارم

اجازه میدهید که بعداز این هر وقت به مشکل خوردم از شما راهنمای جویم

ومرا در طراحی سایت کمک میکنید

مرحله اول به چه طریقی فضایی رایگان تهیه کنم

آیا از این سایت پایینی میتوانیم استفاده نمائیم

persiangig

آبا میتوان در وبلاگ ابن کار را انجام داد؟

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]) تبدیل به
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

یک دنیا از شما تشکر میکنم

ببخشید که زحمت دادیم

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

خدا نگهدار
سلام دوست عزیز

خواهش می کنم وظیفه بود ...!

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

دلارام باشید - نیما احدی

lord_ashkan_z
17-11-2007, 15:40
نیما جان پس چرا جواب ما را ندادی؟


من تو بخش استاتیک یعنی همین جا پرسیدم که چه جوری یک سایت دارای انجمن یا چیزی شبیه این ساخت که مانند اینجا بازدید کنندگان یک مطلبی را توشته و بعد از تایید مدیر در سایت نمایش داده شود.
گفتتند که باید یک پایگاه اطلاعات ساخت که و با استفاده از آن این کار را انجام داد و همچنین گفتند که این کار را در صفحات ایستاتیک نمی توان ایجاد کرد می خواستم بپرسم که درسته یا نه.
در ضمن من مشکلی با فضای سایت ندارم. در واقع من فایل آن را( مانند این html هایی که بعد از ذخیره کردن فایل ایجاد می شود) را به یک جایی میل می کنم و بقیه کار با آنهاست.

lord_ashkan_z
21-11-2007, 14:28
مثل اینکه کسی نمی خواد جواب ما رو بده.



بعد اگر آدم یک کاری بکنه می گین "اینجارو با چت روم اشتباه گرفتی"

lord_ashkan_z
21-11-2007, 14:32
راستی یک چیزی من یک فایل html نوشتم و با پرشین گیگ آپلود کردم ( با بخش فضای سایت)
اصولا باید کار می کرد ولی از جایی که من متنش را به فارسی نوشته بودم به صورت مربع مربع نمایش می داد.
مگه پرشین گیگ سایت فضای اینترنتی فارسی زبانان نیست؟

eAmin
22-11-2007, 01:24
سلام.

می شه بپرسم که شما Unicode رو فعال کردین یا نه؟

RohAm Ram2
22-11-2007, 01:34
آقا نیما دستت درست بابا ! خثته نباشی ! از آموزشای مغویت خیلی ممنون ! خیلی انرژیزا بود ، حسابی دوپینگیدیم !

mlantern
07-12-2007, 23:51
1 سوال داشتم
برای کار با استرینگ ها چه متدهایی لازمه و اینکه اتریبیوت ها و متدهای داکیومنت چیه؟
منمنون میشم اگه کمک کنید

ifenton
16-12-2007, 13:03
من می خواهم برای سایت خودم که از نوع html است یک قسمت برای USER NAME و PASSWORD بزارم تا کاربران در آن ثبت نام کنند سپس بتوانند از سایت استفاده کنند لطفا مرا راهنمایی کنید

mshafiee
24-12-2007, 21:03
برنامه نویسی بلدید؟

xx750
25-12-2007, 17:33
برنامه نویسی بلدید؟

من می خواهم برای سایت خودم که از نوع html است یک قسمت برای USER NAME و PASSWORD بزارم تا کاربران در آن ثبت نام کنند سپس بتوانند از سایت استفاده کنند لطفا مرا راهنمایی کنید


آیا میشه این کار با کدها HTML انجام داد ؟؟؟

DaRiOuShJh
26-12-2007, 13:44
آیا میشه این کار با کدها HTML انجام داد ؟؟؟

خوده سایت رو که میشه مشکلی نداره ولی برایه ثبت نام و ... به دیتابیس احتیاج دارید که از html یا طراحیه استاتیک خارج میشه:46:

علی علی علی
30-12-2007, 22:48
سلام
اولین پست من در این انجمن(آقا داریوش که آشناست)
اون آموزش که اول تایپیک هست اگر rar بشه و تاریخ بخوره که کی و تا چه تاریخی مطالب در آن گنجانیده شده است خیلی خوب میشه (حجمش هم اگه باشه ممنون میشم)
دوستون دارم رضا

rayane2000
01-01-2008, 01:28
دوست بسيار عزيز من تجربه اي در مورد وب نويسي ندارم وبهر حال قصد دارم وبلاگي براي بازنشستگان آموزش و پرورش شهرم كه بسيار محروم است بسازم ...آيا جوانمردي پيدا ميشود كه مرا همراهي كند و در اين امر خير نقش اول باشد ......يا هو

mshafiee
01-01-2008, 21:24
دوست بسيار عزيز من تجربه اي در مورد وب نويسي ندارم وبهر حال قصد دارم وبلاگي براي بازنشستگان آموزش و پرورش شهرم كه بسيار محروم است بسازم ...آيا جوانمردي پيدا ميشود كه مرا همراهي كند و در اين امر خير نقش اول باشد ......يا هو

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

KABOOTAREASIR
17-01-2008, 15:15
چطور توی یگ وبلاگ از چند تا قالب استفاده کنم؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟
یعنی داخل رشیو موضوعات به ازای هر موضوع کلی یگ قالب داشته باشم مثلادانلود ویا آموزش

tabriz-info
17-01-2008, 17:40
من می خواهم برای سایت خودم که از نوع html است یک قسمت برای USER NAME و PASSWORD بزارم تا کاربران در آن ثبت نام کنند سپس بتوانند از سایت استفاده کنند لطفا مرا راهنمایی کنید

تا اونجایی که من اطلاع دارم با html نمیشه
باید از یک زبان برنامه نویسی مثل php استفادخ کنید و یا اینکه از کدهای آماده استفاده کنید که میتونید با سرچ کردن اون سایتها رو پیدا کنید که برای شما یه کدی رو میدن که هر کی فرمی ارسال کرد ذخیره کنه

tabriz-info
17-01-2008, 17:44
دوست بسيار عزيز من تجربه اي در مورد وب نويسي ندارم وبهر حال قصد دارم وبلاگي براي بازنشستگان آموزش و پرورش شهرم كه بسيار محروم است بسازم ...آيا جوانمردي پيدا ميشود كه مرا همراهي كند و در اين امر خير نقش اول باشد ......يا هو

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

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


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

حالا هر کردم مایل بودی

ولی به نظرم blogfa.com راحت تره

tabriz-info
17-01-2008, 17:46
چطور توی یگ وبلاگ از چند تا قالب استفاده کنم؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟
یعنی داخل رشیو موضوعات به ازای هر موضوع کلی یگ قالب داشته باشم مثلادانلود ویا آموزش

باید سیستمت این امکانات رو داشته باشه تا جایی که من اطلاع دارم فعلا هیچ کدوم این امکان رو ندارن

البته تو میهن بلاگ جزو امکانات هست ولی غیر فعاله

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

میتونید خودتون نگاه کنید خیلی راحته

Dioma
18-01-2008, 19:47
سلام مرسی عالی بود
یک سئوال دارم
می خواستم بدونم چه جوری با front page می تونم یک گالری با استفاده از web componet بسازم (یعنی ساختم ولی ذخیره نمی شه نمی دونم برای چی )
لطفا راهنماییم کنین
مرسی

A R Y A N A
11-03-2008, 14:06
:31:
درود عزیز جان و با سپاس از شما :
لطفا بفکر کسانی مثل ما هم باشید که میخوان از صفر شروع کنن ! :8:

tabriz-info
11-03-2008, 14:22
:31:
درود عزیز جان و با سپاس از شما :
لطفا بفکر کسانی مثل ما هم باشید که میخوان از صفر شروع کنن ! :8:

خوش گلمیسیز

برای شروع شما یه نگاه به تاپیکی که در مورد اموزش وبلاگ نویسی از ابتدا تا انتها زدم و تو امضام هست بندازید

A R Y A N A
11-03-2008, 20:49
خوش گلمیسیز

برای شروع شما یه نگاه به تاپیکی که در مورد اموزش وبلاگ نویسی از ابتدا تا انتها زدم و تو امضام هست بندازید
sağol kardeş :11:

amir130
20-03-2008, 01:55
با سلام من یه مشکل دارم چه جوری باید جای نقطه ها رو در متن درست کرد چون میرن اول متن با تشکر

مثلا: منتظر دیگر خدمات این شرکت باشید .

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

همون طور که تو عکس مشخصه (:) رفته آخر به جای اینکه جلوی مگردد بییاد البته توی notepad هم همین جورییه چی کارش باید کرد

AABB
05-04-2008, 01:33
با سلام من یه مشکل دارم چه جوری باید جای نقطه ها رو در متن درست کرد چون میرن اول متن با تشکر

مثلا: منتظر دیگر خدمات این شرکت باشید .

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

همون طور که تو عکس مشخصه (:) رفته آخر به جای اینکه جلوی مگردد بییاد البته توی notepad هم همین جورییه چی کارش باید کرد
چه طوره اگه خیلی اذیتت می کنه، اونو تو paint بنویس بعد به عنوان عکس، اضافش کن به صفحه ات!!
البته من تو این مواقع از اعداد ریاضی کمک می گیرم(همین سایت که چنین مشکلی نداره!!!نمی دونم اونا چی کار کردن؟!!!)یه نگاهی هم به سورس همین صفحه بنداز ببین کمکت می کنه یا نه. من که تفاوتی رو احساس نکردم!!

DaRiOuShJh
05-04-2008, 01:44
با سلام من یه مشکل دارم چه جوری باید جای نقطه ها رو در متن درست کرد چون میرن اول متن با تشکر

مثلا: منتظر دیگر خدمات این شرکت باشید .

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

همون طور که تو عکس مشخصه (:) رفته آخر به جای اینکه جلوی مگردد بییاد البته توی notepad هم همین جورییه چی کارش باید کرد


چه طوره اگه خیلی اذیتت می کنه، اونو تو paint بنویس بعد به عنوان عکس، اضافش کن به صفحه ات!!
البته من تو این مواقع از اعداد ریاضی کمک می گیرم(همین سایت که چنین مشکلی نداره!!!نمی دونم اونا چی کار کردن؟!!!)یه نگاهی هم به سورس همین صفحه بنداز ببین کمکت می کنه یا نه. من که تفاوتی رو احساس نکردم!!

خیلی سادس موضوع
باید پاراگراف یا صفحه راست چین باشه
وقتی اینطوری میشه که با زبانه راست چین مثله فارسی به صورته چپ چین نوشته شه
این کاراکتر : و دیگر کاراکتر ها هم همیشه چپ چین در نظر گرفته میشن به صورته پیش فرض

راحت ترین کار برایه این کار:
<html dir="rtl">

همین نیم وجب کد کافیه!!!:12:

در مراحله بعد
<p dir="rtl">

به همین سادگی و بدونه نیاز به paint و ...:46:

rtl یعنی right to left
ltr یعنی left to right

AABB
05-04-2008, 13:17
تشکر از راهنماییتون.
من خودم زیاد از کد ها سر در نمیارم. و اکثرا هم که مشکل پیدا می کنم از راههای غیر مستقیم استفاده می کنم. به خاطر همین پشنهاد دادم که از paint استفاده کنه.
بعضی وقتا بلد بودن راهای غیر مستقیم هم بدرد می خوره ها!!!

DaRiOuShJh
05-04-2008, 13:36
تشکر از راهنماییتون.
من خودم زیاد از کد ها سر در نمیارم. و اکثرا هم که مشکل پیدا می کنم از راههای غیر مستقیم استفاده می کنم. به خاطر همین پشنهاد دادم که از paint استفاده کنه.
بعضی وقتا بلد بودن راهای غیر مستقیم هم بدرد می خوره ها!!!

بله خودم هم واقفم!
قبلنا که جوون تر بودم هم کلا غیره مستقیم کار میکردم:46::27:
موفق باشی عزیز
خیلی خوبه که پشت کار دارید و هر طور شده کارتون رو میبرید جلو:12:

shahinfarasystem
05-04-2008, 15:23
سلام به همه دوستان

يه مشكل با فايل هاي فلش توي سايتم دارم

من توي وب سايتم يه منوي فلش گذاشتم

آدرس دهي فايل فلش و تمام عكس هاي اطافش رو هم به صورت نسبي وارد كرده ام

ولي نمي دونم چرا فايل فلشم نشون دهده نميشه

اينم آدرس سايت:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

پيشاپيش ممنونم

Sarah_Aster
07-04-2008, 20:24
سلام ،
دنبال یکی از تگ های Html میگردم که برای عکس ها توضیح قرار بدم .

یعنی همونی که با قرار گرفتن موس روی تصویر یک توضیح تو یک کادر با زمینه ی کرم رنگ ظاهر میشه .

بسیار ممنون ...

mshafiee
08-04-2008, 12:45
سلام ،
دنبال یکی از تگ های Html میگردم که برای عکس ها توضیح قرار بدم .

یعنی همونی که با قرار گرفتن موس روی تصویر یک توضیح تو یک کادر با زمینه ی کرم رنگ ظاهر میشه .

بسیار ممنون ...

سلام
در داخل تگ img
"متن"=alt
یا اینکه بر روی عکس دبل کلیک کن و در Picture Properties در General قسمت Text متنی که می خواهی بر روی عکس نمایش داده شود را تایپ کن.
خوش باشید

Sarah_Aster
08-04-2008, 15:16
سلام
در داخل تگ img
"متن"=alt
ممنون ... منظورم تگ Alt نیست ...


یا اینکه بر روی عکس دبل کلیک کن و در Picture Properties در General قسمت Text متنی که می خواهی بر روی عکس نمایش داده شود را تایپ کن.
متوجه نشدم ...

منظورم تگی هست که با استفاده از اون یک توضیح برای عکس قرار میدیم ... مثلا الان اگر موس شما رو آواتار قرار بگیره یک کادر باز میشه و اسم صاحب آواتار رو مینویسه ... یک چیزی شبیه این در Html منظورمه...

mshafiee
08-04-2008, 18:31
سلام
ببخشید. ایراد از من بود.باید یک مقدار شفاف سازی میکردم.
اگر با نرم افزار FrontPage طراحی می کنید در حالت Design وقتی عکس را در صفحه قرار می دهید و می خواهید برای آن یک نوشته هم قرار دهید که به آن Alternative Text می گویند لذا در همان حالت Design بر روی عکس دابل کلیک کنید و در Picture Properties در General قسمت Text متنی که می خواهید بر روی عکس نمایش داده شود را تایپ کنید.
امیدوارم توضیحات کافی باشد.

eAmin
08-04-2008, 18:33
ممنون ... منظورم تگ Alt نیست ...


متوجه نشدم ...

منظورم تگی هست که با استفاده از اون یک توضیح برای عکس قرار میدیم ... مثلا الان اگر موس شما رو آواتار قرار بگیره یک کادر باز میشه و اسم صاحب آواتار رو مینویسه ... یک چیزی شبیه این در Html منظورمه...

سلام.

منظورش این بود که اگه از نرم افزار استفاده می کنی این روش رو انجام بده....

این کاری که شما می خوای باید یه کد سرور ساید بنویس واسه این کار چون html توانایی چنین کاری رو نداره!

at160
09-04-2008, 00:42
با سلام به همه کسانی که طراحی وساخت سایت علاقه مندند
اگه دوست داشته باشید متونم آموزش php یا ASP.NETرو از پایه را براتون آموزش بدم (اگه دوست دارید)
چون دیگه htmlبا xmlقدیمیه خز شده

mshafiee
09-04-2008, 08:00
با سلام به همه کسانی که طراحی وساخت سایت علاقه مندند
اگه دوست داشته باشید متونم آموزش php یا ASP.NETرو از پایه را براتون آموزش بدم (اگه دوست دارید)
چون دیگه htmlبا xmlقدیمیه خز شده


حاج آقا تقبل الله
امکان داره ابتدا خودتان را بیشتر معرفی فرمایید.

DaRiOuShJh
09-04-2008, 12:23
با سلام به همه کسانی که طراحی وساخت سایت علاقه مندند
اگه دوست داشته باشید متونم آموزش php یا ASP.NETرو از پایه را براتون آموزش بدم (اگه دوست دارید)
چون دیگه htmlبا xmlقدیمیه خز شده

سلام دوسته عزیز
خوش اومدی
چرا که نه
منتظریم ببینیم چی کار میکنی:12::10:

Sarah_Aster
11-04-2008, 13:15
سلام
ببخشید. ایراد از من بود.باید یک مقدار شفاف سازی میکردم.
اگر با نرم افزار FrontPage طراحی می کنید در حالت Design وقتی عکس را در صفحه قرار می دهید و می خواهید برای آن یک نوشته هم قرار دهید که به آن Alternative Text می گویند لذا در همان حالت Design بر روی عکس دابل کلیک کنید و در Picture Properties در General قسمت Text متنی که می خواهید بر روی عکس نمایش داده شود را تایپ کنید.
امیدوارم توضیحات کافی باشد.
از راهنماییتون ممنونم .... نه با Frontpage کار نمیکنم .

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

karo68
19-04-2008, 00:59
آقا نیما کارتون حرف نداشت خیلی ازتون ممنونم

RocRider
25-05-2008, 18:36
دوستانی که احیانا می تونن تو کار طراحی یه سایت جادوگری کمک کنند یه سری به [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] بزنن و اعلام آمادگی کنند. واقعا ازشون ممنون خواهیم بود.
با تشکر
RocRider

reza22222
28-05-2008, 07:55
سلام دوستان من اسکریپت سرچ گوگل رو میخوام که یه سرچ داخل سایتم بزارم

Pario
06-06-2008, 23:32
با تشکر

لینک فایل pdf دچار مشکل شده

خطای 404

اگر امکانش هست یه جای دیگه آپلود کنید.

باز هم متشکریم!

ehsan_wwe
08-06-2008, 01:47
با چه دستوری میشه یک فایل اول دانلود بشه و بعد روی سیستم یارو اجرا بشه ؟

nancy star
08-06-2008, 19:33
سلام به همگی دوستان
من در مورد ویرایش قالب templatemonster 9083 مشکل دارم. تو فایلی که دانلود کردم هیچ صفحه index.html وجود نداره که بتونم تو فرانت پیج ویرایش کنم . آخه من فقط فرانت پیج رو در حد آماتور بلدم. اگر ممکنه یه راهنمایی در مورد چگونگی فارسی کردن و کلا مدیریت این قالب بکنید. با تشکر از همه شما:11::40::11:

tabriz-info
08-06-2008, 19:35
فایل اصلی ممکنه index یا default باشه باید یکی از اینا باشه

اگه نبود ممکنه فایل ناقص باشه اگه خواستید اپلود کنید تا بررسی کنیم

tabriz-info
08-06-2008, 19:37
با چه دستوری میشه یک فایل اول دانلود بشه و بعد روی سیستم یارو اجرا بشه ؟

دستوری وجود نداره دانلود در واقع همون اجرای فایل هست

ولی اجرا دو نوع هست یکیش اینه که روی سرور اجرا میشه مثل صفحات html یکیشم اینه که باید دانلود بشه و اجرا بشه

tabriz-info
08-06-2008, 19:38
سلام دوستان من اسکریپت سرچ گوگل رو میخوام که یه سرچ داخل سایتم بزارم

از چه زبان برنامه نویسی استفاده کردید؟
اگر html هست میتونید از خود وگل ثبت کنید و این امکانات رو تو سایتتون بزارید اگه php بفرمائید تا اسکریپتشو بزارم

tabriz-info
08-06-2008, 19:39
دوستانی که احیانا می تونن تو کار طراحی یه سایت جادوگری کمک کنند یه سری به [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ] بزنن و اعلام آمادگی کنند. واقعا ازشون ممنون خواهیم بود.
با تشکر
RocRider

اگر خواستید سایتتون رو معرفی کنید به قسمت معرفی سایتها و وبلاگ ها مراجعه کنید

nancy star
08-06-2008, 20:06
فایل اصلی ممکنه index یا default باشه باید یکی از اینا باشه

اگه نبود ممکنه فایل ناقص باشه اگه خواستید اپلود کنید تا بررسی کنیم


بفرمایید
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید pass:
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

ممنون از لطفتون
:rolleye:

xxa
14-06-2008, 22:29
با تشکر...............

Andaron
10-07-2008, 00:15
پس این آموزش های html رو که در این تاپیک آموزش داده اید و کفتید که به صورت pdf است کجاست ما لینک بالایی رو دانلود کردیم چیز دیری بود بهش می یومد قالب با شه نه آموزش

Andaron
11-07-2008, 07:48
نبود کسی...........

DaRiOuShJh
11-07-2008, 12:28
اووووووووووووووووووه!
دوسته عزیز این تاپیک و فایل هاش برایه قرن ها پیشه
خوب معلومه پاک میشن!

nasim965
31-07-2008, 12:04
سلام دوستان
در صفحه html یی که با front page طراحی کردم ، یک عکس دارم و می خواهم وقتی روی آن کلیک می کنم صفحه ام را بدون اینکه سوالی بپرسد ببنده (در واقع دکمه exit ) . لطفاً راهنماییم کنید .

DaRiOuShJh
31-07-2008, 12:34
برایه صفحاته اصلی معمولا میپرسه
فقط برای pop up ها و ... بدونه پرسش میبنده
فک نکنم راهی داشته باشه

shayanlhm
05-08-2008, 16:00
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

مرجع کامل جاوا اسکرسپت


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

pedramch
07-08-2008, 15:05
کسی لینک دانلود درست به ما نمیده؟؟!

omid azizi
23-08-2008, 06:08
salam nima jan karet khob bod vali nemishe file pdf ro download kar

H M R 0 0 7
05-09-2008, 13:12
سلام دوستان.خسته نباشید
من یه پیج html یا php میخواستم که اینکارو کنه:
یک دکمه داشته باشه که با زدن اون دکمه یه فایل فلش از کامپیوتر خودنده و اون فایل فلش رو توی همون بروزر باز کنه.

ممنون میشم راهنمایی کنید.

Bill Gates
05-09-2008, 14:03
سلام
بفرما :


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

H M R 0 0 7
05-09-2008, 17:28
سلام
بفرما :


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

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

موفق باشید

neopersia
06-09-2008, 18:10
اینو تست کن احتمالاً کارتو راه میندازه:
فقط ممکنه مجبور شی پرمیشن پوشه آپلود رو 777 کنی تا کار کنه

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

neopersia
06-09-2008, 18:54
تو پست قبلی روش آپلود فایل رو گفتم اما الان شک کردم فایلی که قراره تو صفحه نشون داده بشه باید تو سرور آپلود بشه یا اینکه تو همون کامپیوتر کاربر بمونه؟!

H M R 0 0 7
06-09-2008, 19:55
همکار جان شرمنده ولی مثل اینکه من منظورم رو بازم خوب نرسوندم.
من در حیقیقت یه Pageمیخوام که به عنوان پلیر فایلهای فلش باشه و مسیر رو از کامپیوتر بگیره.

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

neopersia
11-09-2008, 18:37
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

amineng
15-09-2008, 16:28
:41::41::41:قربان این لینک pdf چرا کار نمی کنه:41::41::41:؟

barajini
17-09-2008, 00:11
من یه وب سایت کوچولو طراحی کردم اما طریقه آپلود کردن سایتو بلد نیسم.هاست و دامینم نمی دونم چین و چه جوری میشه یه فضا خرید یا یه آدرس واسه سایتم می خوام یاد بگیرم اما هیشکی بهم یاد نمی ده
میشه کمکم کنید
masoumeh_rozban@yahoo.com