今天来唠唠怎么用那破dreamweaver整网页,上次被催更催得脑壳疼。这玩意儿就跟搭积木似的,甭管它界面多花里胡哨,咱就按部就班来。
第一步:新建站点文件夹
先把电脑桌面那个叫“新建文件夹”的玩意儿重命名成“我的狗窝主页”,专门用来堆设计文件。打开dw后立马戳左上角“站点-新建站点”,给站点起名时手抖打成了“狗窝官网”,发现改不了只能将错就错。重点是把刚才建的文件夹路径选上,不然做出来的网页全成流浪文件。
第二步:画布局草稿
抄起茶几上的外卖单,在背面画了三个歪歪扭扭的方框:顶上塞logo,左边搞导航栏,右边空着放内容。用dw自带的表格工具(对,现在都2023年了还得靠表格)插入了个1行3列的表格,结果发现格子大小拖不动。捣鼓了十分钟才在右下角属性面板找到百分比设置,直接填30%、20%、50%完事儿。
第三步:给主页贴瓷砖
在第一个格子里戳右键选“插入图像”,把昨天用美图秀秀p的柴犬头像怼进去,结果图片直接撑爆格子。气得我按住shift键拖角落才缩回来。导航栏格子直接敲字:“狗粮测评”“拆家视频”“冤种主人”,发现文字全挤在左上角,又在属性面板戳了居中图标。
第四步:整点花活特效
想给导航栏文字加点悬停变色效果,结果在“行为”面板里迷路了。偶然发现软件底部的CSS设计器,新建了个样式叫“.变色狂魔”,设置:
- 默认状态:黑字,13px
- 鼠标悬停:改成屎黄色
- 加个下划线(就打了text-decoration的勾)
完成后把导航文字全选中套上这样式,试了二十次才生效。
第五步:疯狂保存大法
快捷键Ctrl+S按到指关节发白,光首页就存了三个版本:
- index_最终版.html
- index_这回真不改了.html
- index_老板要就交这个.html
按F12预览时突然白屏,原来忘存图片到站点文件夹。把柴犬头像从桌面拖进dw的“图片”文件夹时,弹窗报错直接闪退。重新打开后老老实实用软件自带的资源管理器上传,终于看到完整页面那刻差点哭出来。
看着那个表格线框丑得睡不着,又百度了十分钟怎么隐藏边框。现在网页长得跟路边打印店做的似的,但好歹算是能滚动了——等下,导航栏还没加超链接…(摔鼠标)





