[الدرس الخامس][التهيئة قبل التركيب]دورة تصميم استايل منتدى

?????? ????? ????? ???? ???????
------------------------------------
??? ?? ???? ?????? ????? ??????? ?????????? ?? ??? ???? ???? ?? ????? ?????? , ????? ????? ????? ????? ?????? ?? ??? ?? ????? ??????? ?????? ?????? ??? ??? ?? ??????? ???? ??? ?????? ??????? ?????? ??? ????? :
?????:????? ??? ???html ?????? ?? ???????
??????: ????? ????? ??????? ?????? ????? ???? ????????? ?????? ??? ??????? ???? ???????? ??? ????? ??? ???????? ???????? ?? ???? ?????? ??? ???? ??? ?????????.
???? ???? ?????? ??? ???html ??????:
???? ??? ??? ???html ????? ????? ???????? ?? ???? ???? ???? ???: gedit,notepad++
????? ???? ????? ??????:

كود: تحديد الكل

<!--HTML SNIPPET GENERATED BY GIMP

WARNING!! This is NOT a fully valid HTML document, it is rather a piece of
HTML generated by GIMP's py-slice plugin that should be embedded in an HTML
or XHTML document to be valid.

Replace the href targets in the anchor (<a >) for your URLS to have it working
as a menu.
 -->
<table cellpadding="0" border="0" cellspacing="0.0">
  <tr>
    <td><img alt=" " src="images/bb_0_0.jpg" style="width: 345px;  height: 188px; border-width: 0px;"></td>
    <td><img alt=" " src="images/bb_0_1.jpg" style="width: 240px;  height: 188px; border-width: 0px;"></td>
    <td><img alt=" " src="images/bb_0_2.jpg" style="width: 315px;  height: 188px; border-width: 0px;"></td>
</tr>

  <tr>
    <td><img alt=" " src="images/bb_1_0.jpg" style="width: 345px;  height: 163px; border-width: 0px;"></td>
    <td><a href="#"><img alt=" " src="images/bb_1_1.jpg"  style="width: 240px; height: 163px; border-width: 0px;"></a></td>
    <td><img alt=" " src="images/bb_1_2.jpg" style="width: 315px;  height: 163px; border-width: 0px;"></td>
</tr>

  <tr>
    <td><img alt=" " src="images/bb_2_0.jpg" style="width: 345px;  height: 313px; border-width: 0px;"></td>
    <td><a href="#"><img alt=" " src="images/bb_2_1.jpg"  style="width: 240px; height: 313px; border-width: 0px;"></a></td>
    <td><img alt=" " src="images/bb_2_2.jpg" style="width: 315px;  height: 313px; border-width: 0px;"></td>
</tr>

  <tr>
    <td><img alt=" " src="images/bb_3_0.jpg" style="width: 345px;  height: 136px; border-width: 0px;"></td>
    <td><img alt=" " src="images/bb_3_1.jpg" style="width: 240px;  height: 136px; border-width: 0px;"></td>
    <td><img alt=" " src="images/bb_3_2.jpg" style="width: 315px;  height: 136px; border-width: 0px;"></td>
</tr>

</table>

????? ???? ??? ????? ?????? ?? ????? ???? ?????? ?? ??????? :

كود: تحديد الكل

<!--HTML SNIPPET GENERATED BY GIMP

WARNING!! This is NOT a fully valid HTML document, it is rather a piece of
HTML generated by GIMP's py-slice plugin that should be embedded in an HTML
or XHTML document to be valid.

Replace the href targets in the anchor (<a >) for your URLS to have it working
as a menu.
 -->

????? ???? ?????? ??? ????? ?? ???? ????? ???? ?? ??? ????? ?????? ???? ?????? ???? ??? ????? ?? ?????:

كود: تحديد الكل

<table cellpadding="0" border="0" cellspacing="0.0">
  <tr>
    <td><img alt=" " src="images/bb_0_0.jpg" style="width: 345px;  height: 188px; border-width: 0px;"></td>
    <td><img alt=" " src="images/bb_0_1.jpg" style="width: 240px;  height: 188px; border-width: 0px;"></td>
    <td><img alt=" " src="images/bb_0_2.jpg" style="width: 315px;  height: 188px; border-width: 0px;"></td>
</tr>

  <tr>
    <td><img alt=" " src="images/bb_1_0.jpg" style="width: 345px;  height: 163px; border-width: 0px;"></td>
    <td><a href="#"><img alt=" " src="images/bb_1_1.jpg"  style="width: 240px; height: 163px; border-width: 0px;"></a></td>
    <td><img alt=" " src="images/bb_1_2.jpg" style="width: 315px;  height: 163px; border-width: 0px;"></td>
</tr>

  <tr>
    <td><img alt=" " src="images/bb_2_0.jpg" style="width: 345px;  height: 313px; border-width: 0px;"></td>
    <td><a href="#"><img alt=" " src="images/bb_2_1.jpg"  style="width: 240px; height: 313px; border-width: 0px;"></a></td>
    <td><img alt=" " src="images/bb_2_2.jpg" style="width: 315px;  height: 313px; border-width: 0px;"></td>
</tr>

  <tr>
    <td><img alt=" " src="images/bb_3_0.jpg" style="width: 345px;  height: 136px; border-width: 0px;"></td>
    <td><img alt=" " src="images/bb_3_1.jpg" style="width: 240px;  height: 136px; border-width: 0px;"></td>
    <td><img alt=" " src="images/bb_3_2.jpg" style="width: 315px;  height: 136px; border-width: 0px;"></td>
</tr>

</table>

????? ???????? ????? ?????:

كود: تحديد الكل

<table cellpadding="0" border="0" cellspacing="0.0">

???? ????? ??? ????? ??? ??????? ??????:

كود: تحديد الكل

<table cellpadding="0" border="0" cellspacing="0.0" width="100%" dir="rtl">

??????? ?????? ??? ????? ????? ???? ??? ?????? ??? ?????? ??? 100% ? ????? ????? ?????? ?? ?????? ??? ??????
??????: ?? ????? ????? ????? ?????? ????? ???? ????? ??????? ??? ?? ?????? ?????? ??????? ???? ?????? ???? ???html ????? ?????? ??????? ??? ??????.
?????? ??????? ????? ???? ???? ????? ????? ????? ?????? ??? ???????? ???? ?????? ??? ??html ?????? ??? ???? ?? ??????? ?? ?????? ??? ?????? ?????? ????? ?? ?????? ??? ?????? ??? ????? ???? ??????? ???????:
????? ???? ??? ????? ?? ?????:

كود: تحديد الكل

  <tr>
    <td><img alt=" " src="images/bb_0_0.jpg" style="width: 345px;  height: 188px; border-width: 0px;"></td>
    <td><img alt=" " src="images/bb_0_1.jpg" style="width: 240px;  height: 188px; border-width: 0px;"></td>
    <td><img alt=" " src="images/bb_0_2.jpg" style="width: 315px;  height: 188px; border-width: 0px;"></td>
</tr>

?????? ????? ????? ???????:
images/bb_0_0.jpg
?? ?????:
images/bb_0_1.jpg
??
images/bb_0_2.jpg
?????? ????? ??? ???? ??? ??????? ????? ???????:

كود: تحديد الكل

<tr>
    <td><img alt=" " src="images/bb_0_2.jpg" style="width: 315px;  height: 188px; border-width: 0px;"></td>
    <td><img alt=" " src="images/bb_0_1.jpg" style="width: 240px;  height: 188px; border-width: 0px;"></td>
    <td><img alt=" " src="images/bb_0_0.jpg" style="width: 345px;  height: 188px; border-width: 0px;"></td>
</tr>

images/bb_0_2.jpg
??
images/bb_0_1.jpg
??
images/bb_0_0.jpg
????? ??????? ????? ???? ??????
????:?? ??? ???? ??????? ?? ???? ????? ??? ?????? ??? ??? ???? ?? ???? ????? ?? ????? ???? ?? ???? ?????? ??????? ????? ?? ??????? ?????? .
???? ??? ??? ????? ?? ????? ?????? ????? ????? ???? ?????:

كود: تحديد الكل

<table cellpadding="0" border="0" cellspacing="0.0" width="100%" dir="rtl">
  <tr>
    <td><img alt=" " src="images/bb_0_2.jpg" style="width: 315px;  height: 188px; border-width: 0px;"></td>
    <td><img alt=" " src="images/bb_0_1.jpg" style="width: 240px;  height: 188px; border-width: 0px;"></td>
    <td><img alt=" " src="images/bb_0_0.jpg" style="width: 345px;  height: 188px; border-width: 0px;"></td>
</tr>

  <tr>
    <td><img alt=" " src="images/bb_1_2.jpg" style="width: 315px;  height: 163px; border-width: 0px;"></td>
    <td><a href="#"><img alt=" " src="images/bb_1_1.jpg"  style="width: 240px; height: 163px; border-width: 0px;"></a></td>
    <td><img alt=" " src="images/bb_1_0.jpg" style="width: 345px;  height: 163px; border-width: 0px;"></td>
</tr>

  <tr>
    <td><img alt=" " src="images/bb_2_2.jpg" style="width: 315px;  height: 313px; border-width: 0px;"></td>
    <td><a href="#"><img alt=" " src="images/bb_2_1.jpg"  style="width: 240px; height: 313px; border-width: 0px;"></a></td>
    <td><img alt=" " src="images/bb_2_0.jpg" style="width: 345px;  height: 313px; border-width: 0px;"></td>
</tr>

  <tr>
    <td><img alt=" " src="images/bb_3_2.jpg" style="width: 315px;  height: 136px; border-width: 0px;"></td>
    <td><img alt=" " src="images/bb_3_1.jpg" style="width: 240px;  height: 136px; border-width: 0px;"></td>
    <td><img alt=" " src="images/bb_3_0.jpg" style="width: 345px;  height: 136px; border-width: 0px;"></td>
</tr>

</table>

???? ??? ?? ???? ?????? ??????? ????? ???? ?? ????? ????? ???????? ?? ???? ???html
????? ?? ??:

كود: تحديد الكل

<a href="#">

?

كود: تحديد الكل

</a>

????? ?????? ?? ????? ?? ???? ??? ??????? ??? ?????? ?? ?? ??????
???? ????? ?????? ????? ???? ??????? ??????? ????? ?????? ?????? ???? ?? ????? ????? :
?? ???? ????? ?? ?????? ????? ????????:

كود: تحديد الكل

    <td><img alt=" " src="images/bb_0_1.jpg" style="width: 240px;  height: 188px; border-width: 0px;"></td>

??

كود: تحديد الكل

    <td style="background:url(images/bb_0_1.jpg); width:100%"></td>

?? ???? ?????? ?? ??????:
???????:

كود: تحديد الكل

    <td><img alt=" " src="images/bb_1_2.jpg" style="width: 315px;  height: 163px; border-width: 0px;"></td>
    <td><img alt=" " src="images/bb_1_1.jpg"  style="width: 240px; height: 163px; border-width: 0px;"></td>

??:

كود: تحديد الكل

    <td colspan="2" style="background:url(images/bb_1_2.jpg); width:100%; height: 163px;"></td>

?????? ???? ????????:

كود: تحديد الكل

    <td><img alt=" " src="images/bb_1_0.jpg" style="width: 345px;  height: 163px; border-width: 0px;"></td>

??:

كود: تحديد الكل

    <td style="width: 345px; height: 163px; background:url(images/bb_1_0.jpg);"></td>

?? ???? ?????? ??????:
??? ?? ??????? ????? ??? ????? ??? ????? ??????? ??????? ????? ??????? ???? ???? ??? ?????? ????????:

كود: تحديد الكل

    <td><img alt=" " src="images/bb_2_2.jpg" style="width: 315px;  height: 313px; border-width: 0px;"></td>
    <td><img alt=" " src="images/bb_2_1.jpg"  style="width: 240px; height: 313px; border-width: 0px;"></td>
    <td><img alt=" " src="images/bb_2_0.jpg" style="width: 345px;  height: 313px; border-width: 0px;"></td>

??:

كود: تحديد الكل

    <td colspan="3" style="background:#fff"></td>

?? ???? ?????? ?? ??????:
????? ????????:

كود: تحديد الكل

    <td><img alt=" " src="images/bb_3_2.jpg" style="width: 315px;  height: 136px; border-width: 0px;"></td>
    <td><img alt=" " src="images/bb_3_1.jpg" style="width: 240px;  height: 136px; border-width: 0px;"></td>

??:

كود: تحديد الكل

    <td colspan="2" style="background:url(images/bb_3_2.jpg); width:100%"></td>

???? ???? ????? ??????? ??? ??? ????????? ??:

كود: تحديد الكل

<table cellpadding="0" border="0" cellspacing="0.0" width="100%" dir="rtl">
  <tr>
    <td><img alt=" " src="images/bb_0_2.jpg" style="width: 315px;  height: 188px; border-width: 0px;"></td>
    <td style="background:url(images/bb_0_1.jpg); width:100%"></td>
    <td><img alt=" " src="images/bb_0_0.jpg" style="width: 345px;  height: 188px; border-width: 0px;"></td>
</tr>

  <tr>
    <td colspan="2" style="background:url(images/bb_1_2.jpg); width:100%; height: 163px;"></td>
    <td style="width: 345px; height: 163px; background:url(images/bb_1_0.jpg);"></td>
</tr>

  <tr>
    <td colspan="3" style="background:#fff"></td>
</tr>

  <tr>
    <td colspan="2" style="background:url(images/bb_3_2.jpg); width:100%"></td>
    <td><img alt=" " src="images/bb_3_0.jpg" style="width: 345px;  height: 136px; border-width: 0px;"></td>
</tr>

</table>

???? ???? ?? ??????? ?? ????? ??? html ???? ????? ??? ???????
???? ????? ??? ????? :
?????? ????????? ?????? ?? ???? ????? ?????? ????? ??????? ???? ??? ??? ?? ????? ?????? ????? :
???? ?????? ???????? gimp :

???????? ???? crop ???? ??????? ??? ?? ??????-?? ???????? ??? ???????? ?????- ???????:

?? ???? enter ??????? ????? ?????? ????? ?????? ??? ???
?? ???? ?????? ??????:
???? ?????? ???? ???????? ??????? ????? ???? ??? ?????:bb_1_1.jpg
?????? ???????? gimp:

???????? ???? crop ???? ??? ???????? ??? ???????? ????? ????? ????? ??????:

?? ???? ????????? ???
????? ?????? ????????? ?????? ? ???? ???? ????? :bb_1_2.jpg
???? ???? ??? ?? ?????? ?? ?????? ????????? ?????? ?? ???? ????? ?????? ??? ????? ??????? ??? ?? ????? ??????-?? ???? ???????? ?????-

?? ???? ?????? ?????? ?? ?????? ?? ???? ??? ?? ??????? ????? ??? ????? ????? ??????? ???? ???? ??????? ???????:
bb_2_0.jpg
bb_2_1.jpg
bb_2_2.jpg
?? ???? ?????? ???????? ??????:bb_3_2.jpg
?????? ??? ????? ???? ???????? ?? ??? ??????? ???? ???? ????????? ?????? ?? ???? ???????? ????? ??? ???? ?? ???
?????? ???? ?????? ???? ???? ?????:bb_3_1.jpg
???? ??? ?????? ??????? ?????? ?? ??????? ????? ??????? ??????? ????? ???? ????? ??????? ??? ?????? ????? ??????? ?????? ??? ?? ????? ?? tcat,thead
??? ????? ???? ????? ?? ???? ?????? ???? ?? ?? ????? ???????? ???? crop ????? ?????? ???? thead.jpg ? ???????tcat.jpg

????? ???? ?? ??????? ?? ??????? ???? ???? ?????? ?? ??????? ???? ???? ?? ????? ??????
???? ?? ??? html ? ????? ??? ???????? ??? ??????:
http://www.bbcolors.com/community/downl ... .php?id=19
???????? ????

[الدرس الخامس][التهيئة قبل التركيب]دورة تصميم استايل منتدى

[????? ??????][??????? ??? ???????]???? ????? ?????? ?????

الموجودون الآن