# MyWeb Tutorials: File Manager & HTML page
In this tutorial, we will create a simple HTML page and navigate through the website's files.
##### **Accessing the File Manager**
- Log in to [MyWeb](https://www.myweb.cs.uwindsor.ca/) (DirectAdmin)
- From the main dashboard, click File Manager[](https://help.cs.uwindsor.ca/uploads/images/gallery/2026-02/Vjdimage.png)
- You will see a directory tree showing files and folders associated with your account
[](https://help.cs.uwindsor.ca/uploads/images/gallery/2026-02/cH3image.png)
##### **Understanding the File Structure**
Your account contains several folders. The most important ones are:
**📁 public\_html (Most Important)**
- This is the **web root**
- Any file placed here is accessible through your website
- Example:
- public\_html/index.html → [https://yourusername.myweb.cs.uwindsor.ca](https://yourusername.myweb.cs.uwindsor.ca)
This is where your website files go
**📁 public\_ftp**
- Used for **FTP access**
- Typically not used unless you connect using an FTP client
- Does **not automatically publish files to the web**
**📁 Other folders you may see**
- logs – Website access/error logs
- domains – Used when multiple domains/subdomains exist
- System folders – Should not be modified
*Do not delete folders unless instructed*
##### **Creating or Uploading Files**
Inside **public\_html**, you can:
- Upload files (HTML, PHP, images, CSS, JS)
- Create new files
- Create subfolders (e.g., images, css, js)
Example structure:
```
public_html/
├── index.html
├── about.html
├── css/
│ └── style.css
├── images/
│ └── logo.png
```
##### **Website Entry (Starting) Files**
When someone visits your website, the web server looks for **default index files**.
**Common starting files:**
- index.html
- index.php
*If both index.html and index.php exist, index.html will win and load first*
##### **When to Use HTML vs PHP**
**Use HTML (.html) when:**
- Your site is static
- No database or server logic is needed
- You are learning basic web structure
**Use PHP (.php) when:**
- You need server-side logic
- You connect to a database
- You process forms or user input
##### **Quick Tips & Common Mistakes**
✔ Always place website files in **public\_html**
✔ File names are **case-sensitive** (Index.html ≠ index.html)
✔ One index file per folder is enough
❌ Don’t delete system folders
❌ Don’t expect files outside public\_html to be public
---
##### **Create Your first HTML page**
- From "File Manager", go to "public\_html"
- *Optional*: backup your current index.html file (rename it to index.html-backup)
[](https://help.cs.uwindsor.ca/uploads/images/gallery/2026-02/y0Iimage.png)
- Create a new file index.html
[](https://help.cs.uwindsor.ca/uploads/images/gallery/2026-02/O2gimage.png)
- Right-click on the newly created index.html file and select "Edit"
[](https://help.cs.uwindsor.ca/uploads/images/gallery/2026-02/SqVimage.png)
- In the new page, place your code, or optionally, copy the following code:
```html
Your Name - Personal Site
Hello, I'm [Your Name]
Welcome to my personal website!
I am a student at School of Computer Science at the University of Windsor, and you can learn more about me on this page.
Interests
- Coding
- Design
- [Your Other Interest]
Contact
You can reach me via email at [your email address].
```
- Then "Save" the page and your refresh your website at [https://yourusername.myweb.cs.uwindsor.ca](https://yourusername.myweb.cs.uwindsor.ca)
Congratulations! You created your first website :)