Description
Create your personal homepage
Create your personal homepage (file should be named index.html) and upload it to utdallas.edu. Instructions for uploading process are provided below.
The web page should contain legitimate information about you (background information, hobbies, interests etc.) and should not contain any HTML code that is generated by a web design tool (Dreamweaver etc.)
- In your page’s HTML, make sure to include following elements:
- <img> : On your home page include your profile picture and float it to the left. (in the middle part where you see Welcome heading)
- <meta> for description of your web page
- <meta> for the keywords associated with your page
- favorites icon (“favicon”)
- Use Bootstrap for creating the layout given in below picture. In the header section, you will have menu items Home, About, Projects and Contact. (You can omit Logo and Login)
- For style of your page, use an external css file (filename: index.css) and define your style sheet rules within that file.
- Links on the top menu should take the user to the corresponding section within the same page. Links on the left can be to external websites (i.e. twitter, linkedin)
- You can have any content on the right panel.
NOTES:
- You can use colors of your choice for your home page. For different color schemes, check following link: https://www.canva.com/learn/website-color-schemes/
- Your page will not be tested on Microsoft Internet Explorer or other browsers that do not comply with the web standards. It will be only tested on latest versions of Google Chrome.
- For full credit, your pages must pass the W3C HTML validator with no errors (a green bar). Choose appropriate HTML tags to match the structure of the content on the page. Do not express style information in HTML with inline styles or presentational HTML tags such as b or font.
Use following site for validation of your pages:
http://validator.w3.org/ (for HTML)
Instructions for setting up a web page
You can find instructions for setting up your home page here:
http://www.utdallas.edu/ir/howto/personal-webpage/
For issuing makeweb command (this command will create the public_html folder under your account), you can use Mac Terminal instead of putty. Type following command on Mac Terminal to connect to giant.utdallas.edu:
ssh -l yournetid giant.utdallas.edu
Once you get connected, type makeweb and hit enter.
Submission:
- Zip your index.html, index.css and screenshot of your html page into a zip file and send it through eLearning. Name the zip file as “HW1-yournetid.zip”.
- Upload your index.html, index.css and image files (favicon and profile picture) to UTD web server. TA will check your pages on UTD web server by visiting http://www.utdallas.edu/~yournetid.
Your submission on eLearning will only be used for validation purposes.