udacity-portfolio：此仓库是我的udacity前端纳米课程的第一个项目

在本项目"udacity-portfolio"中，您将学习如何运用HTML、CSS3以及CSS框架，特别是Bootstrap，来创建一个专业且吸引人的个人投资组合网站。这个项目是 Udacity 前端纳米学位课程的一部分，旨在帮助初学者掌握网页开发的基础。 HTML（HyperText Markup Language）是网页内容的结构化语言，它定义了网页的各个部分，如标题、段落、图像等。在本项目中，您将学习如何使用HTML5的新特性，比如`<header>`、`<nav>`、`<section>`、`<article>`和`<footer>`等元素，来组织页面结构，使其更符合语义化。同时，您还会了解到如何通过`<link>`标签引入外部样式表，以及如何利用`<img>`标签添加图片，并通过`<a>`标签创建超链接。 接着，CSS3（Cascading Style Sheets）用于控制网页的外观和布局。在这个项目中，您将学习CSS选择器的使用，如类选择器、ID选择器和伪类，来精确地选择和操作HTML元素。还将涉及盒模型，理解边距、填充、边框和内容区域如何影响元素的大小和位置。此外，您会学习CSS3的新特性，如渐变、阴影、过渡和动画，来提升用户体验和视觉效果。 然后，Bootstrap是一个流行的开源CSS框架，它提供了一套预设的样式、组件和JavaScript插件，可以快速构建响应式和移动优先的网站。在本项目中，您会了解如何引入Bootstrap的CDN（内容分发网络），并利用其栅格系统创建灵活的布局。您还会接触到Bootstrap的一些关键组件，如导航条、按钮、卡片和模态对话框，以及如何自定义Bootstrap的样式来满足个人需求。 项目文件"udacity-portfolio-master"可能包含以下文件和目录： 1. `index.html`: 主页文件，包含HTML结构。 2. `css/`: 存放CSS样式文件，可能包括一个定制的styles.css和引用的Bootstrap CSS文件。 3. `js/`: 可能包含JavaScript代码，用于实现交互功能，例如Bootstrap的JavaScript插件。 4. `images/`: 图片资源目录，存放项目中用到的图片。 5. `index.html`中的`<script>`标签可能引入了jQuery库，因为Bootstrap的某些功能依赖于它。 通过完成这个项目，您不仅会掌握HTML、CSS3和Bootstrap的基本用法，还能了解如何组织项目文件结构，以及如何将它们部署到Web服务器上。这是一个很好的起点，为进一步深入学习前端开发打下坚实基础。在实践中不断迭代和完善您的个人投资组合，将有助于提高您的编程技能和设计感。