This Week’s Top Interest
I found the discussion about AI advancements during the current events to be the most interesting this week. One of the most enjoyable parts of this week was watching my website be built from scratch in real time.
Although I have always found advancements in technology to be challenging, I think the root issue is that I don’t like having to forget the old and submit to new changes. I don’t have issues with adapting, my frustration is when updated technology is being forced. Why can’t people who enjoy their Samsung Galaxy S23+ or iPhone 14 maintain them? It’s like a new phone comes out before you can finish paying for the last version. Oftentimes, their so-called upgrades are downgrades because they remove cool features such as the ability to add additional storage via an SD card or the capability of customizing your text backgrounds and alert tones.
I believe this is an issue across the board with TVs, vehicles, cellphones, computers, etc.; many people are being forced into upgrades that we didn’t ask for and/or that don’t serve us efficiently. So, to be able to take on something that causes literal tension in my body at the thought of having to complete daunting tasks, I suppose out of fear that it’s too hard, it was very satisfying, especially being able to use my notes and other resources to play around with my practice website via the Visual Studio Code app.
Outside of this being an overload of information that sometimes doesn’t seem to overlap (ex. Some lecture materials weren’t in the topic of the same name when taking notes while working in Codecademy), I believe the most challenging part was figuring out how to create the CSS file so that I could begin styling my mock website and playing around with the codes that I learned while practicing in Codecademy.
I also think it’s difficult to recall all the codes and even when referring back to the notes, it gets a bit confusing knowing what only goes in CSS versus the HTML because of things like setting the width and height; to me, that’s a styling edit, so, when I was trying to adjust my image, I did get a bit confused as to where to make that adjustment. I think having a set of standard dimensions that look great on certain designs would be pretty awesome and would save lots of time.
To solve some of the challenges I faced this week, I did a quick Google search, which directed me to sites like w3schools.com and openclassrooms.com that featured tutorials and quick guides for coding your website in HTML and CSS.
Creating a Mock Website:
- Create and name a new folder in your computer.
- Open the Visual Studio Code app.
- Drag your new folder into the app.
- Select the icon to create a new file and title that file index.html.
- Repeat that step and title the second file styles.css.
- In the index.html file, on the 1st line, type html:5 and select it to generate your skeleton code.
- Establish a name and place that between the <title> </title> tag.
- In the parent body tag, you will establish your children tags: h1, h2, p, ul, img, video, etc.; you can use the place holder “…” or generate “lorem” then replace as you determine what you want to show in its place.
- With each tag and attribute, you would save and two-finger-click to view live and watch as you build your site.
- In the CSS, you would add the appropriate codes to change the color, size, and position of the details in your HTML.