logo

:: هدية العيد ~

السلام عليكم ورحمة الله :blush:

كل عام وأنتم بألف خير ..ينعاد عالجميع بالخير والمسره ي رب :happy:

بمناسبة العيد ونظرا للانشغال بتطوير موقعي .. كان اقل شي أقدر اقدمو مخطوطه ” طبعا لساتي اتعلم ” ..

Screen shot 2013-08-10 at 3.30.39 AM

لكن طبعا .. مع اللمسات الأخيرة للموقع والواجهة .. حبيت اهديكم بشي مفيد .. ان شاء الله يخدم أغلبكم :blush:

::

الهدية عبارة عن واجهة موقعي بجميع ملفاتها وهي تحوي ٥ ملفات

index.html: وهو الملف الرئيسي الذي يظهر على الويب

images: وهو الملف الذي يحوي جميع الصور الظاهره في صفحة الويب

style.css: وهو الملف الذي يحوي كودات التنسيق التي تمكننا من توجية الخط واختيار نوعه ولونة وايضا مواقع الصور في الصفحه .. الخ لكنني هنا خصصتها لعرض امتدادات المتصفحات وسأشرحها بالاسفل

boilerplate.css: تحوي التنسيق الخاص بالصفحه بأكواد  الهوتميل ٥ .. لتناسب كل المتصفحات

كأنترنت اكسبلورر  7 بالاضافه الى تنسيق الخط وحجمه

respond.min.js: ملف خاص بالجافا

::::

طبعا المبتدئين حيحسون بالرعب :shocked:

الشغله سهله جدا .. عشان كذا رفعت الملفات .. كل اللي عليك تسويه تدخل على ملف الصور وتفتح كل صوره بالفوتوشوب وتحط الصوره اللي تبيها او التصميم اللي تبيه لواجهة موقعك .. وتدخل على ملف الاندكس وتغير الروابط  بروابط موقعك وبس !

مالك بالملفات الثانية ابدا

للتعرف على سهولة لغة HTML

انصحك بهالموقع وبشدة! ..

http://www.w3schools.com/

برضوا الواجهه صممتها على مقاسات مختلفه لحتى تناسب شاشات الكمبيوتر والجوال والاجهزه اللوحية .. يعني شغلتك بس تغير صور وروابط اذا تبي نفس التصميم حق الواجهه ..

مقاسات الشاشات اللي اعتمدتها هي :

480*800 px  مقاسات شاشة جوال

768*1024 مقاسات شاشة التابلت

1000 *620  مقاسات شاشة كمبيوتر

1260*875 مقاسات اخرى لشاشة الكمبيوتر

1420*750 مقاسات اخرى للكمبيوتر

واخر مقاس ع شاشتي ٢٧ انش 2560*1440

طبعا مالكم بالاشياء هذي كلها بس عشان اشرح الكم اللي برمجتو ونسقتوا .. يمكن تحسون الهديه لها قيمه :silly:

تقدروا تلعبوا بالملفات وتجربوا تغيروا روابط صور كذا .. عشان تفهموا الاكواد وتجربوا على مواقعكم او صفحاتكم الشخصية

:::: للتحميـــل ::::

الحقوق محفوظة لاي حد يبي يتعلم .. بس لازم يذكر المصدر .. عشان نصير ناس كويسه هههههه :biggrin:

شاركوني ارائكم واستفساراتكم وتساؤلاتكم عن الملفات .. وان شاء الله اقدر اساعد  :wub:

3  

Tweet about this on Twitter0Share on Facebook0Share on Google+0Share on LinkedIn0Email this to someone

 

  • ساره says:

    Posted: August 15, 2013


    بس حبيبتي موقعك وورد بريس .. لو ترفعين القالب كامل ونعدل عليها افضل .
      Quote | Reply

    • MemOlia replies:

      Posted: August 15, 2013


      بس حبيبتي موقعك وورد بريس .. لو ترفعين القالب كامل ونعدل عليها افضل .
      هلا عزيزتي وعليكم السلام والرحمة .. ذكرت ان الهدية هي واجهة الموقع .. وارفقت الرابط الرئيسي لمشاهدتها .. لكن المدونه امر مختلف تماماً http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/grin.png .. اتمنى تستفيدين منها http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif
        Quote | Reply

       

     

    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/angel.png 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/angry.png 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/blink.png 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/blush.png 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/cheerful.png 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/cool.png 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/cwy.png 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/devil.png 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/dizzy.png 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/face.png 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/getlost.png 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/grin.png 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/happy.png 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/heart.png 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/kissing.png 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/laughing.png 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/ninja.png 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/pinch.png 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/pouty.png 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/sad.png 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/shocked.png 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/sick.png 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/sideways.png 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/silly.png 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/sleeping.png 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/smile.png 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/tongue.png 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/unsure.png 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/w00t.png 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/whistling.png 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
    http://memolia.net/wp/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
     

    Post Details

    Posted: August 10, 2013

    By:

    Comments: 2

    Post Categories

    لغة وأكواد ~