dreamweaver创建网页新手怎么学(快速掌握5个基础操作步骤)

发布日期： 2025-12-11 阅读量： 作者： admin

今儿折腾了一下午Dreamweaver，专门给刚摸电脑的新手录了个入门操作。这东西看着挺唬人，就跟搭积木似的，按这五步走准没错。

第一步：先逮住这软件在哪儿

双击桌面上那个蓝底白字的"D"图标，等它慢悠悠启动。进来就是个灰扑扑的大空地儿，左上角点「文件」→「新建」，蹦出来的框直接敲「HTML」然后哐叽点「创建」。你眼前突然多了两行代码别慌，那是软件自带的，就当它不存在！

界面分三块特别明显：左边竖条是「文件管家的老巢」，现在暂时用不上；底下横条叫「属性栏」待会儿调字号颜色全靠它；中间最大的空白区才是你折腾的主战场。重点来了！瞅见工具栏上那个「拆分」按钮没？点它！左边显示代码右边显示效果，跟照镜子似的特直观。

鼠标往右边效果区空白处咔咔点两下，直接拿键盘敲「欢迎来看我瞎搞的网页」。字儿立刻出现在左边代码区标签里，根本不用管它。发现没？在右边直接打字比扒拉代码省事多了！

先提前把图片扔到和网页同一个文件夹里。回到软件，光标在你刚打的字后面闪，点顶部菜单栏「插入」→「图像」→「图像」，弹出窗口里扒拉到你存的照片，双击。重点来了！这时候跳出来个替代文本框，顺手敲「我家猫主子」再点确认，要不然图片加载不出来就剩个红叉多尴尬。

别急着关软件！按F12键直接弹浏览器，你的破网页就呲溜蹦出来了。这时候发现图片太大撑满屏？回到Dreamweaver右边效果区，鼠标点中图片，下边属性栏立刻出现宽高数值。把宽度框里数字改成300，敲回车瞬间图片就缩了！再按F12刷新浏览器，舒服多了？

唠两句：

刚开始别碰代码区，就当它不存在。等你能用右边效果区折腾出个能看的页面，再扒拉左边代码自然就懂了。这破玩意儿跟学自行车似的，摔两次就知道哪儿该使劲了！