好咧!!上节说的那二货软件都装好了吗?现在开始来真的喽~~ 全部都得用英文来写哦!!做好心理准备啦
当接手一个项目的时候, 不要急。先把设计稿拿过来,或是你自己的设计稿。 然后先放着。
啥是设计稿? 就是帮客户设计好网站的PSD文件,这些文件可是很大的哦!电脑配置要好哦!要是带不文件,随时就会把文件搞坏。可以时时备份。
想到刚出道时用的电脑,那真是废啊。说多了都是泪。
华丽丽的分割线
先找个盘放文件,除了C盘,其他哪个盘就自己选啦!! 我就选个D盘吧!在D盘里面建立个文件夹。千万记往一定要用英文哦!嘿嘿,有你受的!
命名为 “www”,为什么是“www”呢? 不能是 abc、ert或其他的名称吗? 这个可以啦,只要是英文就好。不过呢,建设用 “www” 来命名,因为访问网站基本上都是通过 www.xxxx.com 或 www.xxxx.cn 这样的域名来打开网站。
“www”就是一个开头,用 “www” 来命名,就是为了提示,这是一个头,里面有着无数的站点。 这样能理解吗?好吧,慢慢就理解了 不着急。
华丽丽的分割线
啊~~说远了。 好的,建设 “www” 文件夹之后。然后在这个文件夹里面再建立一个站点文件夹。记得~现在建设的这个文件夹就是你现在接手的这个项目的主文件夹哦!就是大家说的 “根目录”。
假如你接手这个项目的客户的公司名叫 “深圳绿意科技有限公司”; 先看看他有没有域名,如果有就用他的域名来建立命名文件夹,这样就容易找到了啦~~ 如果他的域名是:www.lv-e.com 文件夹命名就为 “lv-e.com”,这样就好找啦!!
什么是域名?好吧~补充点小知识 域名就是网址啦!就是上网要输入的网址! 还不知道,看下面的图!
看到 www.lv-e.com了没,这个就是域名。这下知道了吧!
华丽丽的分割线
然后在根目录里面继续建立文件夹,这里就就稍微多一些啦! 如下: css:这里是专门放样式的文件夹。现在应该还不明白,下几节会讲到什么是css js:这里是放脚本的,应该也不明白,下几节会讲到, images:这里是放图片的。图片知道吧,平时上网老看到的,你懂的 flash:这里是放动画文件的。 video:这里是放视频的。这个是不是更懂了,~_~ audio:这里放音频的。mp3这些鬼东西 psd:这里就是放设计稿的啦! ......... 大概先讲这么多先啦!!以后还会有的
文件夹分配好了,开始建立站点喽!!
打开Dreamweaver,就是上节说的要安装的那二货软件其中一个。
看图:
点击菜单栏目的 “站点” > “新建站点”
然后,看图:
注意红色框:命名站点,还记得刚刚说的那个域名吗?用客户的域名要命名文件夹名,就用那个。
站点名称:lv-e.com
注意蓝色框:这里就是指向根目录,就是刚刚建立的那个文件夹名称,lv-e.com这个,和站点名称是一样的。
继续,看图
注意绿色框:默认图像文件夹,这个就指向根目录的 “images” 文件夹。就是 “lv-e.com” 下面的 “images”。
然后点保存,这样就建立好一个点站啦!
点击右侧的文件就可以看到刚刚建立好的文件结构啦 看图
没找到,好吧 看下图,把开发模式改成 “经典”,然后就有喽
OK,这次就到这里,一点一点来,不着急哦!!
关注微信公众号:写代码也能装逼