Web-Based Programming

Week 3

• HTML Basics: Introduction to HTML structure, tags, and attributes.
• Lists and Links: Creating ordered and unordered lists, and using anchor tags for hyperlinks.
• Media Elements: Embedding images and videos in web pages.

Files

• w3/linkID.html: Demonstrates the use of anchor tags with different attributes.
• w3/listuygulama.html: Example of creating ordered lists with nested descriptions.
• w3/MyMedia/: Contains subfolders for different media types (Movies, Music, Digital Art) with respective HTML files.

Week 4

• Image Tag: Using the <img> tag to embed images in web pages.
• Tables: Creating tables using the <table>, <tr>, <td>, and <th> tags.

Files

• w4/image-tag/: Contains examples of using the <img> tag.
• w4/tables/: Contains examples of creating tables.

Week 6

• Forms: Creating forms using the <form>, <input>, <textarea>, and <button> tags.
• Fieldsets and Labels: Grouping form elements using <fieldset> and <label> tags.

Files

• w6/index.html: Basic form example.
• w6/index2.html: Example of using <label> with form elements.
• w6/index3.html: Example of using <fieldset> to group form elements.

Week 7

• Lists and Links: Creating ordered and unordered lists, and using anchor tags for hyperlinks.
• Iframes: Embedding external content using the <iframe> tag.

Files

• w7/index.html: Example of creating lists and using iframes.
• w7/index2.html: Example of embedding a video using the <video> tag.

Week 11

• Box Model: Understanding the CSS box model and how to style elements using CSS.
• Text Styling: Applying different text styles using CSS.

Files

• w11/box/boxUygulamalari.html: Example of using the CSS box model.
• w11/box/css/boxStyle.css: CSS file for box model examples.
• w11/box/css/kutu.css: Additional CSS file for box model examples.
• w11/text/textUygulamalari.html: Example of text styling using CSS.
• w11/text/css/style_text.css: CSS file for text styling examples.

Week 12

• CSS Styling: Applying different styles to HTML elements using CSS.
• Responsive Design: Creating responsive web pages using CSS.

Files

• w12/index.html: Example of a responsive web page.
• w12/style.css: CSS file for the responsive web page example.
• w12/uygulama/: Contains additional examples of CSS styling and responsive design.

Week 13

• Float and Clear: Using the float and clear properties in CSS.
• Form Styling: Styling form elements using CSS.

Files

• w13/float.html: Example of using the float property.
• w13/floatBox.html: Example of using the float property with boxes.
• w13/index.html: Example of styling form elements.
• w13/index2.html: Additional example of styling form elements.
• w13/cssFİles/: Contains CSS files for the examples.

Week 14

• JavaScript Basics: Introduction to JavaScript and basic programming concepts.
• DOM Manipulation: Manipulating the Document Object Model (DOM) using JavaScript.

Files

• w14/index.html: Example of a web page with JavaScript.
• w14/app.js: JavaScript file for DOM manipulation.
• w14/styles.css: CSS file for the example web page.

Week 15

• Advanced JavaScript: JavaScript concepts and techniques.
• Project Work: Working on a project using HTML, CSS, and JavaScript.

Files

• w15/index.html: Web page.
• w15/app.js: JavaScript file.
• w15/styles.css: CSS file.
• w15/data.js: JavaScript file containing data.
• w15/functions.js: Additional JavaScript file.
• w15/.gitignore: Git ignore file.
• w15/img/: Contains images.
• w15/audio/: Contains audio files for images.