应用dw软件,完成以下要求,采用表格布局,完成古诗词欣赏网页制作,并添加视频及链接。并给出完整代码
时间: 2024-10-20 21:17:32 浏览: 29
使用Dreamweaver这款桌面应用程序创建一个古诗词欣赏网页,你可以按照以下步骤操作:
1. **启动Dreamweaver**:
打开Adobe Dreamweaver CC (或其他版本),如果你还没安装,需要先下载并安装。
2. **新建项目**:
点击“文件” > “新建” > “HTML文档”,选择模板样式并命名为“古诗词欣赏”。
3. **创建表格布局**:
使用“插入”菜单中的“表格”功能,设置好行数和列数,比如4列1行,以便展示诗词内容、作者、背景等信息。
```html
<table border="1">
<tr>
<th>诗词</th>
<th>作者</th>
<th>背景简介</th>
<th>视频链接</th>
</tr>
</table>
```
4. **添加内容单元格**:
对每个单元格添加诗歌文本、作者名、简短描述以及视频链接的HTML代码。例如:
```html
<tr>
<td><p>静夜思</p></td>
<td><p>李白</p></td>
<td><p>描述诗的内容...</p></td>
<td><a href="video-link.mp4">观看视频</a></td>
</tr>
```
记得替换`video-link.mp4`为你实际的视频URL。
5. **视频嵌入**:
使用`<video>`标签嵌入视频,如需保持美观,可以添加CSS样式。例如:
```html
<td>
<video controls src="video-link.mp4" width="300" height="150"></video>
</td>
```
6. **保存和预览**:
完成所有内容后,点击顶部菜单的“文件” > “另存为”,选择HTML格式,给文件加上合适的扩展名如`poetry.html`。
7. **测试和发布**:
在Dreamweaver的浏览器预览窗口查看网页效果,确保一切正常后再发布到服务器。
阅读全文