代写CS1102 Introduction to Computer Studies Lecture 04代做Java程序

日期：2025-11-06 05:20

Department of Computer Science

CS1102 Introduction to Computer Studies

Lecture 04

Web Development: HTML and CSS

Semester A, 2025-2026

Webpage and Source Code

We can view a webpage on a browser that displays information with text, images, audio, video. A webpage contains text marked up with HTML tags, often with CSS and JavaScript. The web browsers render the source HTML into a more user-friendly webpage

Components in a webpage source code

HTML: HyperText Markup Language (HTML) uses a set of codes called tags to describe the structure of a webpage

Note that HTML is NOT considered as a programming language because it does not have the ability to perform. computational tasks or logical steps

CSS: Cascading Style. Sheets (CSS) describes how the HTML elements should be displayed by specifying the fonts, colors, layout and placement of these HTML elements

JavaScript. JavaScript. is a programming language that can provide instructions for a browser to dynamically generate content for a website or enhance the website interactivity

Why teach HTML, CSS, Javascript?

HTML, CSS and JavaScript. are introduced because

1. They do not require you to install complex software on your computers, rather with just a simple text editor and a web browser. This accessibility makes them ideal for programming novices

2. JavaScript. is a widely used programming language that plays a crucial role in web development. Understanding these languages lays the groundwork for creating interactive web applications and can be a valuable skill across many tech careers

After you learn the fundamentals in this course, it will be easier for you to explore more on your own later to create more sophisticated webpages

Code Editor

A webpage source code is stored in text format so a simple editor (e.g., Notepad) can be used

However, it is better to use a code editor such as Komodo Edit or Sublime Text because they provides additional support for writing code, e.g., syntax coloring, syntax error checking, etc.