很多新手朋友问,都2024年了还学Dreamweaver(DW)建站是不是傻?我的回答是:如果你想彻底搞懂网页底层逻辑,或者公司还在用老旧系统维护,那这手艺必须得会。这篇不讲虚的,直接带你用DW从零搭建一个能看的网站首页,解决你面对空白文档不知从何下手的焦虑。
先说硬件准备。别去官网下载那些带广告的破解版,容易中毒。去国内一些老牌软件站找绿色版,或者如果你电脑里还有旧版本,直接打开就行。DW界面看着挺复古,左边是文件管理,中间是代码和可视化视图切换,右边是属性面板。别被这些吓到,咱们只用最核心的几个功能。
第一步,新建站点。这是90%的人忽略但最关键的一步。点击“站点”菜单里的“新建站点”,名字随便起,比如“我的首页”。关键在“本地根文件夹”,点浏览,在你电脑D盘建一个文件夹,专门放这个项目的图片、CSS和HTML文件。这一步不做,后面你换台电脑或者清理C盘,网站就全废了。
第二步,创建HTML文件。在左侧文件面板右键,新建HTML文档。这时候你会看到两个视图:设计视图和代码视图。新手建议先切到“代码”视图,因为设计视图有时候生成的代码冗余得一塌糊涂,看着都头疼。在
标签里,把第三步,搭建基本骨架。别急着拖拽组件,手动敲代码才记得住。输入,然后是,
,放导航栏,再写一个
插入你的Logo。注意,图片路径一定要对,最好用相对路径,别用绝对路径,否则换个服务器就404了。文字部分,用