电话

0411-31978321

Dreamweaver网页设计新手入门指南?(5个简单步骤学会操作)

标签: 2025-10-29 

装好软件头件事

昨儿在官网拖了个Dreamweaver 2022下来装一看启动页就傻眼了。功能多得跟蜘蛛网似的,鼠标悬在创建新文件上头愣了三秒——选HTML还是PHP还是啥鬼东西?闭眼点了个"HTML5"。

文件瞎捣鼓

新建完看到两大坨界面。左边是白花花编辑区,右边竖着排了七八个面板,慌得我赶紧把"文件"面板拖出来。右键新建文件夹时候手抖了一下,把项目文件夹命名成"网页练习_千万别删",怕被自己手贱清理掉。

开始往编辑区敲字:

  • 先打了个“欢迎”
  • 又加了行“这是我的破网页”
  • 看到左上角插入菜单就忍不住点图片

结果图片死活不显示!原来没把图片扔进项目文件夹。骂骂咧咧地从桌面把猫片拖进文件夹,重新插入才搞定。

表格坑人记

想搞个整齐的版式,看见工具栏有个表格图标就戳了下去。设了3行2列,发现表格宽得能跑马。拽了半天边框线,突然在属性面板最底下找到个百分比宽度,改成80%才顺眼点。

填内容时更邪门:

  • 左边单元格塞了段歌词
  • 右边放了张烤串图
  • 表格线突然变成虚线了!

原来不小心点到边框样式的下拉框,改回实线又折腾五分钟。

预览吓出冷汗

点顶部那个地球图标预览,浏览器弹出时心跳都停了——整个页面歪到姥姥家!图片把文字挤到屏幕外头,烤串图比脸盆还大。滚回Dreamweaver狂按Ctrl+Z,突然瞄见底部状态栏写着"768×1024",才知道默认用平板尺寸显示。

赶紧把窗口右下角的设备图标从平板切回桌面,图片尺寸才正常。属性面板里把烤串图宽度改成300像素,总算能见人了。

保存踩的雷

关软件时弹出保存提示,顺手存到桌面。今天开机想修改,发现所有图片都变成裂开的图标!原来昨天只保存了HTML文件,整个项目文件夹还躺在桌面。老老实实新建了"我的第一个智障网页"文件夹,把图片和HTML一起扔进去才解决。

现在看着浏览器里歪歪扭扭的表格和糊掉的烤串图,突然理解为什么程序员都爱薅头发了。