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 on the same topic).
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 on 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 first line, type html:5 and select it to generate your skeleton code.
- Establish a name and place that between the <title> </title> tags.
- In the parent body tag, you will establish your children tags: h1, h2, p, ul, img, video, etc.; you can use the placeholder “…” 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.
Leave a Reply