לוגו אתר Fresh          
 
 
  אפשרות תפריט  ראשי     אפשרות תפריט  צ'אט     אפשרות תפריט  מבזקים     אפשרות תפריט  צור קשר     חץ שמאלה ‎print ‎"Hello World!"; if‎ ‎not rules.‎know ‎then rules.‎read(); חץ ימינה  

לך אחורה   לובי הפורומים > מחשבים > תכנות ובניית אתרים
שמור לעצמך קישור לדף זה באתרי שמירת קישורים חברתיים
תגובה
 
כלי אשכול חפש באשכול זה



  #1  
ישן 08-01-2010, 05:47
צלמית המשתמש של Narxx
  משתמש זכר Narxx Narxx אינו מחובר  
 
חבר מתאריך: 21.12.04
הודעות: 30,020
תמונת רקע בקובץ מיובא לתוך html (ובכלל עזרה עם יבוא קבצים)

קראתי באינטרנט על שיטה לייבא קבצים שחוזים על עצמם, כמו header / footer.
הרעיון נשמע לי מעניין וניסיתי לכתוב משהו כדי לבדוק את זה, ונתקלתי בבעיות.

בינתי את קובץ ה hedaer.html הבא, שלכשעצמו נראה טוב מאוד בכל הדפדפנים שמותקנים אצלי:
קוד PHP:
 <!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 {
    
background-imageurl(../images/2.jpg);
    
background-repeatno-repeat;
    
background-color#AF9878;
    
background-position:top center;
}
-->
</
style>
</
head>

<
body>
<
div class="logo">
  <
p align="center">&nbsp;</p>
  <
p align="center">&nbsp;</p>
  <
p align="center"><img src="../images/Logo.png" width="200" height="42" /></p>
</
div>
</
body>
</
html

לאחר מכן, ניסיתי לבנות סתם קובץ index.html שיכיל את ה hedaer שלי, ויוסיף איזה תוכן מיותר אח"כ:
קוד PHP:
 <!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>
</
head>

<
body>
<!--
#include virtual="header.html"-->
body of page here...<br/>
</
body>
</
html

זה לא מראה לי את ה header.html שלי, אלא רק את הטקסט שכתבתי בגוף ה index.html.
אני בונה את זה עם DreamWeaver, אבל כותב בעצמי את הקוד בתוך התוכנה איפה שיותר פשוט.

אשמח לקצת שפיכת אור בכל הנושא הזה של קבצים מיובאים במידה ואני לא משתמש בזה כמו שצריך...
תודה מראש! ^_^

עריכה:
מכירים את מרפי? שעה שאני מסתבך עם זה, ונשברתי, פרסמתי אשכול בפורום - ואז עליתי על הבעיה שלי (שאני מקווה שזו הבעיה... כרגע הדף עובד אז אני רק יכול לצאת מנקודת הנחה שמה שתיקנתי, זה באמת מה שהיה צריך לתקן).

מה שעשיתי היה למחוק את תגי ה html / body המיותרים (היו כפולים כי כתבתי לכל קובץ בנפרד).
שיניתי גם ל php במקום html, סתם כדי לבדוק את פקודת ה include ב php וזה עובד.
אני אנסה שוב להחזיר ל html... נראה מה הולך.

מצטער שאני משגע אתכם ושאני חופר... אני אחפור עוד הרבה פה
שוב - תודה על זמנכם
_____________________________________
בברכה, מתן.
www.MatanNarkiss.com


נערך לאחרונה ע"י Narxx בתאריך 08-01-2010 בשעה 06:08.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #2  
ישן 08-01-2010, 07:41
  שימיadmin שימי אינו מחובר  
מנהל פורומי "תכנות ובניית אתרים" ו"חומרה ורשתות"
 
חבר מתאריך: 25.10.01
הודעות: 42,778
בתגובה להודעה מספר 1 שנכתבה על ידי Narxx שמתחילה ב "תמונת רקע בקובץ מיובא לתוך html (ובכלל עזרה עם יבוא קבצים)"

שפת HTML אינה תומכת באינקלודים של קובצי HTML לימיטב ידיעתי

הפורמטים שאתה מנסה נראים כמו SSI - Server Side Includes, בד"כ צריכים גם תמיכה מהשרת, וגם שהשרת ידע שאתה מצפה ממנו לפרש את הקובץ (בד"כ זה אומר לשנות את הסיומת ל shtml). זו די שיטה שאבד עליה הכלח, בייחוד מאז שכמעט כל שרת בכדור הארץ כיום, תומך בשפת צד שרת דינאמית כלשהיא שבה ניהול טמפלייטים יהיה הרבה יותר חכם (קובץ אחד שטוען את הכל במקום הרבה קבצים עם הרבה אינקלודים...)

נ.ב. את ה header וה footer אתה רץ לשים בקבצים נפרדים, אבל ה CSS שלך עדיין בתוך הקובץ ונטען באופן מבוזבז בכל פעם, ומעכב כך את טעינת הדף...
_____________________________________
תמונה שהועלתה על ידי גולש באתר ולכן אין אנו יכולים לדעת מה היא מכילה
נמאס לכם לזכור סיסמאות? לחצו כאן!

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #3  
ישן 08-01-2010, 07:59
צלמית המשתמש של Narxx
  משתמש זכר Narxx Narxx אינו מחובר  
 
חבר מתאריך: 21.12.04
הודעות: 30,020
בתגובה להודעה מספר 2 שנכתבה על ידי שימי שמתחילה ב "שפת HTML אינה תומכת..."

שמע, האמת - שאני פשוט קורא בגוגל כל מיני דברים, וידוע לך שהאינטרנט סובל משני דברים:
1. עודף מידע לא עדכני / רלוונטי / איכותי, אשר ממנו אני לוקח דוגמאות (לא טובות).
2. מחסור במדריכים מעודכנים, איכותיים וקלים להבנה, אשר יסבירו את אשר אני מנסה לעשות בשיטה הנכונה.

בתאכלס, הדרך היחידה בה פתרתי את הבעיה היתה שימוש ב php. כרגע הדף שלי עובד עם php ולא מפריע לי (רק בשביל ה include).
בנוגע ל SSI - לא אכפת לי שיהיה SSI. אני יוצא מנקודת הנחה שהשרת שלי מספיק חכם להתמודד עם כל דבר שאני אביא לו.
אם זה מפשט את העבודה - זה אחלה מבחינתי.

מה שכן, זה העלה לי הרבה סימני שאלה אחרים.
למשל - העבודה ב DIVים... איך זה באמת עובד?
מה שבניתי עד עכשיו (ובזה אני בהחלט מתכוון לסיים לשעה זו - כבר בוקר למען השם) זה הדבר הבא:
http://sculptures.cc/orit/htmls
כאשר הקובץ שאתה תפתח יהיה קובץ php אשר מכיל include לקובץ header.html
אני יודע שהקובץ נראה גרוע - אני משחק עם ה CSS בינתיים אבל בעיקר שובר את הראש להבין איך לעזאזל אני מסדר את ה DIV כמו שאני רוצה.

הצלחתי לגרום לתמונת הרקע שהגדרתי ב header.html להופיע למעלה במרכז, כמו שאני רוצה. אבל זו לא חוכמה... זה קובץ בודד.. מה שאני מנסה לעשות ולא מצליח זה לגרום לקובץ jpg אחד לרוץ על השוליים של תמונת הרקע (נותן עובי מסגרתי כזה) וליצור קובץ html / php אחר שיקח תמונת רקע אחרת (1.jpg במקרה שלי) וירוץ איתה עד שיגמר הדף.

התמונות נמצאות בתיקיה images שמחוץ לתיקיה htmls.
שמות קבצי התמונה הם
1.jpg - רקע לאורך כל הדף
2.jpg - רקע לכותרת - header
3.jpg - שוליים גם לצד ימין וגם לשמאל.

אתה תוכל לראות שהקובץ 3.jpg נזרק בצד הדף. אני רציתי להכניס אותו ל DIV שיהיה צמוד ל DIV שמכיל את תמונת הרקע של ה header אבל או שלא הצלחתי, או שאני אפילו לא בכיוון.
אשמח לכל עזרה.. בינתיים, גוגל מייאש אותי, ודווקא פה w3 החליטו שהנושא מספיק מובן בלי דוגמאות... דאמט
_____________________________________
בברכה, מתן.
www.MatanNarkiss.com

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #4  
ישן 08-01-2010, 13:16
  משתמש זכר dorM dorM אינו מחובר  
מנהל
 
חבר מתאריך: 26.07.08
הודעות: 6,473
אוקיי...
בתגובה להודעה מספר 3 שנכתבה על ידי Narxx שמתחילה ב "שמע, האמת - שאני פשוט קורא..."

יש 2 גירסאות:
1. קוד שעובד רק ב-FF, Opera, Safari אבל לא עובד ב-IE7 (כלומר קוד שעובד בדפדפנים)
2. קוד שעובד גם ב- FF, Opera, Safari וגם ב-IE7, עם תוספת של 2 div'ים (קוד שעובד בדפדפנים, וגם בתוכנה שמתיימרת להיות דפדפן)

העלתי את שתיהן בקובץ RAR כולל התמונות שעשיתי להן חיתוך מחדש על מנת שתוכל לראות איפה ניתן לחסוך בגודל התמונה (למרות שלא חסכתי לגמרי כדי שיהיה לך קל לראות מה זה מה).

https://2010-uploaded.fresh.co.il/2...08/80354765.rar

עכשיו תוכל לראות מה ההבדל בין IE לשאר, וכיצד ניתן להסתדר במקרה שלך שפשוט הוספתי 2 div'ים אחרי תג ה-body שמדמים את תגי ה-HTML וה-BODY כך ש-IE יתייחס אליהם בצורה שווה... (כמו ש-FF עושה)

בקובץ notIE חסכתי את 2 ה-div'ים האלה והשתמשתי בתגים body ו-html.
במקרים שונים ניתן "לחסוך" תגים ע"י שימוש ב-JS שמוסיף את התגים בצורה דינאמית למסמך ועוזר לנו לכתוב קוד HTML יפה.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #5  
ישן 08-01-2010, 13:34
צלמית המשתמש של Narxx
  משתמש זכר Narxx Narxx אינו מחובר  
 
חבר מתאריך: 21.12.04
הודעות: 30,020
בתגובה להודעה מספר 4 שנכתבה על ידי dorM שמתחילה ב "אוקיי..."

קודם כל - אתה אלוף!
דבר שני, יש קצת התקדמות מאז פרסמתי את ההודעה האחרונה, ושימי (הצדיק שליט"א) עזר לי להגיע למצב הזה:
http://sculptures.cc/orit/htmls/header.html
אני רק לא מצליח לחבר את ה DIVים שיהיו צמודים (שלא יהיה את הפיקסל / 2 פיקסל רווח שם).

אני חייב לציין כי לקח לנו הרבה זמן וכי העבודה בשיטה הזו של CSS לא אינטואיטיבית.
היה ממש לא נוח.
עכשיו השאלה שלי היא כזו - לאחר שתעזרו לי לחבר את ה JPGים שבצד לזה הראשי שיהיה יפה... כל זה נמצא בתוך קובץ HTML...
אח"כ, אני הולך לעשות את אותו הקונספט גם לגוף הדף (איפה שדור כתב את כל הטקסט) וגם ל footer כך שלבסוף יהיו לי, לכל דף באתר - שלושה קבצים כאשר 2 יהיו קבועים (מן הסתם ה header וה- footer, ורק התוכן של הקובץ השלישי ישתנה בהתאם לדף הרלוונטי (הרעיון הוא לחסוך בכתיבה מחדש של קוד, ונוחות וקלות לשנות את התפריטים בכל האתר בבת-אחת, וכו').

אז נניח שיש לי את השלושה קבצים כקבצים נפרדים - כל אחד HTML בעצמו (כולל תג body, html... כל העסק)... איך מחברים?

תודה רבה מראש לעוזרים
(ודור - אתה תותח)

שימי, גם אתה P:
_____________________________________
בברכה, מתן.
www.MatanNarkiss.com

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #7  
ישן 08-01-2010, 13:51
צלמית המשתמש של Narxx
  משתמש זכר Narxx Narxx אינו מחובר  
 
חבר מתאריך: 21.12.04
הודעות: 30,020
בתגובה להודעה מספר 6 שנכתבה על ידי dorM שמתחילה ב "רוחב של 1013px ל- div.header..."

אהה, וואלה... באמת תהיתי מאיפה הפס הלבן הזה מגיע
תיקנתי את המידות של container ו- header ועכשיו זה בסדר (כנס שוב ללינק ותלחץ CTRL+F5).

בנוגע לשאלה של חיבור הקבצים, זה מה שבאמת מטריד אותי.
אתה עשית את הכל בקובץ אחד. תיאורתית, אם אני אשתמש בקובץ כזה עבור הדפים שלי, אני אצטרך לעבוד קשה מאוד (ככל שיהיו לי יותר דפים). לכן חשבתי ללכת בכיוון של קובץ אחד ויחיד המשותף לכל הדפים באתר עבור header ואותו הדבר עבור footer.
יש דרך קלה לעשות את זה, בהנחה שיש לי את כל הקבצים?

עריכה: השתמשתי קודם ב PHP וזה באמת עבד, אבל דרש ממני לעשות משהו נורא מוזר.
אני לא יודע אם זה תקני אולי ... אבל הורדתי את תגי ה BODY וה- HTML לאחד הקבצים שחיברתי (כי בהתחלה היו כפילויות והיו לי שגיאות בדפים).

איך אני עושה את זה עם PHP?
השרת שלי יכול לעמוד בכל דבר... כל שיטה (ויש לי את DreamWeaver בצד הטכני שיבנה לי את הכל).
_____________________________________
בברכה, מתן.
www.MatanNarkiss.com


נערך לאחרונה ע"י Narxx בתאריך 08-01-2010 בשעה 13:54.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #8  
ישן 08-01-2010, 14:07
  משתמש זכר dorM dorM אינו מחובר  
מנהל
 
חבר מתאריך: 26.07.08
הודעות: 6,473
בתגובה להודעה מספר 7 שנכתבה על ידי Narxx שמתחילה ב "אהה, וואלה... באמת תהיתי..."

בוודאי, אם תממש את מודל MVC באפליקצית צד השרת שלך אז הדברים יבוצעו באופן הבא:

כל הקריאות מבוצעות לקובץ אחד ששמו index.php.
כדי לשלוף עמוד אחר, יש לכלול ב-URL איזשהו פרמטר שיעיד על העמוד שרוצים לשלוף. לדוגמא:
קוד:
http://.../index.php?act=about


ואת השליפה מבצעים ע"י הכללה של הקובץ המבוצעת בתוך קובץ template:

קוד:
<html> <body> /*...*/ <div id="content"> <?php // it's common to include a php file include 'pages/' . $requested_page . '.php' // but including an HTML file is also possible readfile('pages/' . $requested_page . '.html'); ?> </div> /*...*/ </body> </html>


כמו כן כדי למנוע תעבורה מיותרת, תיעזר במנגנון המטמון של הדפדפנים כדי לחסוך בטקסט שאתה מוציא:
קוד:
<link rel="stylesheet" type="text/css" media="all" href="style.css" /> <script type="text/javascript" src="script.js"></script>


עריכה:

ציטוט:
עריכה: השתמשתי קודם ב PHP וזה באמת עבד, אבל דרש ממני לעשות משהו נורא מוזר.
אני לא יודע אם זה תקני אולי ... אבל הורדתי את תגי ה BODY וה- HTML לאחד הקבצים שחיברתי (כי בהתחלה היו כפילויות והיו לי שגיאות בדפים).


כן זה בסדר, כי PHP זה תסריט צד שרת שמבצע הכללה באופן הפשוט ביותר: כל מה שיש בקובץ היעד, "מגיע" אל קובץ המקור שביצע את ההכללה.
כדאי שתקרא על include של PHP:
http://php.net/manual/en/function.include.php
שים לב שפקודת include גורמת למנוע ה-PHP לחפש את תגי ה-PHP, מה שאומר שאם בקובץ היעד כתבת:
קוד:
<?php

אז החל מאותה המחרוזת, מנוע ה-PHP יפרש את הטקסט כתסריט PHP.
לכן מאוד לא מומלץ לבצע הכללה של קבצים המגיעים מהמשתמש באמצעות פקודת include.

נערך לאחרונה ע"י dorM בתאריך 08-01-2010 בשעה 14:11.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
תגובה

כלי אשכול חפש באשכול זה
חפש באשכול זה:

חיפוש מתקדם
מצבי תצוגה דרג אשכול זה
דרג אשכול זה:

מזער את תיבת המידע אפשרויות משלוח הודעות
אתה לא יכול לפתוח אשכולות חדשים
אתה לא יכול להגיב לאשכולות
אתה לא יכול לצרף קבצים
אתה לא יכול לערוך את ההודעות שלך

קוד vB פעיל
קוד [IMG] פעיל
קוד HTML כבוי
מעבר לפורום



כל הזמנים המוצגים בדף זה הם לפי איזור זמן GMT +2. השעה כעת היא 14:59

הדף נוצר ב 0.04 שניות עם 12 שאילתות

הפורום מבוסס על vBulletin, גירסא 3.0.6
כל הזכויות לתוכנת הפורומים שמורות © 2026 - 2000 לחברת Jelsoft Enterprises.
כל הזכויות שמורות ל Fresh.co.il ©

צור קשר | תקנון האתר