第三课啦~~建立项目站点及文件管理
发布在从0开始学习前端开发 网页设计2016年5月20日view:875HTML5CSSCordy前端开发floatDOMHTML前端工具
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

好咧!!上节说的那二货软件都装好了吗?现在开始来真的喽~~ 全部都得用英文来写哦!!做好心理准备啦

当接手一个项目的时候, 不要急。先把设计稿拿过来,或是你自己的设计稿。 然后先放着。

啥是设计稿? 就是帮客户设计好网站的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”,这样就好找啦!!

什么是域名?好吧~补充点小知识 域名就是网址啦!就是上网要输入的网址! 还不知道,看下面的图!

enter image description here

看到 www.lv-e.com了没,这个就是域名。这下知道了吧!


华丽丽的分割线

然后在根目录里面继续建立文件夹,这里就就稍微多一些啦! 如下: css:这里是专门放样式的文件夹。现在应该还不明白,下几节会讲到什么是css js:这里是放脚本的,应该也不明白,下几节会讲到, images:这里是放图片的。图片知道吧,平时上网老看到的,你懂的 flash:这里是放动画文件的。 video:这里是放视频的。这个是不是更懂了,~_~ audio:这里放音频的。mp3这些鬼东西 psd:这里就是放设计稿的啦! ......... 大概先讲这么多先啦!!以后还会有的

文件夹分配好了,开始建立站点喽!! 打开Dreamweaver,就是上节说的要安装的那二货软件其中一个。 看图: 点击菜单栏目的 “站点” > “新建站点” enter image description here

然后,看图: 注意红色框:命名站点,还记得刚刚说的那个域名吗?用客户的域名要命名文件夹名,就用那个。 站点名称:lv-e.com 注意蓝色框:这里就是指向根目录,就是刚刚建立的那个文件夹名称,lv-e.com这个,和站点名称是一样的。 enter image description here

继续,看图 注意绿色框:默认图像文件夹,这个就指向根目录的 “images” 文件夹。就是 “lv-e.com” 下面的 “images”。 enter image description here

然后点保存,这样就建立好一个点站啦!

点击右侧的文件就可以看到刚刚建立好的文件结构啦 看图

enter image description here

没找到,好吧 看下图,把开发模式改成 “经典”,然后就有喽

enter image description here

OK,这次就到这里,一点一点来,不着急哦!!

关注微信公众号:写代码也能装逼

enter image description here

评论
发表评论
暂无评论
WRITTEN BY
YY砖仔
我系A民--我好开朗咖--,微信公众号:写代码也能装逼
TA的新浪微博
PUBLISHED IN
从0开始学习前端开发 网页设计

不用会英文,也不用会代码,也不用会基础。 完完全全从 0 开始,从小白开始,让你提升成为一位前端开发。

我的收藏