Copy of Module 3 HTML Assignment.docx (1)

pdf

School

Arizona State University *

*We aren’t endorsed by this school

Course

194

Subject

Computer Science

Date

Feb 20, 2024

Type

pdf

Pages

3

Uploaded by MinisterExplorationMouse17

Report
Name Tyrese Mosley HTML Assignment (Individual Assignment) (Adapted from code.org under Creative Commons license. https://studio.code.org/home) Overview In this assignment you will define a goal for your personal web page, then prepare to develop your page by designing it on paper, then try out your new HTML skills by developing the page, and then reflect on your process. Your page will show that you can… ❏ Design a page to reach a goal ❏ Use HTML to structure a site ❏ Write readable code Step 1: Define - State your Goal What personal value would you like to share with the world? I value growth and personal development because I believe that learning and improvement are key to living a fulfilling and meaningful life for anyone. Step 2: Prepare - Design your Page How can your web page design communicate your personal values? My web page design communicates my personal value “Growth” in many different ways like Visual design that can show the idea of growth or the tone of voice that shows progress, growth, and forward momentum that can help show growth. What content is important to include in your webpage? Some important things to add to my webpage content-wise would be personal stories that show how people achieve their goals in personal development to encourage others also gives a clear focus on growth that can show the importance of highlighting the benefits of personal growth like better happiness and relationships and resources that people can use to help thor personal growth journey like coaching, online courses, and different books. How should the content be organized so it is clear what is most important? The content would be organized from top to bottom to show what's the most important and what's the least important out of all the content on the page because I think people would be more interested in reading the top of the page and not reading all the way to the bottom of the website. What HTML tags will you need for your page (Note: You should use at least one link to an image (i.e., img tag), paragraph and heading tags, and have an ordered/unordered list)? 1
<!DOCTYPE html> <html> <head> <title>Growth and Personal Development</title> <style> /* Fonts */ body { font-family: Arial; font-size: 16px; } h1 { font-family: Montserrat; font-size: 36px; color: #3D569D; padding: 20px 0; text-align: center; } h2 { font-family: Montserrat; font-size: 24px; color: #4D67A4; padding: 20px 0; text-align: center; } </style> </head> <body> <div> <h1>Growth and Personal Development</h1> <p> Our journey in life is one of constant growth and development. At Growing Together.com, we believe that each of us has the potential to become a better version of ourselves, and we strive to help you reach that potential. </p> </div> <div> <img src="growth-image.jpg" alt="Image of someone climbing a mountain"> <p> Whether it's through self-reflection, goal-setting, or habit-building, we want to help you uncover your full potential and become the best version of yourself possible. We're here to support you every step of the way. </p> </div> <div> <h2>Tips for Personal Growth and Development</h2> <p> Here are a few of the many strategies we recommend for personal growth and development: </p> <ol> <li>Self-reflection</li> <li>Goal-setting</li> <li>Habit-building</li> <li>Continuous learning</li> Step 3: Create your Page Upload the file (name the file as <FirstName>_<LastName>.html https://codeprojects.org/projects/weblab/vJYbzf5m2A39-LQYMbmnnYflsVPc2yYbBtD3FFyDP8U Step 4: Reflect What is your favorite thing about your website? My Favorite part about my website would be the tips that I give about personal growth and development. 2
Rubric: Key Concept Extensive Evidence Convincing Evidence Limited Evidence No Evidence Using Computer Languages Website uses required and additional HTML tags. There are minimal syntax errors and the page renders correctly. All text in the page is contained inside elements. Website uses required HTML tags. The page renders correctly, but there are some syntax errors. Text is generally contained inside elements. Website uses some HTML paragraph or heading tags. Most of the page renders correctly, but there are significant syntax errors and some text may not be contained in elements. The website does not use HTML paragraph or heading tags. Syntax errors prevent the page from being rendered correctly. Some text is outside elements, and tags such as <html>, <head> and <body> may be missing. Creating a Digital Artifact Website uses HTML tags to format the page, in a logical way that is consistent with the plan in the assignment guide and helps the user understand the page. The website uses HTML tags to format the page in a way that is generally consistent with the plan in the project guide. The website uses HTML tags to format the page, but it may be different from the plan in the project guide. Website does not use HTML tags to format text. Debugging and Clean Code Code is consistently well formatted, with nested tags aligned vertically to make them easier to read. HTML code is generally well formatted using whitespace, though there may be some parts that are difficult to read. HTML code is sometimes formatted to be readable, but does not consistently use white space to organize tags. HTML code is not formatted in a readable way, makes little use of white space. 3
Your preview ends here
Eager to read complete document? Join bartleby learn and gain access to the full version
  • Access to all documents
  • Unlimited textbook solutions
  • 24/7 expert homework help

Related Documents

Vyas_Project3_Report.pdf
Screenshot 2024-02-08 172022.png
cpe-assign-2-cpe-answer-key (1).pdf
whx.py
Preassessment Grade.pdf
IMG_4308.png
Copy of Assignment_Internet Dilemmas.pdf
Copy of Module 3 HTML Assignment.docx (2).pdf
Copy of COGS9 Assignment 1.pdf
ECOR1041_C_Midterm_1.pdf
switch packet tracer.docx
Lab1 (1).pdf
Recommended textbooks for you
Text book image
Programming with Microsoft Visual Basic 2017
Computer Science
ISBN:9781337102124
Author:Diane Zak
Publisher:Cengage Learning
Text book image
Microsoft Windows 10 Comprehensive 2019
Computer Science
ISBN:9780357392607
Author:FREUND
Publisher:Cengage
Text book image
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L
Text book image
Microsoft Visual C#
Computer Science
ISBN:9781337102100
Author:Joyce, Farrell.
Publisher:Cengage Learning,
Text book image
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage
Text book image
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning
SEE MORE TEXTBOOKS
Recommended textbooks for you
Text book image
Programming with Microsoft Visual Basic 2017
Computer Science
ISBN:9781337102124
Author:Diane Zak
Publisher:Cengage Learning
Text book image
Microsoft Windows 10 Comprehensive 2019
Computer Science
ISBN:9780357392607
Author:FREUND
Publisher:Cengage
Text book image
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L
Text book image
Microsoft Visual C#
Computer Science
ISBN:9781337102100
Author:Joyce, Farrell.
Publisher:Cengage Learning,
Text book image
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage
Text book image
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning
SEE MORE TEXTBOOKS