首页
前端开发
HTML5
Dreamweaver咖啡店练手网站

Dreamweaver咖啡店练手网站

0 次浏览 0 条评论
zip
zip

dw 做的小咖啡店网站，页面不多，十个左右，适合练手。用的是Dreamweaver，你可以在设计视图里拖拖拽拽，也能直接写HTML、CSS、JavaScript，怎么方便怎么来。页面像index.html、menu.html、contact.html这些，都挺常见，内容分布也蛮合理。

首页的风格偏温馨，背景图用了一张咖啡店照，搭配的CSS样式也比较柔和，像background-image、font-family这些都调得还不错。菜单页用的是表格结构，信息清楚，交互上也能再拓展下，比如加个分类筛选或是 hover 效果。

还有地图页、评价页之类的，也都分得清楚。你可以直接修改内容换成你自己的素材。用JS做了点小交互，比如表单验证和图片轮播，代码不复杂，像

function validateForm() {
  let email = document.getElementById('email').value;
  if (!email.includes('@')) alert('邮箱格式不对');
}
这种，思路清晰，新手也看得懂。

整个项目结构也比较规整，放在cafe文件夹里，有 HTML、CSS、JS 和图片等素材文件，挺适合做个原型出来交作业或者初步展示。DW 自带的模板和库功能你也可以试试，用来提速还是蛮有效的。

如果你刚上手前端，又想找个小项目练练 DW 的操作，这个蛮合适。想学点实际项目结构、熟悉页面组织方式，拿它练一遍会有感觉。

zip 文件大小：8.16MB