ไม่เป็นไร.
คุณสามารถรับได้ที่ไหน?
ถ้าไม่ไม่ต้องกังวล
มาดูกันว่าเราต้องทำอะไรบ้างเพื่อให้ทุกอย่างในโปรไฟล์ใช้งานได้
เห็นได้ชัดว่าเรามีหน้าเกี่ยวกับ HTML เพื่อให้สามารถคงอยู่เหมือนตอนนี้
เราเรียกมันว่าเกี่ยวกับ และถ้าเราคัดลอกและวางที่นี่ ทำอีกอย่างหนึ่ง สมมุติว่าเรามีอะไรอีก?
เรามี work html มาทำงานกัน
HTML ซึ่งจะทำงาน html และให้ตรวจสอบว่าใช้งานได้หรือไม่
ฉันจะลบเส้นทางเก่าเพื่อให้เรามีบ้านและที่ทำงาน html
ถ้าฉันกลับไป
และไปที่บ้านกันเถอะ
โอ้ ดูเหมือนว่าเราจะมีข้อผิดพลาดเล็กน้อย
และฉันไม่ได้เปลี่ยนฟังก์ชันตรงนี้
คุณเห็นว่าฉันมีทั้งสองเกี่ยวกับ
ลองเรียกงานนี้ว่าถ้าย้อนกลับไปและรีเฟรช
ได้เลย ไปทำงานกันเถอะ
มันได้ผล
TML เหตุใดจึงไม่ทำงาน
นั่นเป็นเพราะมันควรจะทำงาน
HTML
ง้อฉัน.
เอาล่ะ กลับกันเถอะ
มารีเฟรชกันเถอะ
ผลงาน.
ไม่เป็นไร.
งานกำลังทำงาน.
แต่อีกครั้ง CSS จะไม่ถูกนำไปใช้
ถ้าฉันกลับไปและไปเกี่ยวกับตัวฉันเกี่ยวกับฉันก็ได้ผลเช่นกัน
แต่ CSIS ไม่ได้ถูกนำมาใช้และเรารู้ว่าเหตุใดจึงเป็นเช่นนั้น
อีกครั้งถ้าเราไปงาน
เราต้องอัปเดตสิ่งนี้เพื่อรวมโฟลเดอร์สแตติก
สุดยอด.
จากนั้นเราก็อัปเดตหน้า CSS เช่นกัน
เช่นเดียวกับหน้าจาวาสคริปต์
นี่เป็นการทำซ้ำหลายครั้ง แต่ฉันจะแสดงให้คุณเห็นเพื่อให้คุณเข้าใจว่ากระบวนการคิดคืออะไรและทำไมเราต้องทำเช่นนี้อีกครั้ง
เราจะแก้ไขสิ่งเหล่านี้เช่นกัน
และอันนี้
ฉันรู้สึกว่าฉันควรจะมีเพลงอยู่เบื้องหลังในขณะที่ทำสิ่งนี้ ดังนั้นคุณจะไม่เบื่อที่ฉันทำสิ่งนี้ซ้ำแล้วซ้ำเล่า
แต่การทำซ้ำเป็นสิ่งที่ดีใช่มั้ย?
เอาล่ะคนสุดท้าย
ที่.
ไฟล์จาวาสคริปต์
มาบันทึกกันเถอะ
กลับไปที่เซิร์ฟเวอร์ของเรา
มารีเฟรชกันเถอะ
เอาล่ะ กลับบ้านกันเถอะ
โอ้ดูเหมือนดัชนี html ใช้งานไม่ได้ เราต้องแก้ไขด้วย
เรามีไดเร็กทอรีรากที่ใช้งานได้หากฉันคลิกที่งาน
อืม.
ดูเหมือนว่า CSS ไม่ได้ทำงานน้อยลง มาดูกันเกี่ยวกับฉัน
เกี่ยวกับฉันกำลังทำงาน
ดังนั้นเราจึงพลาดบางสิ่งบางอย่างและทำงานถ้าเรากลับไป
โอ้ นั่นเป็นเพราะเรามีงานและงาน HTML
ดังนั้นเราต้องตรวจสอบให้แน่ใจว่าเราได้รวมงาน HTML แทนที่จะเป็นงาน
ฉันไม่แน่ใจว่าหน้านี้ทำอะไร แต่ฉันแน่ใจว่าเป็นส่วนหนึ่งของหน้านี้
กลับไปทำงานของเราอีกครั้ง html.
ทำแบบเดียวกับที่เราทำ เพิ่มสแตติก
เช่นนั้น
และด้านล่างสุดของไฟล์ JavaScript เช่นกัน
กลับกันเถอะ.
ไปทำงานและ.
เย่!
ดูนั่นสิ
ผลงานทั้งหมดของเรากำลังแสดงอยู่
แต่เหมือนบางภาพไม่แสดง
ตอนนี้.
คุณเดาได้ไหมว่าทำไมถึงเป็นเช่นนั้น?
แล้วถ้าเราย้อนกลับไป
HTML ผลงานของเรา
และเรามองหาภาพ
เราเห็นว่าตรงนี้เราต้องเพิ่มสแตติกด้วย
ฉันจะเพิ่มสิ่งเหล่านั้นลงในรูปภาพอีกครั้ง
และเพื่อให้เร็วขึ้น ฉันจะคัดลอกสิ่งนี้และทำคำสั่ง F หรือควบคุม F เพื่อค้นหาอินสแตนซ์ของรูปภาพทั้งหมด
และตรวจสอบให้แน่ใจว่าเราเพิ่มเนื้อหาที่นี่
วิธีง่ายๆ ในการทำเช่นนี้ และนี่คือสิ่งที่ ID สามารถช่วยคุณได้
หรือโปรแกรมแก้ไขข้อความอย่าง Sublime text คือ
ฉันสามารถเลือกสิ่งทั้งหมดเช่นนี้และทำการ command control g
และนี่จะเลือกอินสแตนซ์ทั้งหมดจริง ๆ และตอนนี้ฉันมีเคอร์เซอร์หลายตัว
ตอนนี้สิ่งที่ฉันทำได้ตอนนี้คือ
เพิ่มสแตติกในทุกอินสแตนซ์ ดังที่คุณเห็นที่ด้านล่างและด้านบนเช่นกัน เพื่อที่ฉันจะได้ไม่ต้องพูดซ้ำ
ตอนนี้กลับกันเถอะ
รีเฟรชและดูสิ่งนั้น
เรามีโครงการของเราแสดง
มันเจ๋งมากจริงๆ
และเช่นเดียวกัน เรามีเทมเพลตของเราแล้ว
เรายังมีส่วนประกอบที่เราต้องแก้ไขและการติดต่อ
ตอนนี้ส่วนประกอบที่เราไม่ต้องการจริงๆ เพราะถ้าคุณไปดูตัวอย่างที่นี่ ส่วนประกอบเป็นเพียงเทมเพลต
HTML ที่คุณสามารถคัดลอกและวางตามส่วนประกอบที่คุณต้องการได้
แต่เราไม่ต้องการสิ่งนั้นในพอร์ตจริงของเรา
อีกวิธีเดียวที่เราต้องการคือหน้าติดต่อ ซึ่งสำคัญมากเพราะเราจะใช้หน้านั้นกับเซิร์ฟเวอร์
Python ของเรา
ลองกลับไปที่นี่
มาลบส่วนประกอบ html
หรือตอนนี้เราสามารถเก็บไว้ที่นั่นได้
แต่ในไฟล์ index.html
เราสามารถลงไปได้หมด
และในส่วนของแถบการนำทาง คุณจะเห็นว่าเรามีส่วนประกอบ dot html อย่างไร
เราสามารถลบมันออกได้
เป็นแบบนั้น.
ดังนั้นเราจึงไม่ได้ใช้มัน
ตอนนี้ สิ่งหนึ่งที่คุณอาจเห็นฉันทำคือคัดลอกและวางโค้ด
เพื่อที่ตอนนี้เราจะต้องทำ
เส้นทางอื่นที่ระบุว่าติดต่อแล้วติดต่ออีกครั้ง
แต่นี่คือเราทำซ้ำรหัสตามสิ่งที่เราได้เรียนรู้
เราสามารถปรับปรุงสิ่งนี้เพื่อให้มีไดนามิกมากขึ้นเพื่อที่ว่าเมื่อเราเพิ่มไฟล์ HTML ใหม่ในโปรไฟล์นี้
เราไม่ต้องคัดลอกและวางโค้ดเดิมซ้ำแล้วซ้ำอีก
ลองทำดู
และในวิดีโอหน้า ผมจะแสดงให้คุณเห็นว่าเราสามารถทำได้อย่างไร