README: Personal Webpage Template

Overview

This template provides a simple and customizable personal webpage design for graduate research students and faculty members. It includes an index.html file for structure and a style.css file for styling.

Instructions

1. Files Included

index.html: The main HTML file for your webpage structure.
style.css: CSS file for styling and layout customization.
readme.html: This instruction file.

2. How to Use

Download and extract the ZIP file.
Open index.html in a text editor (e.g., VS Code, Notepad++, Sublime Text).
Replace placeholder content like [Your Name], [Your Department], and [Your Contact] with your own information.
Edit style.css to customize fonts, colors, and layout if needed.
Save your changes and test the file in a browser by double-clicking index.html.

3. Uploading to CSU Server

Connect to CSU’s network using GlobalProtect VPN.
Map your network drive following these instructions.
Upload the files to your public_html folder on the mapped drive.
Access your page at: http://www.engr.colostate.edu/~yourusername/

4. Example Code

Sample HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Your Name | Personal Webpage</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header><h1>Your Name</h1></header>
    <main>
        <h2>About Me</h2>
        <p>Welcome to my personal webpage!</p>
    </main>
    <footer>© 2024 Your Name</footer>
</body>
</html>

5. Customization

Update colors, fonts, and spacing in style.css.
Add new sections like “Projects” or “Blog” in index.html.
Link additional pages by creating more HTML files (e.g., research.html) and adding links in the navigation menu.

Support

If you encounter technical issues, please contact Engineering Technology Services (ETS).

License

This template is licensed under the Creative Commons Attribution 4.0 International License. Feel free to use, modify, and share with proper attribution.