تجربیـــات و آموختـه های من

My Experiences and Learnings
تجربیـــات و آموختـه های من
طبقه بندی موضوعی

طراحی سایت با HTML,CSS

دوشنبه, ۲۱ بهمن ۱۳۹۲، ۰۶:۱۴ ب.ظ
بالاخره بعد از چهار روز تمام شد!
 البته قراربود که دو روزه تموم بشه اما متاسفانه وسطای راه به مشکل برخوردم و حل کردن مشکلها زمان گیر شد.
عرض کنم خدمت بازدید کنندگان گرامی که فایلی که برای شما در "ادامه مطلب" قرار دادم ،صرفا یک نمونه سایت هست از کدهای HTML , CSSو الیته کمی هم CSS3 برای تمرین علاقه مندان به حوزه وب.
افرادی که تصمیم بر حرکت در این راه گرفته اند که امیدوارم مفید باشد.
میدانم که  خالی از اشکال نیست! پس خواهشمندم هر فردی که کدها را مطالعه کرد، در هرجایی که گمان کرد میشود در این جا از قطعه کدی دیگر استفاده شود که بهتر باشد،در بخش نظرات،نظر خود را اعلام کند یا اینکه اشتباهی وجود دارد. هرچه که باشد پذیرای نظرات شما هستم.
هنوز هم این سایت تمرینی جای کار و بهتر شدن دارد ولی زمانی دیگر ندارم و البته موضوع خاصی هم ندارد و هدفم این بود که جمع بندی هر چند اجمالی بر html , css داشته باشیم.

ذکر چند نکته که حاصل تجربه ی شخصی ام هست،را لازم میدانم تا اشتباهات من را تکرار نکنید ؛
  1. تعیین موضوع: طراحی یک سایت با موضوع طبیعت .

  2. نیاز سنجی: سایت من با موضوع طبیعت به چند صفحه نیاز دارد؟ محتوای هر صفحه چه می باشد؟ چه نوع تصاویری لازم دارم؟به چه زبان هایی برای طراحی نیاز داد؟
  3. تعیین زمان : برای جلوگیری از اتلاف وقت؛نه آن قدر کم که کافی نباشد نه آن قدر زیاد که زمان هدر برود.
  4. در هنگام کدنویسی : مشکل همیشه وجود دارد حتی برای قرار دادن یک جمله در وب پیج ساده! دربرخورد با مشکل روش را تغییر ندهید سعی کنید مشکل را برطرف کنید.زمانی که صرف امتحان روشی دیگر میشود را برای حل مشکل بگذارید.سریع تر به نتیجه خواهید رسید!
  5. عدم تغییر موضوع : بعضا اتفاق افتاده که در انتهای دیزاین خود به هر دلیلی تصمیم میگیریم که موضوع را تغییر دهیم!مثلا:
  • عکس ها با موضوعم هم خوانی ندارد،موضوع را تغییر بدهم!عکس ها زیبایند!
  • رنگ ها و بک گراندم به موضوع نمیخورد ولی قشنگ شده اند موضوع را تغییر دهم!
  • و....و...و.....
سخن آخــــــر:
 از خود توقع نا به جا نداشته  باشید! در حین کار متوجه میشوید که فلان تکنیک هم بر زیبایی سایت می افزاید و هم حرفه ای تر هست پس باید اول این را یاد بگیرم و بعد ادامه بدهم! و اینجاست که زمان مشخص شده به پایان رسیده و شما کار را تمام نکرده اید. یادگیری خوب هست اما بعد از تعمیق آموخته هایی که دارید.
امیدوارم این پروژه برای دوستان مفید باشد.


دریافت
عنوان: نمونه ی پروژه ی طراحی سایت
حجم: 1001 کیلوبایت
توضیحات: نمونه سایت تمرینی

رمز فایل:myjahan.blog.ir



        
  • زینب جهان بخش

HTML

پروژه دانشجویی

CSS

وب

نظرات  (۷)

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

  • احمد تاج بخش
  • سلام...
    خسته نباشید ...عالی بود .
    فقط اگر چند پست جهت آموزش اختصاص می دادید و سپس پروژه ای را مطرح می کردید بهتر بود...
    طراحی و پیاده سازی از مهم ترین رکن های هر پروژه ی فناوری اطلاعات است و چه بهتر میشد این پروژه را بر حسب تجربه خویش تحلیل می کردید و نکات پروژه را به عنوان یک متخصص در این حوزه مطرح می کردید ((صاحب سبکی در وب هم می شدید ، البته نیازمند تجربه زیاد هست اما از کیفیت کار چیزی کم نمی کرد))....
    منتظر پست های بعدی شما هستیم....
    موفق باشید
    پاسخ:
    سلام.
    ممنونم.
    درسته حق با شماست؛بنده فقط خواستم یک تنوعی باشد و البته قبل از آن یک فید بک باشد از کاربران که تا چه حد به دنبال کار هستند و همچینین به دنبال مشکلات وارده بر پروژه من!!!که خداراشکر بازدید کننده داشت این پست ولی منتقد ،خیـــر :|
    ولی چشم.موافقم با نظرتان.انشالله پست بعدی این گونه خواهد شد.
    سپاس از نظرات سازنده شما
    موید باشید
  • میثم هوشمند
  • با سلام
    نقدهای کار را بنده قبلا عرض کردم؛
    اما یک نکته که شاید برای دیگر دوستان هم مفید باشد این هست که؛ حتی پروژه هایی که صرفا بر اساس علاقه و میل شخصی انجام می دهید را سعی کنید بر اساس نیاز واقعی باشند. به طور مثال؛ طراحی چند صفحه با قابلیت ارائه و یا پیاده سازی برای یک مشتری احتمالی با استفاده از چند فریم ورک به روز و مورد خواست عموم؛ هم جنبه ی کسب تجربه برای شما خواهد داشت و هم اینکه می توان از آن به عنوان یک نمونه کار نزدیک به واقعیت استفاده کرد.
    به هر حال ؛ حرکت خوبی بود
    موفق باشید
    پاسخ:
    سلام.
    بله ،نقدهایتان  خیلی هم مفید و به جا بودند،تشکر.
    بله کلام شما کاملا متین؛
    بنده هم موافقم؛
    انشالله در پست های بعدی .
    ممنونم.

    سلام.قالب جالب وزیبایی بود
    موفق وپیروز باشید
    پاسخ:
    سلام آقای رنجبر!
    ممنون از حضورتون
    متشکرم
    موید باشید
    سلام..فایلودانلود کردم ولی برای بازشدن زیپش پسوردمیخواد:(
    پاسخ:
    سلام خانم حسینی
    پسورد فایل را قید کرده بود قبلا ولی بر سر اشتباه پاک کردم آن قسمت از متن را.
    من عذرخواهی میکنم .
    تصحیح شد...
    myjahan.blog.ir
    سلام استاد..خواهش میکنم..ممنون..واقعا زیبابود
    پاسخ:
    سلام
    شب بخیر
    انشاالله بعد از پایان این دوره شما باید این تیپ قالب را طراحی کنید :-)
    سلام
    ممنون از وب خوبتون
    پاسخ:
    سلام 
    خوش اومدید
    خواهش میکنم

    ارسال نظر

    ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
    شما میتوانید از این تگهای html استفاده کنید:
    <b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
    تجدید کد امنیتی