Python
Generate HTML Profile With Link
#!/usr/bin/env python
#generate html file
def make_html( mbody, mtitle):
for i in range(len(mtitle)):
file = open("./pro2_"+str(i)+".html", 'w')
file.write("""
<html>
<head>
<title>"""+mtitle[i]+"""</title>
</head>
<body bgcolor="skyblue">
"""+mbody[i]+"""
</body>
</html>""")
file.close()
body = ["""<br><font color="white" size = "5">
<center>
My Profile<br><br>
<!-- Facebook Badge START --><a href="https://www.facebook.com/wittawin.kahuttanaseth" target="_TOP" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Wittawin Kahuttanaseth">Wittawin Kahuttanaseth</a><span style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; line-height: 16px; font-variant: normal; font-style: normal; font-weight: normal; color: #555555; text-decoration: none;"> | </span><a href="https://www.facebook.com/badges/" target="_TOP" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Make your own badge!">Create Your Badge</a><br/><a href="https://www.facebook.com/wittawin.kahuttanaseth" target="_TOP" title="Wittawin Kahuttanaseth"><img src="https://badge.facebook.com/badge/100000892956744.1601.596344931.png" style="border: 0px;" /></a><!-- Facebook Badge END -->
</center></font><font color="white" size = "4">
<br><br>Name : Wittawin Kahuttanaseth<br><br>
Student ID : 5501012620073<br><br>
Birthday : 23 / 10 / 2536<br><br>
Age : 20<br><br>
E-mail : wittawin_k@hotmail.com<br><br>
Hobbie : Build Gunpla<br><br>
<div style="text-align: right"><a href="./pro2_1.html">Next</a></div>
</font>""",
"""<br><font color="white" size = "5">
<center>
My Education<br><br>
</center></font><font color="white" size = "4">
Kindergarten : Wanawes Kindergarden<br><br>
Primary : Patai Udom Suksa School<br><br>
High school : KMUTNB<br><br>
Bachelor : KMUTNB<br><br>
<div style="float: left"><a href="./pro2_0.html">Previous</a></div>
<div style="text-align: right"><a href="./pro2_2.html">Next</a></div>
</font>""",
"""<br><font color="white" size = "5">
<center>
Picture From My Facebook<br><br>
<!-- Facebook Badge START --><a href="https://www.facebook.com/wittawin.kahuttanaseth" target="_TOP" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Wittawin Kahuttanaseth">Wittawin Kahuttanaseth</a><span style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; line-height: 16px; font-variant: normal; font-style: normal; font-weight: normal; color: #555555; text-decoration: none;"> | </span><a href="https://www.facebook.com/badges/" target="_TOP" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Make your own badge!">Create Your Badge</a><br/><a href="https://www.facebook.com/wittawin.kahuttanaseth" target="_TOP" title="Wittawin Kahuttanaseth"><img src="https://badge.facebook.com/badge/100000892956744.2824.1743854106.png" style="border: 0px;" /></a><!-- Facebook Badge END -->
</center><br></font>
<font color="white" size = "4">
<div style="float: left"><a href="./pro2_1.html">Previous</a></div>
</font>"""]
title = ["My Profile","My Education","Picture From My Facebook"]
make_html(body, title)
print "Generate HTML Complete"
จากโค้ดข้างบนนี้จะทำการ
Generate HTML ออกมาให้เราเป็น
HTML จำนวน
3 ไฟล์โดยไฟล์จะมีชื่อเป็น
pro2_X.html โดย
X แทนหน้าของไฟล์
HTML โดยเริ่มจาก
0 ซึ่งจากตัวอย่างทำไว้เพียง
3 หน้า
โดยในโปรแกรมนี้ใช้การเก็บข้อมูลเป็น
list 2 อันคือ
1.body
2.title
โดยใน
body นั้นจะเป็น
list ที่เราใช้เก็บข้อมูลในส่วนของ
body ใน
HTML ซึ่งเป็นโค้ด
HTML ข้อความที่จะแสดงลิ้งค์ไปยังหน้าต่อ
/ ก่อนหน้า
และลิ้งค์ข้อมูลมาจาก Facebook
ส่วนใน
title นั้นจะเป็น
list ที่เก็บข้อมูลชื่อของ
title HTML ของแต่ละเพจโดยจะใช้
Index ของ
list ที่ตรงกันกับ
body เป็นตัวอ้างอิง
นอกจากนี้ยังมี Function อีกหนึ่งอันชื่อ make_html โดยต้องส่วง Arguments ไป 2 ตัวซึ่งประกอบด้วย mbody, mtitile ตามลำดับ ซึ่ง mbody ก็หมายถึง list ที่บรรจุ body เอาไว้ mtitle ก็หมายถึง list ที่บรรจุ title ไว้เช่นกันโดยใน Function นี้จะใช้ loop for โดยจำนวนรอบที่วน loop จะเป็นไปตามความยาวของ mtitle และใน loop แต่ละรอบจะทำการเปิดไฟล์และเขียนโค้ด HTML ลงไปในไฟล์นั้นโดยมีโครงร่างแบบเดียวกันต่างกันที่ body และ title ของการวน loop ในแต่ละครั้ง เมื่อทำการ สร้างไฟล์เสร็จ ก็จะแสดงผลทางหน้าจอว่า "Generate HTML Complete"
นอกจากนี้ยังมี Function อีกหนึ่งอันชื่อ make_html โดยต้องส่วง Arguments ไป 2 ตัวซึ่งประกอบด้วย mbody, mtitile ตามลำดับ ซึ่ง mbody ก็หมายถึง list ที่บรรจุ body เอาไว้ mtitle ก็หมายถึง list ที่บรรจุ title ไว้เช่นกันโดยใน Function นี้จะใช้ loop for โดยจำนวนรอบที่วน loop จะเป็นไปตามความยาวของ mtitle และใน loop แต่ละรอบจะทำการเปิดไฟล์และเขียนโค้ด HTML ลงไปในไฟล์นั้นโดยมีโครงร่างแบบเดียวกันต่างกันที่ body และ title ของการวน loop ในแต่ละครั้ง เมื่อทำการ สร้างไฟล์เสร็จ ก็จะแสดงผลทางหน้าจอว่า "Generate HTML Complete"
ซึ่งเราจะเห็นว่าเราสามารถเขียนโปรแกรมภาษา Python เพื่อสร้างไฟล์ HTML แบบ Static ขึ้นมาได้ผ่านคำสั่ง file ซึ่งเป็น API พื้นฐานของภาษา Python เองอยู่แล้วโดยรูปแบบคือการเขียนโค้ด HTML ไว้ในตัวแปรของ Python แล้วนำตัวแปรเหล่านั้นไปเขียนลงในไฟล์และเซฟออกมาเป็น Output สุดท้ายของเรา
โดยได้ศึกษาการเขียนโค้ด HTML จากเว็บ w3schools
ไม่มีความคิดเห็น:
แสดงความคิดเห็น