Dreamweaver软件实现网页制作再别康桥毕设--适合初学者.rar资源-CSDN文库

共14个文件

html：5个

swf：3个

js：2个

需积分: 5 5 浏览量 2023-12-04 20:08:41 上传评论收藏 2.79MB RAR 举报

在本资源中，"Dreamweaver软件实现网页制作再别康桥毕设--适合初学者.rar" 是一个针对初学者的教程，旨在帮助他们利用Adobe Dreamweaver这一强大的网页设计工具来创建一个名为“再别康桥”的网页项目。这个项目可能是作为毕业设计的一部分，以实践和展示学习成果。下面我们将深入探讨Dreamweaver的使用及其在网页制作中的关键知识点。 1. **Dreamweaver简介**：Dreamweaver是Adobe公司开发的一款集成开发环境（IDE），适用于HTML、CSS、JavaScript等网页制作技术。它提供了一个可视化的界面，允许用户通过拖放元素、编辑代码和预览结果来创建网页。 2. **代码编辑器**：Dreamweaver具有内置的代码编辑器，支持语法高亮、自动完成和错误检查，对于初学者来说，这有助于理解和编写HTML、CSS和JavaScript代码。 3. **设计视图与代码视图**：在设计视图中，用户可以通过直观的界面布局元素，而在代码视图中，用户可以直接编辑源代码，这对初学者理解前后端关系很有帮助。 4. **模板和布局**：Dreamweaver提供了多种网页模板，可以快速启动设计。同时，它还支持表格、CSS布局和响应式设计，以适应不同设备的显示。 5. **CSS样式表**：在创建“再别康桥”网页时，初学者会学习如何使用Dreamweaver来创建和应用CSS样式，控制文本、颜色、布局等视觉元素。 6. **响应式网页设计**：为了适应移动设备，Dreamweaver支持创建响应式网页，这意味着页面布局会根据屏幕大小自动调整。 7. **交互性与JavaScript**：Dreamweaver还可以帮助添加JavaScript代码，实现动态效果和交互性，例如下拉菜单、滑动图片或表单验证。 8. **FTP发布**：完成网页设计后，Dreamweaver内置FTP功能，方便用户将网站上传到服务器，实现在线发布。 9. **学习资源**：对于初学者来说，理解“再别康桥”项目的实现过程可以提供实际操作经验，同时可以通过在线教程、视频和文档进一步提升技能。 10. **项目管理**：通过这个毕设，学生将学习如何组织和管理一个完整的网页项目，包括文件结构、版本控制和协作流程。这个教程资源涵盖了网页制作的基础知识，通过Dreamweaver的应用，初学者能掌握从创建静态页面到实现动态效果的全过程。随着对软件的熟悉和实践，他们将逐渐具备独立设计和开发网站的能力。

资源推荐

资源详情

资源评论

收起资源包目录

Dreamweaver软件实现网页制作再别康桥毕设--适合初学者.rar （14个子文件）

Dreamweaver软件实现网页制作再别康桥毕设--适合初学者

jinji

UntitledFrame-10.html 1KB

image

4e4a20a4462309f774e9cd7e710e0cf3d6cad6dc.jpg 25KB

4-9.swf 22KB

QQ截图20141125210440.jpg 58KB

1.gif 17KB

笔墨广告.swf 2.65MB

SpryAssets

SpryTooltip.js 29KB

SpryTooltip.css 434B

index.html 800B

UntitledFrame-9.html 3KB

Scripts

expressInstall.swf 773B

swfobject_modified.js 22KB

shici.html 2KB

UntitledFrame-11.html 1KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>再别康桥</title> <style type="text/css"> #apDiv1 { position: absolute; width: 200px; height: 12px; z-index: 1; left: 6px; top: 518px; } .x { color: #FCC; } #apDiv2 { position: absolute; width: 214px; height: 263px; z-index: 1; left: 470px; top: 12px; } </style> <link href="SpryAssets/SpryTooltip.css" rel="stylesheet" type="text/css" /> <style type="text/css"> body { background-color: #FFC; } .v { color: #30C; } .v { color: #30C; } .b { color: #33C; } </style> <script src="SpryAssets/SpryTooltip.js" type="text/javascript"></script> </head> <body> <p><img src="image/QQ截图20141125210440.jpg" width="366" height="267" />  </p> <p> </p> <p><span class="v" style="font-family: '宋体'; font-size: 18px; color: #F66;"><span class="v">轻轻的我走了，正如我轻轻的来；我轻轻的招手，作别西天的云彩。 <br /> 那河畔的金柳，是夕阳中的新娘；波光里的艳影，在我的心头荡漾。<br /> 软泥上的青荇，油油的在水底招摇；在康河的柔波里，甘心做一条水草！ <br /> 那榆荫下的一潭，不是清泉，是天上虹；揉碎在浮藻间，沉淀着彩虹似的梦。<br /> 寻梦？撑一支长篙⑶，向青草更青处漫溯⑷；满载一船星辉，在星辉斑斓里放歌。<br /> 但我不能放歌，悄悄是别离的笙</span></span><span class="b" style="font-family: '宋体'; font-size: 18px; color: #30C;">箫；夏虫也为我沉默，沉默是今晚的康</span><span class="v"><span style="font-family: '宋体'; font-size: 18px; color: #F66;">桥！</span></span></p> <div id="apDiv2"><img src="image/4e4a20a4462309f774e9cd7e710e0cf3d6cad6dc.jpg" width="228" height="263" id="sprytrigger1" />  </div> <div class="tooltipContent" id="sprytooltip1">林徽因：徐志摩最爱的人</div> <p><span style="font-family: '宋体'; font-size: 18px; color: #F66;"><br /> </span></p> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><hr /></td> </tr> </table> <p><span style="font-family: '宋体'; font-size: 18px; color: #F66;"> <br /> </span></p> <p><br /> </p> <script type="text/javascript"> var sprytooltip1 = new Spry.Widget.Tooltip("sprytooltip1", "#sprytrigger1"); </script> </body> </html>

评论收藏

内容反馈