ตัวอย่างของการออกแบบเว็บไซต์โรงเรียนเก่าคืออะไร? [ปิด]

ฉันต้องการสร้างเว็บไซต์สำหรับสิ่งย้อนยุคที่เป็นที่นิยมในช่วงกลางยุค 90 (จุดเริ่มต้นของอินเทอร์เน็ตเชิงพาณิชย์)

ดังนั้นฉันต้องการใช้การออกแบบเก่าที่เป็นที่นิยมมากในเวลานั้น

สิ่งแรกที่ฉันนึกถึงก็คืออunder constructionนิเมชั่น gif " " คนมักจะใส่ gif แบบเคลื่อนไหวได้ทุกที่

แต่ยังมีผู้ที่เกิดซ้ำอันยิ่งใหญ่ภูมิหลัง

ใช่ฉันต้องการให้เว็บไซต์ของฉันดูเหมือนว่าในช่วงกลางยุคเก้า;)

(โปรดแนะนำคุณสมบัติที่ใช้งานได้จริงฉันเดาว่าเมนู Java Applet ไม่สามารถใช้งานได้ในวันนี้หรือพูดที่ด้านล่างว่าเว็บไซต์นี้เหมาะสำหรับ Netscape 3)

แก้ไข : สำหรับผู้ที่ต้องการเห็นผลลัพธ์: Retrology

แล้วผลงานเกี่ยวกับสวนสนุกcss zen ของ Bruce Lawsonล่ะ?

"สไตล์" ของเว็บไซต์ตั้งแต่ต้นจนถึงกลางปี ​​90 นั้นเป็นเว็บไซต์ที่ไม่มีสไตล์ เป็นเรื่องธรรมดาที่จะประหยัดแบนด์วิดธ์รวมถึงข้อ จำกัด ทางเทคนิคของมาตรฐานเว็บ (หรือไม่มีเลย) ใช้รูปแบบดั้งเดิมของ Amazon (1995):

ไม่ต้องมีความฉูดฉาดและมีภาพเคลื่อนไหว GIF หรือสัญญาณที่อยู่ระหว่างการก่อสร้างจำนวนมาก (เป็นภาพที่เห็นได้ทั่วไป

อีกตัวอย่างที่ดีคือ Pets.com (1998-2000) ซึ่งได้รับรางวัลมากมายจากอุตสาหกรรมโฆษณาสำหรับการออกแบบเว็บไซต์ แต่ฉันไม่พบภาพหน้าจอของมัน

อย่างไรก็ตามแม้ว่าส่วนใหญ่จะถือว่าการออกแบบไม่ดีวันนี้ยังมีทั้งการออกแบบเว็บที่ดีและไม่ดี 90s ตัวอย่างเช่นพื้นหลังสีเทาสวย "ย้อนยุค" เช่นเดียวกับจานสี 256 สีเว็บกราฟิกแบบคลิปอาร์ต 90s และใบหน้าประเภท Times New Roman เฟรมเป็นนักเลงที่ดีเช่นเดียวกับลิงค์ของโกเฟอร์และตัวนับจำนวนเยี่ยมชม แต่สิ่งต่าง ๆ เช่นเพลงพื้นหลัง midi สี clash day-glo สต็อกเคลื่อนไหว -GIF ฯลฯ เป็นลักษณะของการออกแบบที่แย่กว่าการออกแบบเว็บทั่วไป 90s

คุณสามารถดูที่หน้าบ้านของฉันฉันทำมันขึ้นมากในช่วงกลาง 90s ใช้ท้ายกระดาษ HR แบบเก่าพร้อมอัปเดตล่าสุดเป็นสิ่งที่ดีเบราว์เซอร์พื้นหลังสีเทาที่เคยใช้เป็นค่าเริ่มต้น ไอคอนเบราว์เซอร์แบบเก่า GIF แบบเคลื่อนไหวเป็นนวนิยายและอยู่รอบตัว

โดยพื้นฐานแล้วคิดว่า: geocities / angelfire

หากคุณวางแผนที่จะทำเรื่อง "หน้าแรกส่วนตัว" ให้ลืมเกี่ยวกับการใช้งานสไตล์ "cascading style sheets" อันหรูหราเหล่านี้ - คุณไม่จำเป็นต้องใช้มัน

เปิดโปรแกรมแก้ไข WYSIWYG ที่คุณชื่นชอบ (Microsoft Word จะทำในสิ่งที่หยิก) และรวบรวมบางสิ่งบางอย่างด้วยข้อความที่มีสีสันมากมายและการใช้แบบอักษรที่กล้าหาญ (เมื่อมีข้อสงสัยไปกับ Comic Sans)

อย่าลืมใช้กราฟิกที่มี"จานสีปลอดภัยของเว็บ"และใช่คุณจะต้องมีภาพเคลื่อนไหว. GIF จำนวนมาก

หากคุณต้องการตัวอย่างบางส่วนของวิธีการที่ธุรกิจเว็บไซต์มอง แต่คุณอาจจะดีกว่าการเลือกชื่อไม่กี่แบรนด์ที่ยังคงมีอยู่ในวันนี้และเยี่ยมชมเครื่อง Wayback

เว็บไซต์แรกที่มาถึงใจของฉันคือhttp://webpagesthatsuck.com/

ดูเป็นหมวดหมู่โรงเรียนเก่า อย่างไรก็ตามไซต์นี้ยอดเยี่ยมตามข้อเสนอของ: เรียนรู้การออกแบบผ่านสิ่งที่ไม่ได้ทำตัวอย่าง

• รูปภาพของเจ้าของเว็บไซต์
• ภายใต้การสร้างภาพเคลื่อนไหว gif
• ตัวนับ Hit ที่มองเห็นได้
• ตารางที่มองเห็นได้
• พื้นหลังซ้ำ
• รูปแบบตัวอักษร monospace
• ลิงค์สีทั่วไป (น้ำเงินม่วงแดง)
• เมนูแบบเลื่อนลง
• ทำให้แต่ละรายการเมนูมีสีแตกต่างกัน
• สัญลักษณ์แสดงหัวข้อย่อย
• "คลิกที่นี่!" - ลิงก์
• ภาพตัดปะ
• เพลงพื้นหลัง
• เลย์เอาต์ที่แปลกประหลาด (ทุกอย่างอยู่ห่างกัน / มีขนาดเท่ากัน)
• แบบอักษร Times New Roman
• การไล่ระดับสีหนักเกือบประสาทหลอน
• เส้นขอบรอบ ๆ ภาพ
• ทุกสิ่งทางภูมิศาสตร์โดยทั่วไป

โอ้คุณเพิ่งจะรัก นี้

ใช้เครื่อง Wayback อินเทอร์เน็ตที่http://archive.org/web/web.php คุณสามารถค้นหาไซต์ใด ๆ และดูลำดับเวลาของการพัฒนาในช่วงหลายปีที่ผ่านมา ตัวอย่างคลาสสิกแน่นอนว่าจะเป็น Yahoo, Google และอื่น ๆ แต่คุณสามารถเลือกบล็อกอย่าง Scobelizer และดูว่ามันมีวิวัฒนาการอย่างไร

หากคุณทราบเหตุการณ์สำคัญในประวัติเบราว์เซอร์ของคุณ (Netscape, IE 5, Mozilla, Firefox, Chrome, webkit) คุณสามารถดูวันที่เหล่านั้นและดูว่าเว็บไซต์มีวิวัฒนาการมาอย่างไรเพื่อรับฟังก์ชั่นใหม่

มีบางสิ่งที่ฉันจำได้:

• ส่วนใหญ่มักจะใช้การออกแบบกรอบ
• This page has been visited xxx timesพวกเขามักจะมีเคาน์เตอร์ที่จะบอกคุณ
• พวกเขาดูเหมือนหน้า Geocities

สำหรับจุดสุดท้าย Geocities ไม่มีอยู่อีกต่อไป แต่เป็นเว็บไซต์ที่ให้บริการพื้นที่เนื้อหาทางภูมิศาสตร์อีกครั้ง คุณอาจต้องการดูความคิดเพิ่มเติมสำหรับพวกเขา

• http://www.geocities.ws/search/local/ (คุณสามารถค้นหาด้วยอันนั้น)
• http://www.reocities.com/neighborhoods/
• http://www.geociti.es/neighborhoods.html
• http://www.oocities.org/

ใช้แบบอักษร Courier มันสะท้อนความจริงของปี 1950 แต่มันให้ความรู้สึกแก่

น่าสนใจฉันคิดว่าคุณสามารถบรรลุวัตถุประสงค์ของคุณได้โดยไม่ต้องตั้งใจถ่ายทำสิ่งที่น่าเกลียดเหมือนรถคลาสสิคที่ไม่ใช่ Pinto มันไม่ได้ดีเท่ากับของใหม่ แต่คุณสามารถชื่นชมมันได้ในบริบทของวัน

บางสิ่งที่ฉันจำได้:

• ลิงค์จะต้องขีดเส้นใต้สีน้ำเงิน เยี่ยมชมเป็นสีม่วง (ยังคงแพร่หลาย)

• พื้นหลังสีเทาเป็นสิ่งจำเป็น

• เฟรมเป็นเรื่องธรรมดามากตามที่ได้กล่าวไปแล้ว

• ติดต่อเรามักจะมีซองจดหมายเคลื่อนไหว

คุณลืมว่าคุณควรมีหน้า Landing Page ซึ่งคุณจะต้องเลือกระหว่าง "ดูไซต์ที่มีเฟรม" หรือ "ดูไซต์ที่ไม่มีเฟรม"!

ทำให้ภาพความละเอียดต่ำเหล่านั้นทำจาก MSPaint หรืออะไรบางอย่าง! แถบด้านข้างที่มีการไล่ระดับสีที่มีความละเอียดต่ำก็ใช้ได้เช่นกัน! สีสันสดใสที่น่ารำคาญรวมไปถึง gif ที่กระพริบมากมายด้วยการพัฒนาที่ช้ามากและโฆษณาที่วนลูปจะต้องตะโกนว่า "internet @ 90's" อย่างแน่นอน ว้าวฉันรู้สึกถึงความคิดถึงเกี่ยวกับวันเก่า ๆ หลังจากดูลิงก์ของปิแอร์ ฉันสงสัยว่ามันจะเป็นอย่างไรถ้าหนึ่งในเว็บไซต์เครือข่ายสังคมยอดนิยมที่ได้รับการพัฒนาในช่วงยุค 90 ลองนึกภาพ FB ดูเหมือนเว็บไซต์จาก geocities LOL

อย่าลืมมีจาวาสคริปต์บางอย่างที่ติดตามเคอร์เซอร์ บางทีดวงตาคู่หนึ่งเกล็ดหิมะบางอย่าง

และเป็นช่วงเวลาที่มีการเล่นไฟล์ MIDI โดยอัตโนมัติหรือไม่