diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e535..1a3e79b34 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -1,33 +1,92 @@ - - - - Wireframe - - - -
-

Wireframe

-

- This is the default, provided code and no changes have been made yet. -

-
-
-
- -

Title

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, - voluptates. Quisquam, voluptates. -

- Read more -
-
- - - + + + + + My Wireframe Design + + + + + + +
+

Basics of Web Development Designs

+

README files, wireframes, and Git branches explained clearly

+
+ + +
+ readme diagram +
+ + +
+

What is the purpose of a README file?

+

A README file explains what a project is, how it works, and how to use it. It usually includes + installation + steps, usage instructions, and important notes. The purpose is to help anyone understand the project quickly + without reading the entire codebase. + A README.md is an important document in a repository that introduces the project and explains its purpose, setup, + and usage to help users and developers understand and contribute to it. + Uses Markdown (.md) for formatted documentation and is usually the first file users read in a project. + Provides a project overview, installation instructions, configuration details, and usage examples such as code or + command-line commands. + May include license information, contributor credits, and appears well-formatted on platforms like GitHub. + A README file is meant to act as the front door to a project, giving anyone who encounters it a clear and + immediate understanding of what the project is about and how to interact with it. It explains the project’s + purpose, its goals, and the problems it aims to solve, while also guiding users through installation, usage, and + any important requirements. A strong README also helps future contributors by documenting decisions, structure, + and expectations, making collaboration smoother and reducing confusion. It becomes a reference point that keeps + the project understandable even months or years later, ensuring that the work remains accessible not only to + others but also to the original creator when returning after a long break. +

+

+ More on README Files +
+ + +
+ +
+ wireframe diagram +

What is the purpose of a wireframe?

+

A wireframe is a simple visual layout that shows the structure of a webpage before design or + coding begins. It helps developers and designers plan where elements should go and how the page should flow.

+ More on Wireframing +
+ + +
+ git branching diagram +

What is the reason behind having a branch in Git?

+

A Git branch is a separate version of your project where you can work on new features without + affecting the + main code. Branches allow safe experimentation and make collaboration easier. Therefore.

+ More on Git Branching +
+ +
+ + + + + \ No newline at end of file diff --git a/Wireframe/style.css b/Wireframe/style.css index aca09e1cc..d016b297a 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -1,8 +1,198 @@ -/* - (Suggestion) Use a top-down approach when applying CSS: - 1. Lay out the top-level elements:
,
,