2. Create Online Resume and Professional Website

Topics and Notes

1. Getting started with HTML
• a. HTML Editors: RStudio, Notepad, Notepad++, Brackets, etc. WEB LINK to Brackets
• b. Preview of HTML IMAGE LINK
• c. HTML Color Codes WEB LINK
2. Elements and template of a simple web page.
• a. Basic HTML Tags CHEAT SHEET
• b. HTML page structure IMAGE LINK
• c. A Simplest HTML Template. IMAGE LINK
3. Webpage design: cascading style sheet (CSS) [Optional].
• a. Inline, internal, and external CSS
• b. CSS Tutorial WEB LINK
• c. CSS in R Markdown SCREENSHOT
• d. CSS in an editor such as Brackets SCREENSHOT
4. Organize web page contents with HTML tables
• a. Simple HTML table structure: size, layout, borders, background, etc WEB LINK
• b. Nested Tables IMAGE LINK
5. Set up static professional webpages/online CV on the GitHub

5.1. A Simple Version

• a. The layout of a simple web page / online CV IMAGE LINK
• b. HTML Source of the above sample layout HTML SOURCE IN TXT HTML WEB PAGE

5.2. A Better Version

• a. The layout of a better web page / online CV IMAGE LINK
• b. HTML Source of the above sample layout HTML SOURCE with RM HTML WEB PAGE

5.3. Set up the web page on GitHub

• a. GitHub wbe page file structure IMAGE LINK
• b. Web page configuration CONFIGURATION STEPS

5.4. AI Generated Web Page Templates

• a. ChapGPT Version Web Page Link
• b. Golden Ram Image JPG Format
• c. Instructions for AI to generate webpage Web Page Link

Assignments

• 1. Create your personal webpage/online CV that meets the following requirements:
1. a. Neat and organized layout: Internal CSS manages overall design.
2. b. Internal CSS: Styles for elements like body, ul, table, etc.
3. c. Inline CSS: Used to decorate the table background with background-color.
4. d. Icons and Images: Added example tags for icons.
5. e. Project links: Four sample links to project reports with meaningful names.
• 2. Publish your resume/online CV on GitHub and submit the link to D2L Dropbox.
• 3. Due: Tuesday, 2/4.