[其它语言学习]专题一 HTML和CSS基础应用.doc

专题一 HTML和CSS基础应用 湖南大学心理健康与生涯发展培训中心  PAGE \* MERGEFORMAT 46  PAGE \* MERGEFORMAT 45 专题一 HTML和CSS基础应用 演练目标： 了解HTML、CSS在网页设计中的作用 掌握html中常见标签和css常用属性 掌握phpstorm等开发工具的安装和使用 运用div+css等技术开发一个个人网页 内容说明： 本章主要安装相关软件，搭建好开发环境，为后续内容提供工具支持，能够使用软件进行网页编写。完成个人网站首页的制作，掌握html和css的基本用法以及做出一个网页完整的流程。 该部分适合以前没有网页开发经验的人群。如果你已经非常熟练的掌握了这些知识，可以跳过这一章。 目录  TOC \o 1-3 \h \z \u  HYPERLINK \l _Toc319409210 专题一 HTML和CSS基础应用  PAGEREF _Toc319409210 \h 1  HYPERLINK \l _Toc319409211 1.1 网页编写工具（phpstorm）的安装  PAGEREF _Toc319409211 \h 3  HYPERLINK \l _Toc319409212 1.1.1 phpstorm简介  PAGEREF _Toc319409212 \h 3  HYPERLINK \l _Toc319409213 1.1.2 phpstorm安装  PAGEREF _Toc319409213 \h 3  HYPERLINK \l _Toc319409214 1.1.3 phpstorm的配置  PAGEREF _Toc319409214 \h 7  HYPERLINK \l _Toc319409215 1.1.4 编写html  PAGEREF _Toc319409215 \h 9  HYPERLINK \l _Toc319409216 1.2 个人网站首页的制作  PAGEREF _Toc319409216 \h 12  HYPERLINK \l _Toc319409217 1.2.1 建立站点  PAGEREF _Toc319409217 \h 12  HYPERLINK \l _Toc319409218 1.2.2 结构分析  PAGEREF _Toc319409218 \h 12  HYPERLINK \l _Toc319409219 1.2.3 搭建框架  PAGEREF _Toc319409219 \h 14  HYPERLINK \l _Toc319409220 1.2.4 布局页面—头部和导航  PAGEREF _Toc319409220 \h 21  HYPERLINK \l _Toc319409221 1.2.5 布局页面——侧边栏  PAGEREF _Toc319409221 \h 25  HYPERLINK \l _Toc319409222 1.2.6 布局页面——主体部分  PAGEREF _Toc319409222 \h 31  HYPERLINK \l _Toc319409223 1.2.7底部和细节调整  PAGEREF _Toc319409223 \h 40  HYPERLINK \l _Toc319409224 1.3FAQS  PAGEREF _Toc319409224 \h 42  HYPERLINK \l _Toc319409225 1.3.1 相对路径和相对于根目录路径  PAGEREF _Toc319409225 \h 42  HYPERLINK \l _Toc319409226 1.3.2常用html标签  PAGEREF _Toc319409226 \h 42  HYPERLINK \l _Toc319409227 1.3.3 常用css属性  PAGEREF _Toc319409227 \h 43  HYPERLINK \l _Toc319409228 1.4 课后作业  PAGEREF _Toc319409228 \h 44  HYPERLINK \l _Toc319409229 1.4.1作业一  PAGEREF _Toc319409229 \h 44  HYPERLINK \l _Toc319409230 1.4.2 作业二  PAGEREF _Toc319409230 \h 45  HYPER