Skip to content

Latest commit

 

History

History
156 lines (86 loc) · 3.1 KB

development-strategy.md

File metadata and controls

156 lines (86 loc) · 3.1 KB

All about trees


WIREFRAME

wireframe

0.Setup

  • Create github account
  • Create a repository
  • Clone a repository and start editing
  • Create a board project
  • download vscode & install sorce
  • Have a git version on your computer
  • css file & html file

1. All about trees

Site Title

assign to Elnura

"as a user I can read the title of the page"

The site needs a clear title that's easy to read at the top of the page.

  • there is a prominent title at the top of the web page

Site Title: HTML

assign to Elnura

  • Header <h1> with the web site's title

Site Title: CSS

  • styling to center the title text-align: center

navigation section

assign to Galal

  • <nav>
  • href link <a>

Introduction of about, home & content

assign to Galal

"As a user I can read an introduction to this project"

It should be clear what this project is for and what someone can expect from the web page.

  • there is a section directly under the navbar describing the project's goals

Introduction: HTML

assign to Galal

  • a section with some general information about the project and helpful links

Introduction: CSS

assign to Galal

  • styling to make the text look fancy

Main Info

assign to Bibha

"As a user I can learn about trees"

There should be enough information that the user can learn the basics about trees.

  • there is a main text in the page with helpful info and links

Main Info: HTML

assign to Bibha

  • Main text: a section with some general information about the project
  • Extra Info Links: a list of links

Main Info: CSS

assign to Bibha

  • style the text
  • styling to format the list

Extra Info

assign to Nashmia

"As a user I can learn even more about trees"

Some more links for students who want to go beyond the basics.

  • there is an aside with links for further reading

Extra Info: HTML

assign to Nashmia

  • An aside with links for digging deeper, some helpful text and a reference link

Extra Info: CSS

assign to Nashmia

  • styling to position the aside
  • styling to style the text

section List

assign to Nashmia

HTML

<li>

CSS


footer

assign to Valeriya

  • The <footer>

  • important links to reach to team

  • information related to the content in that section.

Footer HTML

assign to Valeriya

<footer>

footer CSS

assign to Valeriya