《网站建设与网页设计从入门到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript》——3.2 创建站点-阿里云开发者社区

开发者社区> 异步社区> 正文

《网站建设与网页设计从入门到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript》——3.2 创建站点

简介:
+关注继续查看

本节书摘来自异步社区《网站建设与网页设计从入门到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript》一书中的第3章,第3.2节,作者: 何新起 更多章节内容可以访问云栖社区“异步社区”公众号查看。

3.2 创建站点

网站建设与网页设计从入门到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript
在使用Dreamweaver制作网页前,最好先定义一个站点,这是为了更好地利用站点对文件进行管理,尽可能减少错误,如路径出错、链接出错等。

3.2.1 使用向导建立站点
Dreamweaver是最佳的站点创建和管理工具,使用它可以创建完整的站点。创建本地站点的具体操作步骤如下。

序号1 选择菜单中【站点】|【管理站点】命令,弹出【管理站点】对话框,在对话框中单击【新建站点】按钮,如图3.7所示。

序号2 弹出【站点设置对象】对话框,在对话框中选择【站点】选项卡,在【站点名称】文本框中输入名称,可以根据网站的需要任意起一个名字,如图3.8所示。


01ebe8d26860049a134d380a91e1ea28cec8ccb0

![screenshot]()


<a href=https://yqfile.alicdn.com/146a5aec46679953ef7541f26504751d9869280b.png" >

序号3 单击【本地站点文件夹】文本框右边的浏览文件夹按钮,弹出【选择根文件夹】对话框,选择站点文件存放的根文件夹位置,如图3.9所示。

序号4 单击【选择】按钮,选择站点文件位置,如图3.10所示。


e98f4c2d3fbc8a0bf8f6191689ec08cba64555fd


<a href=https://yqfile.alicdn.com/5938eb0977770b599c8ae69b1040838828afe5a8.png" >

序号5 单击【保存】按钮,更新站点缓存,回到【管理站点】对话框,站点列表框中显示了新建的站点,如图3.11所示。

序号6 单击【完成】按钮,此时在【文件】面板中可以看到创建的站点文件,如图3.12所示。


181e38e04064f7803a03e3bdd1536d0a52ca2a18


<a href=https://yqfile.alicdn.com/ebb1146138c675bb76c515dfded8755d03b143a0.png " >

3.2.2 使用高级设置建立站点
利用节中的方法建立的站点只是站点雏形,还可以在【站点设置对象】对话框中选择【高级设置】选项卡,通过直接设置【本地信息】、【遮盖】、【设计备注】、【文件视图列】、【Contribute】、【模板】、【Spry】和【Web字体】中的参数来快速创建更细致的本地站点。

选择菜单中【站点】|【管理站点】命令,弹出【管理站点】对话框,在对话框中选择站点。弹出【站点设置对象 效果】窗口,在窗口的【高级设置】中选择【本地信息】,如图3.13所示。


55360cc037673fd7e0849f191b25f82f50a9d87d

在【本地信息】选项中可以设置以下参数。

在【默认图像文件夹】文本框中,输入此站点的默认图像文件夹的路径,或者单击浏览文件夹按钮浏览到该文件夹。此文件夹是Dreamweaver上传到站点上的图像的位置。

【站点范围媒体查询文件】充当站点内所有媒体查询的中央存储库。创建此文件后,从站点内必须使用此文件中的媒体查询才能显示的页面中链接到此文件。

【链接相对于】表示在站点中创建指向其他资源或页面的链接时,指定Dreamweaver创建的链接类型。Dreamweaver可以创建两种类型的链接:文档相对链接和站点根目录相对链接。

在【Web URL】文本框中,输入已完成的站点将使用的URL。

【区分大小写的链接检查】表示在Dreamweaver检查链接时,将检查链接的大小写与文件名的大小写是否相匹配。此选项用于对文件名大小写敏感的UNIX系统。

【启用缓存】复选框表示是否创建本地缓存以提高链接和站点管理任务的速度。

在对话框的【高级设置】中选择【遮盖】选项,如图3.14所示。


e0823388b75763a14be486498fd28daaa0676e70

在【遮盖】选项中可以设置以下参数。

选中【启用遮盖】后激活文件遮盖。

遮盖具有以下扩展名的文件:勾选此复选框,可以对特定文件名结尾的文件使用遮盖。

在对话框中的【高级设置】中选择【设计备注】选项,在最初开发站点时,需要记录一些开发过程中的信息和备忘。如果在团队中开发站点,需要记录一些与别人共享的信息,然后上传到服务器,供别人访问,如图3.15所示。


828a436cf4a1d7410488c049753c03d83cab597b

在【设计备注】选项中可以进行如下设置。

维护设计备注:可以保存设计备注。

清理设计备注:单击此按钮,可以删除过去保存的设计备注。

启用上传并共享设计备注:在上传或取出文件的时候,设计备注会上传到远端服务器上。

在对话框的【高级设置】中选择【文件视图列】选项,用来设置站点管理器中文件浏览器窗口所显示的内容,如图3.16所示。


15b8f004069e040cb77001c99dfcb4d956ba899b

在【文件视图列】选项中可以设置如下内容。

名称:显示文件名。

备注:显示设计备注。

大小:显示文件大小。

类型:显示文件类型。

修改:显示修改内容。

取出者:正在被谁打开和修改。

在对话框的【高级设置】中选择【Contribute】选项,勾选【启用Contribute兼容性】复选框可以提高与Contribute用户的兼容性,如图3.17所示。


55d21150986c04747f5175d5ac356fad222008a7

在对话框的【高级设置】中选择【模板】选项,如图3.18所示。


3b0f9909f9f4cb05f7005548b25975552f215a68

提示

相对路径就是指由这个文件所在的路径引起的跟其他文件(或文件夹)的路径关系。使用相对路径可以为我们带来非常多的便利。
在对话框的【高级设置】中选择【Spry】选项,如图3.19所示。


249fb5bbaaeaeae75853ecde4094ab4952da9f27

在对话框的【高级设置】中选择【Web字体】选项,如图3.20所示,在这里可以设置网站所需字体的存储位置。


8fc5a64c2564205af6a9eb50e21d7f9be50005d3

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Python干货:用Scrapy爬电商网站
电商老板,经理都可能需要爬自己经营的网站,目的是监控网页,追踪网站流量,寻找优化机会等。
6582 0
《HTML CSS JavaScript 网页制作从入门到精通 第3版》—— 导读
十多年前,Internet在国内开始流行。其中,网页作为互联网的主要媒介受到了电脑爱好者的广泛关注。由于当时网速的限制,网页主要承载文本、图片等简单数据,使用Dreamweaver或Frontpage软件即可轻松制作网页。
1185 0
经典网页设计:30个新鲜出炉的扁平化网站设计《上篇》
  最近,你会发现大家都在讨论扁平化网页设计。每个人都想要它,因为它很酷,因为它是目前的趋势。扁平化设计,因其简单性和关注用户,去除了很多网站的不必要的元素,例如沉重的背景图片,渐变,斜面和其他一切使空间杂乱的东西。
729 0
基于Scrapy爬取伯乐在线网站(进阶版)
标题中的英文首字母大写比较规范,但在python实际使用中均为小写。 爬取伯乐在线网站所有文章的详情页面 1.网页持久化 1.1 新建爬虫工程 新建爬虫工程命令:scrapy startproject BoleSave2 image.png 进入爬虫工程目录命令:cd BoleSave2 新建爬虫文件命令:scrapy genspider save blog.jobbole.com 1.2 编辑save.py文件 网页持久化只需要编辑爬虫文件就可以,下面是save.py文件的代码。
863 0
+关注
异步社区
异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区,也是国内领先的IT专业图书社区,致力于优质学习内容的出版和分享,实现了纸书电子书的同步上架,于2015年8月上线运营。公众号【异步图书】,每日赠送异步新书。
12049
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载