最近好多新手问我学设计网页从哪下手,我就琢磨着自己试试Dreamweaver这玩意儿。我就是个小白,平时玩手机刷视频还行,搞设计完全是个门外汉。看了网上有人推荐,我就一拍大腿决定入手了。
我开始动手的第一步:下载安装Dreamweaver
我掏出电脑,打开浏览器随便搜了下Dreamweaver下载,结果跳出来一堆版本。我挑了个免费试用版,折腾了半天下载下来。安装时,屏幕一闪一闪的,我以为电脑要爆炸了!提示让填邮箱啥的,我胡乱写了个,心想赶紧点下一步就行。安装完后,桌面多了个图标,我双击打开,卡了五秒才加载出来,心里有点后悔,但既然装了,就得硬着头皮上。
第二步:摸清楚软件界面
打开Dreamweaver,那界面花花绿绿的,看得我眼花缭乱。左边是工具箱,右边是代码区,我啥都看不懂。我试着点点这个按钮,拖拖那个栏位,跟个无头苍蝇似的。好在软件自带个新手引导,我点开看了几眼,才明白那些按钮干嘛用的:
- 左边工具箱:有各种添加文本的选项,还有拖拽图标的玩意儿。
- 中间面板:用来直接看设计的预览。
- 右边代码区:显示网页的 HTML 代码,但我瞄了一眼就头疼。
折腾了半个钟头,我总算能认出几个常用的功能了,可手还是发抖,生怕点错啥东西。
第三步:从头造个简单网页
我想先从最基础开始,就点了新建文件按钮。选择“HTML”模板后,软件丢给我个空白页。我琢磨着,做个自我介绍页。先在设计区点了下鼠标,打个“你好世界”,结果字体小得要命。我又点上面的字号按钮,调大几号字,字变大了,但位置歪七扭八的。我看那个拖拽工具挺好用,就把文字拉到中间,虽然有点飘忽,但勉强能看。我想加个图片,拖个图片图标到页面上,点上传按钮,选了张我家狗的照骗,图片一放上去,整个页面乱套了,我骂了句脏话,只好重头开始。
第四步:加点内容修点样式
网页有了框架,我就想让它好看点。我又加了段小作文,写写我平时爱比如打游戏吃外卖啥的。字儿太单调,我点字体颜色按钮,选了骚紫色,看起来有点奇葩,但至少新鲜。还用那个布局工具排了排版,标题、正文分开点儿,省得挤成一坨。后来想想,光字没意思,我又加个按钮图标,写着“点我看惊喜”,是假的链接。折腾来折腾去,不知不觉半小时过去,页面还是一团麻,但我慢慢摸清怎么添细节了。
第五步:预览保存交作业
总算差不多搞完,我急吼吼想看看效果。点左上角的预览按钮,浏览器弹出来,我的网页在里头显示,标题歪歪扭扭,图片太大撑爆边儿,但我乐得直拍腿,毕竟是自己搞出来的。保存起来最轻松,点文件菜单的保存选项,弹框让我取名,我随手写“我的第一页”,选个文件夹一存,搞定。关了软件,我还有点意犹未尽,又开电脑看了一遍那个丑网页,心想下次得加点动画啥的。
整完这套,手都酸了,但收获不小。Dreamweaver 对新手还行,就是刚开始像进迷宫。回想起来,我这过程就是瞎撞撞会的,反正记住:下软件、看界面、造网页、添东西、预览保存,五步走完,基本能上手。要是你也试了,别怕出糗——我做的那页现在还丑得慌!





