آموزش کامل Dream Weaver فارسی

light_mar4in

New Member
تغییر محل عکس در حالت نمایش نصف صفحه

با سلام.
من دو تا عکس را کنار هم گذاشتم در بالای صفحه ولی وقتی با preview می بینم و یا روی سایت upload می کنم در حالت full screen مشکلی نداره ولی صفحه نمایش رو که کوچکتر می کنم یکی از عکسا میاد زیر اون یکی و محل منو و بقیه می ریزه به هم. لطقا راهنمایی کنید.
 

aghajanpoor

New Member
سلام...خیلی مطالب عالی بود....اما یک سوال؟؟؟ چطوری می شه برای صفحه سایت محمدوده تعیین کرد؟؟؟ یعنی سایت ما تمام صفحه نباشه و فقط در مرکز قرار بگیره؟؟؟ نمی دونم چه کد یا چه تگ خاصی داره؟؟؟؟لطفا کمک کنید.....مثل صفحه اصلی خود سایت مجید آنلان
 

echessdesign

مدیر انجمن طراحی وب
light_mar4in و aghajanpoor عزیز
لطفا سوالات خود را در یک تایپیک مجزا مطرح فرمایید.
 

parsinet

Member
سلام
از دوستان و سروران گرامی این آموزش Dream Weaver اگه به صورت PDF دارید بزارید
ممنون
 

shnoit

Well-Known Member
آموزش کوچولو در حین حال کاربردی!
خوب بریم رو آموزش.
میخوایم طراحی صفحمون رو در وسط بزاریم. ( یا به قول چنتا از دوستان مثل سایت مجید آنلاین.)
عرض جدول ساخته شده خود رو کمتر از 1003 بزارید. چرا ؟
جواب: چون عرض صفحه در رزولیشن 1024 در 768 برابر با 1003 هست. و ما هم میخوایم جدولمون کوچیک باشه.
اما برای قرار دادن در وسط صفحه کافیه تا تگ: align="center" را به تگ <table> خود اضافه نماییم.
نمونه کد:
HTML:
<table align="center" width="780" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

خوب اگه جدول خود را بر این مبنا بسازید عرض جدول شما 780 هست و در مرکز صفحه قرار میگیره که شما میتوایین بقیه کدهای خود را در <td> بزارین.

اما اگه به صفحه خود نگاه کنین میبینین که صفحه شما در قسمت بالا و پایین یه خورده فاصله داره!
برای حل این مشکل کافیه تا در تگ <style> در قسمت body کد : body{padding:0px; margin:0px را اضافه نمود.
HTML:
<style type="text/css">
body{padding:0px; margin:0px}
</style>
تمام شد.

در آخر کلیه کدها رو برای شما در یک جا قرار دادم. که قضیه خوب تر جا بیفته!:)
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body{padding:0px; margin:0px}
</style>
</head>

<body>
<table align="center" width="780" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>
 
آخرین ویرایش:

shnoit

Well-Known Member
آموزش قرار گرفتن محتوای دو قسمت در بالا !

سلام
شاید عنوان مطلب زیاد جالب نباشه، پس مدیران عنوان جالی مد نظرشون بود ، بی زحمت ویرایش کنن.
خوب بریم رو آموزش.
تا حالا براتون پیش اومده که در یک <table> در دو قسمت بخواین دوتا <table> دیگه بزارین.
اینی که گفتم یعنی چی!؟
یعنی:
HTML:
<table align="center" width="800" border="0" cellspacing="0" cellpadding="0">
  <tr>
  
    <td><table width="400" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table></td>
	
	<td><table width="400" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table></td>
	
  </tr>
</table>

یعنی ما ابتدا یه جدول داشتیم با دو ستون.
حالا در هر کدام از ستونهامون یه جدول دیگه گذاشتیم.
تا حالا که مشکلی نداشتیم. ولی مشکل اینجاست که اگه ارتفاع یکی از جدولهامون 400 باشه و دیگری 150 .
یعنی کد زیر:
HTML:
<table align="center" width="800" border="0" cellspacing="0" cellpadding="0">
  <tr>
  
    <td><table height="400" width="400" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table></td>
	
	<td><table height="150" width="400" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table></td>
	
  </tr>
</table>
مشکل اینجاست که جدولی که ارتفاعش کمتره در وست قرار میگیره. و ما هم میخوایم که در بالا قرار بگیره. شایدم نه ما میخوایم در پایین قرار بگیره.
برای اینکار در تگ <td> جدولی که ارتفاعش کمتره از کد valign ارتفاده میکنیم.

1- baseline : قرار گرفتن در زیر (پایین)
2- bottom : قرار گرفتن در پایین (اغلب از همین استفاده میشه تا بالایی)
3- middle : قرار رفتن در میان
4- top : قرار گرفتن در بالا


یعنی در عبارت:
HTML:
<td valign=" یکی از عبارات بالایی ">

و در آخر نمونه آنچه که گقته شد، رو گذاشتم. من جدول کوچیک رو هم در بالا قرار دادم.
HTML:
<table align="center" width="800" border="0" cellspacing="0" cellpadding="0">
  <tr>
  
    <td><table height="400" width="400" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table></td>
	
	<td valign="top"><table height="150" width="400" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table></td>
	
  </tr>
</table>

موفق باشین.
 

haminik

New Member
ببخشید من اگه بخوام دکمه خروج از IE بگذارم بوسیله ابزار shape باید چی کار کنم. دستورش رو کجا باید بدم با نرم افزار dreamweaver
 

hamedtoo

New Member
کمکمکمکمکمممکمکمکمکمکمکممکمکمکمکمکمکمکمکمکمکمکمکمکمکمکمکمکم
:sad: باقی pdf ها کجان چی شد نیست
 

shnoit

Well-Known Member
من نمتونم بجای حاشیه ساده از عکس استفاده کنم

شما کافیه در قسمت <body> مانند نمونه زیر عمل کنین و به جای pic.jpg آدرس عکس مورد نظر خودتونو بزارین تا عکس شما در کل BackGround صفحه نمایش داده باشه:
HTML:
<body background="pic.jpg">

به جز روش بالا میشه با css هم این کارو کرد، من توضیح میدم، دیگه انتخاب هر کدام به خودتون بستگی داره.
خب میریم سراغ css که با استفاده از اون backgorund مورد نظر رو عکس بزاریم.
HTML:
<style type="text/css">
body{background:url(pic.jpg center repeat-y)}
</style>
اما توضیحات:
center : برای قرار دادن عکس در وسط هست که میتونین left یا right رو هم بزارین و پشت زمینه رو در هر سمت که خواستین بزارین.

repeat-y : برای تکرار کردن عکس در محور Y هست که میتونین بنا به نیاز آن را به X تغییر داد و در محور X پشت زیمنه را تکرار کرد، در صورتی که اصلا عبارت repeat-y موجود نباشد در کد بالا، عکس در کل صفحه تکرار خواهد شد.

موفق باشین :rose:
 

sp-sky

Member
آموزش فارسی دریمور
پارت اول

http://khourjavan.persiangig.ir/ebook/10 part DreamWeaver.exe

پارت دوم
http://khourjavan.persiangig.ir/ebook/9 part DreamWeaver.exe
. 6 مگ 4 مگ
بعد با نصب بکنید که میشه 19 تا فایل pdf البته

ممنون كه هنوز اين آموزشها رو داريد و به اشتراك ميگذاريد جهت اطلاع بازنگري شده همان آموزشها را اينبار در 194 صفحه و همراه با تمام فايلهاي تمريني در تاپيك زير دريافت نمائييد.

http://forum.majidonline.com/showthread.php?p=811903#post811903
 

جدیدترین ارسال ها

بالا