Posted on 2011-04-30 00:24
哈希 阅读(175)
评论(0) 编辑 收藏 所属分类:
Js and Jquery 常用总结
|
|
|
|
双击自动滚屏/单击停止
|
|
本章教学目标 |
在使用Dreamwear制作网页之前,必须首先创建网站或打开网站,此时Dreamwear会自动将所有网站资源(HTML文档、图片、动画、声音、程序等)都保存到网站文件夹中,从而保证网站发布后网页上的所有元素可以正常浏览。本章教学目标:
- 学习设计、创建网站的基本步骤
- 使用Dreamwear 建立本地站点操作方法
- 使用Dreamwear 建立远程站点的操作方法
|
本章主要内容 |
|
2.1 规划网站 |
|
2.2 创建本地站点
|
|
2.3 创建远程站点 |
|
2.4 设置本地计算机为可访问服务器 |
本章动画演示 |
|
|
· 建立本地站点 |
· 建立远程站点
|
|
在建立网站与制作网页之前首先要规划站点:
① 规划站点结构:合理的站点结构可以加快对站点的设计,提高工作效率。
- 用文件夹保存文档:首先建一个根文件夹,然后在其中建若干子文件夹,分类存放网站全部文档。
- 使用合理的文件名:文件夹名称与文件名称,用容易理解网页内容的英文名(或拼音),最好不要使用大写或中文。这是由于很多网站使用Unix操作系统,该操作系统对大小写敏感,且不能识别中文文件名。
- 合理分配文档资源:不同的对象放在不同的文件夹中。不要将与网页制作无关的文件放置在该文件夹中。
② 规划站点导航机制:提供清晰易懂的浏览方法,采用统一的网页组织形式,引导用户轻松访问网站。
- 建立返回主页链接:在每个页面上设置,避免迷失方向。
- 显示网站专题目录:每一页面都应提供网站简明目录结构,引导用户快速进入。
- 显示当前位置:在显著位置上标出当前页在网站中的位置。
- 搜索索引反馈:数据网站应设搜索功能。
- 反馈:设置管理员email信箱、意见反馈表单等功能。
③ 构建整体的站点风格:网站中网页风格应该统一,使网站特点鲜明,突出主题。
- 风格统一:在多个网页上重复出现标识网站特征的某些对象。
- 使用模板和库:快速批量创建相同风格的网页。
在制作
网页之前,必须首先创建网站或打开网站,此后Dreamwear会自动将所有网站资源(HTML文档、图片、动画、声音、程序等)都保存到网站文件夹中,
从而保证网站发布后网页上的所有元素可以正常浏览。网站分为本地站点(网站存放在本机硬盘上)与远程站点(网站存放在用于发布网站的服务器端)。
使用dreamwear创建创建本地站点方法如下:
1.打开站点定义”对话框。
打开Dreamwear 选取站点菜单→选取管理站点项目→点击新建按钮→选取站点项目
2.给站点命名
选取站点名称文本方块,输入站点名称
3.选取或建立站点文件夹
点击浏览文件夹按钮→点击创建新文件夹按钮→输入新建的站点文件夹名后,选择该文件夹→点击打开按钮→点击选择按钮
4.选取或建立默认图像文件夹
选取默认图像文件夹文本框→点击浏览文件夹按钮→打开新建的站点文件夹→点击创建新文件夹按钮→输入图象文件夹名(images)后,选取该文件夹→点击打开按钮→点击选择按钮
5.设置访问本机网站的Http地址
选取HTTP 地址文本框→输入访问本机网站时的地址→点击确定按钮→点击完成按钮
练习2-1
1.在本机硬盘上创建一个本地站点,文件夹名用mysite,Http地址为
http://localhost/mysite 站点名用自己姓名拼音缩写。
2.在本地站点创建一个新文件夹(如Image),用于存放图形文件。
3.在根文件夹下创建一个新文件。命名为default.htm,输入一些内容。
4.按F12键预览网页
在创建了本地站点之后,使用[定义站点]命令设置或改变远程服务器信息。
1.打开站点定义中远程信息设置对话框。
选取站点菜单 → 选取管理站点项目 → 选取要编辑的网站 → 点击编辑按钮 → 选取远程信息项目
2.设置访问类型
选取访问框进行设置
- [无]:如果不计划将站点上载到一个服务器时选择该项。
- [本地/网络]:如果web服务器被映射为一个网络驱动器,或者是在本地机上运行web服务,选择该项。
- [FTP]:若要使用FTP连接到Web服务器,选择该项。
3.设置远端文件夹
点击浏览文件夹按钮 →选取本地磁盘 (C:)项目→打开 Inetpub 文件夹→打开 wwwroot 文件夹→点击创建新文件夹按钮→输入文件夹名mysite(该文件夹名即为远程网站名)→点击选择按钮
4.设置其它参数
- 如果需要在添加和删除文件时[站点]窗口的[远端站点]栏可以自动更新,选取[自动刷新远程文件列表]选项。如果要提高向远程站点拷贝文件的速度,请不要选定该选项。(若要在任何时候手工刷新[站点]窗口,点击[站点]窗口的[刷新]按钮。)
- 如果在协作环境中工作,则可以使用存回/取出系统在本地和远程站点之间传输文件。当文件取出后,Dreamweaver
会在“站点”面板上显示取出该文件的人员的名称,并且在该文件的图标旁显示选中标记。存回文件后本地版本将变为只读,一个锁形符号出现在“站点”面板上该
文件的旁边,以防止更改该文件
- 如果只有一个人在远程站点上工作,则可以使用“获取”和“上传”命令传输文件,而不用存回或取出文件。
5. 点击“确定”按钮后点击“完成”按钮
如果要使本地计算机作为服务器接受访问,需要安装服务器程序(例如微软的PWS或IIS)并启动网站.
一.启动网站方法:
1) 在已安装IIS的计算机上,选择开始→设置→控制面板→管理工具→Internet信息服务,打开如下面板
2) 选择网站下的默认网站,点击"启动"按钮 |
|
二.在本地计算机发布网站方法
方法一:
1)
在Dreamwear中将远程站点设置为本地机的C:"Inetpub"wwwroot"站点文件夹(例如mysite)
2) 点击上传文件按钮,将本地站点文件夹所有文件上传至远程站点
方法二:
1) 选择开始→程序→资源管理器,找到本地站点文件夹
2) 右键点击站点文件夹,在弹出的菜单中选择共享
3)选择web共享选项卡
4)选择共享文件夹
5)在别名框中输入要发布的文件夹名称的别名(要求:字母或数字,不能是汉字或全角字符)
6)点击"确定"
|
|
|
三.浏览网站方法
打开浏览器,输入访问地址:
- 本机访问URL http://localhost/发布的站点名
例如:http://localhost/mysite
- 其他机访问URL http://IP地址或计算机名/发布的站点名例如:
例如:http://st11/mysite
http://10.1.5.128/mysite
- 查看本机IP地址方法:
选择开始→运行→cmd→在dos提示符后输入ipconfig)
- 查看本机计算机名方法:
右键点击"我的电脑"→在弹出的菜单中选择"属性"→点击"计算机名"选项卡查看
练习2-2
1.在C:"Inetpub"wwwroot"文件夹下新建一个用于存放自己网站的文件夹,文件夹名mysite
2.设置远程信息,选择服务器为“本地/网络”;远程站点文件的目录地址为C:"Inetpub"wwwroot"mysite
3.将本地站点上传至远程站点后,刷新远程站点。
4.使用URL地址访问自己所建的站点:
本机访问URL http://localhost/mysite
其他机访问URL http://IP地址/mysite
本章要点
|
·规划站点 |
- 用文件夹保存文档:首先建一个根文件夹,然后在其中建若干子文件夹,分类存放网站全部文档。
- 使用合理的文件名:文件夹名称与文件名称,用容易理解网页内容的英文名(或拼音),最好不要使用大写或中文。
- 合理分配文档资源:不同的对象放在不同的文件夹中。不要将与网页制作列关的文件放置在该文件夹中。
|
·建立本地站点操作步骤
|
- 打开站点定义”对话框
- 给站点命名
- 选取或建立站点文件夹
- 选取或建立默认图像文件夹
- 设置访问本机网站的Http地址
|
·建立远程站点操作步骤 |
1. 打开远程站点定义对话框
2. 设置远程访问的类型
3. 建立远程站点文件夹
4. 设置参数
5. 上传站点并访问 |