Web Dev Boot Camp Week 9

 Hello and welcome everyone! This is going to be my 9th week experience about CSS and working with divs! 


    
    In this snippet I am showing my IDE code snippet and in line <10> you can see where it labels "<div...>". In this body of code going through line 17 and 19-22, I have the "src=..." syntax to direct where our div key words are going to locate the images for our body reserved for special photos or sections on a web page. 

    Everything in HTML for websites is actually composed of a plethora of different color boxes with different outlines and can take up the entire width of our "blank space"; meaning if I want to include like a picture of a cloud into my page and maybe place it on top of text in a certain location or to the left of a headline, then I need to manipulate the blank space and edit the settings of the default components.
 

As you can see from the first div snippet I've shown above; there is a simple part on the website which shows a light blue colored box that has 3 different segments broken down to it if we inspect elements on the page using one of our provided resource extensions. 

    Angela Yu, the instructor for this course had explained that our "divs" can be broken into sections and labeled for controlled experimenting. Keeping this new tool basic, we used default color gradients and created colored boxes to show in the "top-container" and "middle-container". 


    Now here is the display when I move around the src images and change the default setting on the boxes taking up space in our original document. I really liked the mountain pic in this spot and am going to implement it later into my own digital website for presentation. 


For now this is what I have to report on how Divs change the game in HTML, Inline CSS, and blank space manipulation. 

Comments

Post a Comment

Popular posts from this blog

Web Dev Boot Camp week 2

Image
Week 2          Reporting back on my week 2 progress with The Complete 2022 Web Dev Bootcamp experience, I would say it fell nothing short of a grand sucess! Within my first couple of hours from being walked through step by step and explanation of how to stay engaged in the course by Dr. Angela Yu, I was able to learn about the creativity allowed within HTML as the first intro language.     HTML is referenced as a building structure language in the first few modules of the camp; essentially meaning it's the organizer and structure factor into building websites or organizing the layout. Getting further into the module's videos, Angela explains that more adjustments are allowed in the languages to come like JavaScript and CSS which I will learn later in the semester. These allow changing colors, fonts, hyperlinks, functionality, and operation within our websites to make them more appealing for user's access.         ...
Read more

Web Dev Boot Camp Week 8

Image
         Hello and Welcome to my Full-Stack Web Dev Boot Camp Week 8! This week I made some really interesting progress on downloading extensions for chrome to see how compiling is done through natural HTML Hierarchy. Last week was just a fill in on how much effort is done when looking at debugging with CSS. After spending a few hours on going through each pathway in every single one of my HTML files so they follow the same href syntax and that all my style sheets were being applied; it turned out that I had to go through every single fille I have created thus fur and override the default "background" syntax that HTML automatically places into the files, but they're placed discretely. Now for starters I have made pretty much asthetic adjustments and will be making some major additions next week as we step into intermediate CSS programming. I will be learning how to implement classes, selectors, and Identifiers!           As you...
Read more