Make overview pages of modules consistent

[glmvc]

Summary

made overview pages of modules in the learning area and the references more consistent:

• the word "Web" is most of the time written uppercase in the context of "the Web" - so i changed the lowercase ones across the articles
• renaming the "Conclusion" sections in the Complete Beginner's Guide articles to "Summary" - like it's in the other modules of the learning area
• making "In this module" sections uniform
  • there was a discussion Update index.md where an assessment page is restructured correctly (v2) #13781 where linking to the current page is giving a flaw and it shouldn't be done
  • but due to the fact that it was done like this almost everywhere - i also adapted it like this in a few places
  • i thought that would make it easier to fix the problem overall and result in fewer edge cases...
• add CSS layout cookbook to "See also" section of learn CSS layout

Motivation

-> to keep things consistent
I have done this "consistency changes" now a few times in prs and it was always appreciated

Metadata

• Adds a new document
• Rewrites (or significantly expands) a document
• Fixes a typo, bug, or other error

[github-actions]

Preview URLs

• https://pr15315.content.dev.mdn.mozit.cloud/en-US/docs/Learn/CSS/CSS_layout
• https://pr15315.content.dev.mdn.mozit.cloud/en-US/docs/Learn/Front-end_web_developer
• https://pr15315.content.dev.mdn.mozit.cloud/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics
• https://pr15315.content.dev.mdn.mozit.cloud/en-US/docs/Learn/Getting_started_with_the_web/How_the_Web_works
• https://pr15315.content.dev.mdn.mozit.cloud/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics
• https://pr15315.content.dev.mdn.mozit.cloud/en-US/docs/Learn/Getting_started_with_the_web
• https://pr15315.content.dev.mdn.mozit.cloud/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started
• https://pr15315.content.dev.mdn.mozit.cloud/en-US/docs/Learn/HTML/Multimedia_and_embedding/Adding_vector_graphics_to_the_Web
• https://pr15315.content.dev.mdn.mozit.cloud/en-US/docs/Learn/HTML/Multimedia_and_embedding
• https://pr15315.content.dev.mdn.mozit.cloud/en-US/docs/Learn/HTML
• https://pr15315.content.dev.mdn.mozit.cloud/en-US/docs/Web/CSS
• https://pr15315.content.dev.mdn.mozit.cloud/en-US/docs/Web/HTML

Flaws

Note! 7 documents with no flaws that don't need to be listed. 🎉

URL: /en-US/docs/Learn/HTML/Multimedia_and_embedding/Adding_vector_graphics_to_the_Web
Title: Adding vector graphics to the web
on GitHub
Flaw count: 1

• broken_links:
  • Link points to the page it's already on

---

URL: /en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started
Title: Getting started with HTML
on GitHub
Flaw count: 1

• broken_links:
  • Link points to the page it's already on

---

URL: /en-US/docs/Learn/Getting_started_with_the_web/How_the_Web_works
Title: How the web works
on GitHub
Flaw count: 1

• broken_links:
  • Link points to the page it's already on

---

URL: /en-US/docs/Learn/Getting_started_with_the_web/CSS_basics
Title: CSS basics
on GitHub
Flaw count: 3

• macros:
  • /en-US/docs/Web/HTML/Element/h1 redirects to /en-US/docs/Web/HTML/Element/Heading_Elements
  • /en-US/docs/Web/HTML/Element/h1 redirects to /en-US/docs/Web/HTML/Element/Heading_Elements
• broken_links:
  • Link points to the page it's already on

---

URL: /en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics
Title: JavaScript basics
on GitHub
Flaw count: 1

• broken_links:
  • Link points to the page it's already on

External URLs

URL: /en-US/docs/Learn/HTML
Title: Structuring the web with HTML
on GitHub

No new external URLs

---

URL: /en-US/docs/Learn/HTML/Multimedia_and_embedding
Title: Multimedia and embedding
on GitHub

No new external URLs

---

URL: /en-US/docs/Learn/HTML/Multimedia_and_embedding/Adding_vector_graphics_to_the_Web
Title: Adding vector graphics to the web
on GitHub

No new external URLs

---

URL: /en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started
Title: Getting started with HTML
on GitHub

No new external URLs

---

URL: /en-US/docs/Learn/Front-end_web_developer
Title: Front-end web developer
on GitHub

• https://discourse.mozilla.org/c/mdn/learn/250 (1 time) (Note! This may be a new URL 👀)

---

URL: /en-US/docs/Learn/Getting_started_with_the_web
Title: Getting started with the web
on GitHub

No new external URLs

---

URL: /en-US/docs/Learn/Getting_started_with_the_web/How_the_Web_works
Title: How the web works
on GitHub

No new external URLs

---

URL: /en-US/docs/Learn/Getting_started_with_the_web/CSS_basics
Title: CSS basics
on GitHub

No new external URLs

---

URL: /en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics
Title: JavaScript basics
on GitHub

• https://www.codecademy.com/resources/blog/your-guide-to-semicolons-in-javascript/ (1 time) (Note! This may be a new URL 👀)

---

URL: /en-US/docs/Learn/CSS/CSS_layout
Title: CSS layout
on GitHub

No new external URLs

---

URL: /en-US/docs/Web/HTML
Title: HTML: HyperText Markup Language
on GitHub

No new external URLs

---

URL: /en-US/docs/Web/CSS
Title: CSS: Cascading Style Sheets
on GitHub

• https://www.w3.org/Style/CSS/ (1 time) (Note! This may be a new URL 👀)

(this comment was updated 2022-04-29 19:46:29.475391)

[dipikabh]

Hello @glmvc, thanks for the PR. I'm afraid the "web" to "Web" change is not correct. Check this: https://developer.mozilla.org/en-US/docs/MDN/Guidelines/Writing_style_guide#capitalization.
Also because we follow sentence casing in headings: https://developer.mozilla.org/en-US/docs/MDN/Guidelines/Writing_style_guide#page_titles

I'll review the other changes shortly.

[dipikabh]

• renaming the "Conclusion" sections in the Complete Beginner's Guide articles to "Summary" - like it's in the other modules of the learning area

I think it is better to leave the section headings as "Conclusion" in Getting started with the Web. If you notice, the "Conclusion" section only exists on the "HTML basics", "CSS basics", and "Javascript basics" pages and the content of these sections is very different from the "Summary" sections in the other modules of the learning area. In fact, changing those "Conclusion" headings to "Summary" might almost be incorrect because we're not technically summarizing the concepts covered on the page, just concluding with the resultant web page after following the instructions.

[glmvc]

@dipikabh Thank you for reviewing this pr and helping out!

I'm afraid the "web" to "Web" change is not correct. ...

Also thanks for referring to the writing style guides - I somehow did not get the idea to check there before making changes - I am very sorry! I have of course undone the affected changes. But I have changed the spelling of the article titles to sentence case - I hope this fits better now :)
Personally, I also like this spelling better, but I saw the other one more often in the learning area so I thought this one would be the preferred one. But now everything is clear to me thanks to the writing guides you referred.

I think it is better to leave the section headings as "Conclusion" in Getting started with the Web. ...

I agree with you about the "Conclusion" sections, it was a too quick change on my part, without really thinking about it more carefully - also sorry. (I have of course undone that too)

[dipikabh]

Looks good. Thank you!