ยินดีต้อนรับกลับ.
มาทำให้นี่เป็นไดนามิกมากขึ้นหน่อย
เรามีเส้นทางหลักของเรา แต่สำหรับหน้า HTML อื่นๆ ทั้งหมด คงจะดีหากสิ่งนี้ถูกสร้างขึ้นแบบไดนามิก เพื่อที่เราจะไม่ต้องคัดลอกและวางโค้ด
เรามาลบสิ่งเหล่านี้ทั้งหมดและใช้ไวยากรณ์เล็ก ๆ นี้แทนซึ่งเราได้เรียนรู้เกี่ยวกับที่ที่เราสามารถยอมรับพารามิเตอร์
URL ที่แตกต่างกันแบบไดนามิก
ในกรณีนี้ เราเรียกมันว่าชื่อเพจก็ได้ และชื่อเพจนี้ควรเป็นสตริงใช่ไหม
ตอนนี้เราสามารถใช้ประเภทสตริงเพื่อบอกว่าฉันต้องการชื่อเพจ
นี่จะเป็นหน้า HTML และเราต้องการแสดงผลในเทมเพลต
ข้อมูลที่ป้อนใน URL
ดังนั้นเราจึงสามารถให้ชื่อหน้านี้เป็นอินพุตได้
และพิมพ์ชื่อหน้าที่นี่
ลองดูว่ามันใช้งานได้หรือไม่
ฉันจะบันทึกสิ่งนี้
กลับไปที่หน้าแรกของเรา
และมันได้ผล
ถ้าฉันทำงานล่ะ?
ดูนั่นสิ
ถ้าผมไปเกี่ยวกับตัวผม
เกี่ยวกับฉันทำงาน
ติดต่อ.
ไม่เป็นไร.
การติดต่อกำลังทำงานอยู่
แต่ CSS ไม่ได้ถูกนำไปใช้ ดังนั้นเราจึงต้องอัปเดตสิ่งนั้นและเรายังคงเห็นส่วนประกอบต่างๆ
ไม่เป็นไร.
จึงมีบางสิ่งที่เราต้องแก้ไข แต่ทุกอย่างทำงานแบบไดนามิก ซึ่งเยี่ยมมาก
และคุณเห็นว่าแม้แต่ดัชนี html ที่เราเคยมีปัญหาก่อนหน้านี้ใช้งานได้แล้ว ซึ่งดีมาก
เรามาแก้ไขบางสิ่งกัน
ตอนนี้เราได้ทำให้โค้ดของเราเรียบง่ายและเข้าใจง่าย
แต่มีข้อบกพร่องบางอย่างที่เราจำเป็นต้องแก้ไขในโค้ดของเรา
ขั้นแรกให้ถอดส่วนประกอบ
สาเหตุที่สิ่งนี้เกิดขึ้นก็คือว่าแต่ละหน้า ถ้าเราเลื่อนขึ้นไปด้านบน
เลยไปที่หน้าเกี่ยวกับมี
ลิงค์ส่วนประกอบ.
ดังนั้นจากแต่ละหน้า เราแค่ต้องลบส่วนประกอบ
เลยไปสัมผัสกัน
ถอดส่วนประกอบที่นี่
ไปที่ดัชนี
เราได้ลบส่วนประกอบสำหรับสิ่งนั้นแล้ว
ถ้าฉันไปทำงาน
งานจะแตกต่างกันเล็กน้อย
เราจะกลับไปที่นั้นในอีกสักครู่
ถ้าเราไปทำงานและอีกครั้งที่ด้านบนและการนำทาง ส่วนประกอบที่เราสามารถลบออกได้เช่นนั้น
นอกจากนี้เรายังเห็นว่าหน้าบริบทไม่มี CSS เพิ่มเข้าไป
อย่างนั้นเรากลับกันเถอะ
และเราเพิ่มสแตติก
โฟลเดอร์ที่นี่
เช่นเดียวกับไอคอน
ตรงนี้.
แล้วไฟล์ JavaScript ที่ด้านล่าง
ถ้าเราประหยัด.
ย้อนกลับ.
มารีเฟรชกัน
และไปที่บ้าน
ถ้าเราไปทำงาน
ที่ทำงานเกี่ยวกับฉัน
ที่ทำงาน
ติดต่อ.
ดูนั่นสิ
จะสวยขนาดไหนเนี่ย?
ไม่เป็นไร.
ตอนนี้ บางสิ่งที่ฉันต้องการแก้ไขที่นี่
หนึ่งคือเราเห็นว่าตัวเลขไม่ตรงกัน
ตรงนี้ เราอยากให้พวกมันเข้ากันได้อย่างดีเยี่ยม
ถูกต้อง.
ดังนั้นเราจึงมีการทำงานนี้
แต่แล้วเกี่ยวกับฉันและการติดต่อ
นั่นเป็นเรื่องแปลก
มาดูกันว่าทำไมถึงเป็น
ถ้าเรากลับไป.
เราไปติดต่อ?
เราเห็นว่าในการนำทางเรามีหนึ่ง สอง สาม สี่ ซึ่งดูดีมาก
แต่ที่ด้านล่างเราจะเห็นว่าหมายเลขติดต่อฉันค่อนข้างน้อย
ลองทำ 044 ติดต่อฉัน
หากเราไปเกี่ยวกับการทำให้แน่ใจว่าหน้า about หรือ about me คืออะไร
ศูนย์สาม
มาทำกัน
และตอนนี้ ถ้าฉันบันทึกและรีเฟรช เรามี Contact Me About Me Works และที่บ้าน
เอาล่ะ สองสิ่งสุดท้าย แล้วเราจะกลับไปที่ Python ฉันสัญญา
หนึ่ง.
ฉันต้องการเปลี่ยนข้อความนี้เพื่อให้มันบอกชื่อของฉัน และบางทีฉันอาจเป็นนักพัฒนาหลาม
สิ่งที่เราต้องทำก็คือไปที่ดัชนี HTML อีกครั้งแล้วมองหา
ข้อความนี้ เพิ่มเนื้อหาไซต์หรือแอปของคุณที่นี่ เพื่อให้เราเห็นว่ามีข้อความว่า สวัสดี ฉันชื่อเจมส์ ดีน นักออกแบบชาวฝรั่งเศส
เอาเป็นว่าผมชื่ออังเดร นาโกย่า
สมมติว่า Python สมมติว่าผู้เชี่ยวชาญฟังดูเจ๋งกว่าเมื่อทำงานเป็นฟรีแลนซ์
มาทำผู้สอนกันเถอะเพราะฉันเป็นผู้สอนหลังจากทั้งหมด
เพื่อว่าถ้าฉันประหยัด
และสดชื่น
มันยอดเยี่ยมแค่ไหน?
สุดยอด เรียบง่ายสุดๆ
ที่ดูเรียบร้อยสวย
ไม่เป็นไร.
สิ่งสุดท้ายคือส่วนงาน
ถ้าคุณดูผลงานของฉันแล้วฉันคลิกค้นพบ
เอาล่ะ คุณสามารถเพิ่มโครงการที่คุณต้องการได้ที่นี่
ถ้าฉันไปที่ศูนย์หก ฉันเดาว่าลิงก์ที่นี่ใช้ไม่ได้เนื่องจากเรามีงานเดียวเท่านั้น
แต่สมมติว่าคุณต้องการเพิ่มโครงการอื่น
สิ่งที่เราต้องทำคือเพียงแค่พูดว่างานไปยัง HTML และเชื่อมโยงเป็นศูนย์ถึงที่นี่พร้อมกับงานด้วย
ให้ฉันแสดงวิธีการทำ
งั้นไปทำงานกันเถอะ
HTML
ถ้าเราควบคุม F และทำ 002 เราจะเห็นว่านี่คือลิงค์
ดูนั่นสิ
002003.
สิ่งที่เราต้องทำก็คือเปลี่ยนลิงก์ที่นี่เพื่อทำงานเป็น HTML เพื่อให้ลิงก์ทำงานได้เช่นกัน
ตอนนี้เป็นสิ่งที่คุณสามารถทำได้ด้วยตัวเอง
เราไม่ต้องการเน้น HTML และ CSS มากเกินไปเพราะอยู่นอกขอบเขตของหลักสูตรนี้
แต่อย่างที่คุณเห็น เรามีเว็บไซต์ที่ค่อนข้างเรียบร้อยค่อนข้างเร็ว
เราใช้เวลาเพียงไม่กี่นาที และตอนนี้คุณมีเว็บเพจพอร์ตโฟลิโอแล้ว
แต่มีชิ้นใหญ่หายไปหนึ่งชิ้นและสิ่งหนึ่งที่ Python สามารถช่วยเราได้จริงๆ นั่นคือแบบฟอร์มการติดต่อนี้
มันจะไม่ใช่เว็บไซต์พอร์ตโฟลิโอที่แท้จริงเว้นแต่ว่าผู้คนจะสามารถติดต่อคุณได้ใช่ไหม
บางทีนายจ้างหรือผู้ที่ต้องการลดงานสามารถส่งข้อความถึงคุณได้
ดังนั้นในวิดีโอถัดไป เราจะสำรวจสิ่งนี้จริง ๆ ที่ซึ่งเราสามารถส่งข้อมูลไปยังเซิร์ฟเวอร์ของเราและส่วนหลัง
และจับภาพและบันทึกและเก็บไว้ที่ใดที่หนึ่งได้
เจอกันใหม่ตอนหน้าค่ะ
ลาก่อน.