mgap：Primeiroprojetocurso网站设计师-Projeto网站：AmigosParceiros2020.2资源-CSDN文库

共68个文件

png：64个

html：1个

mp4：1个

需积分: 5 67 浏览量 2021-02-14 05:39:09 上传评论收藏 24.14MB ZIP 举报

【mgap：Primeiro projeto curso网站设计师-Projeto网站：Amigos Parceiros 2020.2】是一个入门级的网站设计项目，旨在帮助初学者掌握网站设计的基础知识，特别是HTML语言的应用。在这个项目中，学生将学习如何创建一个名为"Amigos Parceiros"的网站，这可能是一个社交或合作平台的模拟，旨在促进人们之间的互动和合作。 HTML（HyperText Markup Language）是网页开发的基础，它是构建网页结构的语言。通过HTML，我们可以定义网页的各个元素，如标题、段落、图像、链接等。在这个项目中，学生会了解到以下HTML知识点： 1. **HTML基本结构**：每个HTML文档都由<!DOCTYPE>声明、<html>根元素、<head>和<body>组成。<!DOCTYPE>声明告诉浏览器文档类型，<html>是整个文档的容器，<head>包含元信息，而<body>包含实际可见的网页内容。 2. **HTML标签**：例如，<h1>到<h6>用于定义不同级别的标题，<p>表示段落，<img>插入图片，<a>创建链接。学生需要学会正确使用这些标签来构建页面结构。 3. **属性与值**：HTML标签可以有属性，比如<img>标签中的src属性指定图片的URL，alt属性提供替代文本。理解属性和其值对于控制元素的行为至关重要。 4. **布局与布局元素**：学习如何使用<div>（定义分区）和<section>（定义章节）等标签来组织页面内容，以及如何通过CSS（Cascading Style Sheets）进行样式控制。 5. **表格（<table>）**：HTML表格用于展示数据，包括<tr>（行），<th>（表头单元格）和<td>（数据单元格）。 6. **列表（<ul>，<ol>，<li>）**：无序列表（<ul>）和有序列表（<ol>）用于呈现条目，<li>标记每个列表项。 7. **链接与导航**：创建内部和外部链接，实现页面间的跳转，了解<a>标签的href属性。 8. **响应式设计**：虽然标签列表没有明确提及，但现代网站设计应考虑不同设备的显示，所以学生可能会接触到媒体查询（@media）和Bootstrap框架等响应式设计概念。 9. **语义化HTML**：使用具有语义的标签如<header>，<footer>，<nav>等，有助于提高网页的可读性和可访问性，对搜索引擎优化（SEO）也有积极影响。在完成"mgap-main"这个项目的过程中，学生不仅会掌握HTML的基本语法，还将学习如何将这些元素组合成一个功能齐全、视觉吸引人的网站。他们将体验到从无到有创建网页的成就感，并为更高级的Web开发技术打下坚实基础。

资源推荐

资源详情

资源评论