Posts

Basic Web Page - phase 1

By on
Objective: -learn how to set up browser and editor for coding (to view window on both sides, let first window be active, hold down window key + right or left arrow) -learn the basic structure of html -learn structure of project files -learn tags like h1-h6, p, a, img, ul, ol, hr, br -learn css selectors class (dot), id (hash symbol) NB: At least, one of your project files must have index.html -to go on multiple pages, create the file name for index.html, services.html, about.html, contact.html -paste the same code of index.html into other files, then edit the content you want it to have Basic structure of HTML < !DOCTYPE  html > < html > < head > < title > Page Title < /title > < /head > < body > < h1 > My First Heading < /h1 > < p > My first paragraph. < /p > < /body > < /html >  <html>     <head> <title> Intro to Web Design</title> <!--<link rel="stylesheet" href=&quo
Post a Comment
Read more
By on
Image
 ADDING FILES TO YOUR GITHUB ACCOUNT & Inspect Element & Export SQL file from XAMPP sign into your github account create a new repository give it a name of your choice click create repository ensure you are in the project folder directory for quick access; copy the folder on the desktop open git bash terminal cd desktop cd folder-name (cd whitepace-academy) HANDLE few git commands type:: git init (a git folder is created in your project folder) type:: git add . (add the period sign) type:: git config --global user.email "ajalabamise@gmail.com" type:: git config --global user.name "ajalabamise" type:: git commit -m "initial commit"  (it shows all your folder files) CONNECT your local github folder in your github repository copy and paste the code below from your github repo into your git terminal and press enter key git remote add origin https://github.com/ajalabamise/my-web-dev-tutorial.git UPLOAD the files to github repo git push -u or
Post a Comment
Read more
By on
Image
 CGPA CALCULATOR & BASIC HTML WEB DEV PROJECT Introduction: In this cgpa calculator, user will enter the gp for each semester, then click on the submit button to see the cgpa user can also click the reset button to begin a new input for calculation In this mini project we will be using HTML CSS JAVASCRIPT to develop a cgpa calculator NB:   With a querySelector statement, you can select an element based on a CSS selector. This means you can select elements by ID, class, or any other type of selector. Using the getElementById method, you can only select an element by its ID. Generally, you should opt for the selector that most clearly gets the job done. PHASE 1a:  PROTOTYPE (final product) PHASE 1b:  PROTOTYPE (rought sketch) Let's sketch with our hand how the cgpa calculator will look like PHASE 2: Html (for structuring the webpage content) Shortcut for div and class for css: type dot followed by the name you want e.g .cgpatitle Shortcut for div and id for css: type ha
Post a Comment
Read more