עזרה - בניית טפסים וייצוא כקוד html

איציק דייטש

@הערשלה https://colorlib.com/wp/free-html5-contact-form-templates/
תנסה לקחת מפה משהו ותשנה את זה כרצונך, ואם אתה צריך עזרה עם העריכה של ה html דבר איתי...

מנחם ציון

@הערשלה הכי טוב זה באלמנטור פרו... בחינם יש את poptin די נח לעיצוב ומשתמש בשרטקוד שאותו אתה שם באלמנטור...

הערשלה

@איציק-דייטש מה אני עושה עם קובץ הzip שהם הביאו לי?

דניאל ביטון

@הערשלה נראה לי מעלה בתור תוסף לוורדפרס תתקנו אותי אם אני טועה

הערשלה

@דניאל-ביטון זה לא וורדפרס מה שאני בונה. לא משנה מה. תסתכלו בכותרת. אני צריך קוד של הטופס שאני בונה. פשוט כך.

מנחם ציון

@דניאל-ביטון אמר בעזרה - בניית טפסים וייצוא כקוד html:

@הערשלה נראה לי מעלה בתור תוסף לוורדפרס תתקנו אותי אם אני טועה

לא נראהלי הגיוני...

מנחם ציון

@הערשלה אמר בעזרה - בניית טפסים וייצוא כקוד html:

@דניאל-ביטון זה לא וורדפרס מה שאני בונה. לא משנה מה. תסתכלו בכותרת. אני צריך קוד של הטופס שאני בונה. פשוט כך.

על איזה מערכת אתה בונה?

דניאל ביטון

@הערשלה תעלה לפה שנייה את הקובץ שירד לך

איציק דייטש

@הערשלה אמר בבניית טפסים וייצוא כקוד html:

@איציק-דייטש מה אני עושה עם קובץ הzip שהם הביאו לי?

תן לי אותו, ואני יגיד לך

הערשלה

@איציק-דייטש @דניאל-ביטון contact-form-v1.zip

איציק דייטש

@הערשלה

יש לך פה חמש תיקיות וקובץ html
בקובץ html יש את הקוד html...
התיקיות לפי הסדר:

css - עיצוב
fonts - פונטים
images - תמונות
js - ג'אווה סקריפט
vendor - אני לא יודע מה זה....

זה הקוד html

<!DOCTYPE html>
<html lang="en">
<head>
	<title>Contact V1</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
<!--===============================================================================================-->
	<link rel="icon" type="image/png" href="images/icons/favicon.ico"/>
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="css/util.css">
	<link rel="stylesheet" type="text/css" href="css/main.css">
<!--===============================================================================================-->
</head>
<body>

	<div class="contact1">
		<div class="container-contact1">
			<div class="contact1-pic js-tilt" data-tilt>
				<img src="images/img-01.png" alt="IMG">
			</div>

			<form class="contact1-form validate-form">
				<span class="contact1-form-title">
					Get in touch
				</span>

				<div class="wrap-input1 validate-input" data-validate = "Name is required">
					<input class="input1" type="text" name="name" placeholder="Name">
					<span class="shadow-input1"></span>
				</div>

				<div class="wrap-input1 validate-input" data-validate = "Valid email is required: ex@abc.xyz">
					<input class="input1" type="text" name="email" placeholder="Email">
					<span class="shadow-input1"></span>
				</div>

				<div class="wrap-input1 validate-input" data-validate = "Subject is required">
					<input class="input1" type="text" name="subject" placeholder="Subject">
					<span class="shadow-input1"></span>
				</div>

				<div class="wrap-input1 validate-input" data-validate = "Message is required">
					<textarea class="input1" name="message" placeholder="Message"></textarea>
					<span class="shadow-input1"></span>
				</div>

				<div class="container-contact1-form-btn">
					<button class="contact1-form-btn">
						<span>
							Send Email
							<i class="fa fa-long-arrow-right" aria-hidden="true"></i>
						</span>
					</button>
				</div>
			</form>
		</div>
	</div>




<!--===============================================================================================-->
	<script src="vendor/jquery/jquery-3.2.1.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/bootstrap/js/popper.js"></script>
	<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/select2/select2.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/tilt/tilt.jquery.min.js"></script>
	<script >
		$('.js-tilt').tilt({
			scale: 1.1
		})
	</script>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-23581568-13"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-23581568-13');
</script>

<!--===============================================================================================-->
	<script src="js/main.js"></script>

</body>
</html>

הערשלה

@איציק-דייטש מה לעשות תכל'ס? אני צריך קוד להעתקה...

הערשלה

@איציק-דייטש אמר בעזרה - בניית טפסים וייצוא כקוד html:

@הערשלה

יש לך פה חמש תיקיות וקובץ html
בקובץ html יש את הקוד html...
התיקיות לפי הסדר:

css - עיצוב
fonts - פונטים
images - תמונות
js - ג'אווה סקריפט
vendor - אני לא יודע מה זה....

זה הקוד html

<!DOCTYPE html>
<html lang="en">
<head>
	<title>Contact V1</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
<!--===============================================================================================-->
	<link rel="icon" type="image/png" href="images/icons/favicon.ico"/>
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="css/util.css">
	<link rel="stylesheet" type="text/css" href="css/main.css">
<!--===============================================================================================-->
</head>
<body>

	<div class="contact1">
		<div class="container-contact1">
			<div class="contact1-pic js-tilt" data-tilt>
				<img src="images/img-01.png" alt="IMG">
			</div>

			<form class="contact1-form validate-form">
				<span class="contact1-form-title">
					Get in touch
				</span>

				<div class="wrap-input1 validate-input" data-validate = "Name is required">
					<input class="input1" type="text" name="name" placeholder="Name">
					<span class="shadow-input1"></span>
				</div>

				<div class="wrap-input1 validate-input" data-validate = "Valid email is required: ex@abc.xyz">
					<input class="input1" type="text" name="email" placeholder="Email">
					<span class="shadow-input1"></span>
				</div>

				<div class="wrap-input1 validate-input" data-validate = "Subject is required">
					<input class="input1" type="text" name="subject" placeholder="Subject">
					<span class="shadow-input1"></span>
				</div>

				<div class="wrap-input1 validate-input" data-validate = "Message is required">
					<textarea class="input1" name="message" placeholder="Message"></textarea>
					<span class="shadow-input1"></span>
				</div>

				<div class="container-contact1-form-btn">
					<button class="contact1-form-btn">
						<span>
							Send Email
							<i class="fa fa-long-arrow-right" aria-hidden="true"></i>
						</span>
					</button>
				</div>
			</form>
		</div>
	</div>




<!--===============================================================================================-->
	<script src="vendor/jquery/jquery-3.2.1.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/bootstrap/js/popper.js"></script>
	<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/select2/select2.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/tilt/tilt.jquery.min.js"></script>
	<script >
		$('.js-tilt').tilt({
			scale: 1.1
		})
	</script>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-23581568-13"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-23581568-13');
</script>

<!--===============================================================================================-->
	<script src="js/main.js"></script>

</body>
</html>

מה אני אמור לשנות כדי שזה ישלח אלי?

איציק דייטש

@הערשלה קח בחשבון שלא מספיק לך קוד html אתה מאבד את כל העיצוב...

מנחם ציון

@הערשלה אמר בעזרה - בניית טפסים וייצוא כקוד html:

@איציק-דייטש מה לעשות תכל'ס? אני צריך קוד להעתקה...

בשביל שזה יעבוד טוב אתה צריך את כולם (נראה לי)
HTML למבנה הדף
CSS לעיצוב
וJS גם נצרך הכל שם צריך...

הערשלה

@איציק-דייטש אמר בעזרה - בניית טפסים וייצוא כקוד html:

@הערשלה קח בחשבון שלא מספיק לך קוד html אתה מאבד את כל העיצוב...

@מנחם-ציון אמר בעזרה - בניית טפסים וייצוא כקוד html:

@הערשלה אמר בעזרה - בניית טפסים וייצוא כקוד html:

@איציק-דייטש מה לעשות תכל'ס? אני צריך קוד להעתקה...

בשביל שזה יעבוד טוב אתה צריך את כולם (נראה לי)

@איציק-דייטש , @מנחם-ציון אז מה לעשות?

מנחם ציון

@הערשלה אמר בעזרה - בניית טפסים וייצוא כקוד html:

@איציק-דייטש אמר בעזרה - בניית טפסים וייצוא כקוד html:

@הערשלה קח בחשבון שלא מספיק לך קוד html אתה מאבד את כל העיצוב...

@מנחם-ציון אמר בעזרה - בניית טפסים וייצוא כקוד html:

@הערשלה אמר בעזרה - בניית טפסים וייצוא כקוד html:

@איציק-דייטש מה לעשות תכל'ס? אני צריך קוד להעתקה...

בשביל שזה יעבוד טוב אתה צריך את כולם (נראה לי)

@איציק-דייטש , @מנחם-ציון אז מה לעשות?

מה אתה יכול להעלות? רק קובץ אחד? אין אופציה להעלת CSS?

איציק דייטש

@מנחם-ציון עזוב את css, את זה אפשר להטמיע ב html
@הערשלה js זה הבעיה!

הערשלה

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

מנחם ציון

@איציק-דייטש אמר בעזרה - בניית טפסים וייצוא כקוד html:

@מנחם-ציון עזוב את css, את זה אפשר להטמיע ב html
@הערשלה js זה הבעיה!

נכון ואז מהדירוג SEO אתה יכול לשכוח והבאגים יחגגו כנ"ל איטיות וגם צריך לשבת על הקוד כדי להטמיע וכו'
תכלס' זה פתרון לשורה אחת או 2 לעמוד זה גרוע...