《使用HTML5实现响应式布局》第一章-HTML5基础-实践学习资料.pptxVIP

第一章HTML5基础

实践目标创建和管理站点制作唐诗百科网页

任务一：创建和管理站点使用DreamweaverCC创建和管理站点站点是一个存储区，它存储了网站包含的所有文件。DreamweaverCC提供了创建和管理站点的工具，使用这些工具创建站点，可以方便地管理站点中的目录及文件。本次任务要求新建的站点名称是HTML5实践任务。站点建立后，创建站点的页面1.1.html，然后运行查看

点击菜单命令“站点新建站点”，在弹出的站点设置对话框输入站点的名称和保存文件的路径创建和管理站点

文件面板自动弹出，在该面板上点击鼠标右键的菜单命令“新建文件”，可以为站点添加HTML5文档创建和管理站点文件面板

创建和管理站点DreamweaverCC提供了创建和管理站点的工具。要求新建的站点名称是“我的练习”，站点文件夹是C:\homework。站点建立后，创建index.html，插入HTML5文本标签然后运行查看。

任务二：制作唐诗百科网页使用HTML5的文本标签制作唐诗百科网页。使用HTML5的h、p、br、a标签制作唐诗页面，要求使用正确合适的标签排版页面，在段落文字中，成语需使用超链接。最后创建原文引用链接，指向百度百科的原文网址

制作唐诗百科网页创建HTML5文档，编写全部文本内容。唐诗标题使用h1标签，段落标题使用h2标签，文本段落使用p标签。为段落中的成语添加a标签，创建“详见标签地址链接到/view/47169.html”。

制作唐诗百科网页使用HTML5文本标签制作个人简介的网页。要求文本包含标题、段落、强调文本，页面字体排版整齐，段落中引用的书籍需要设置超链接

END