您好!欢迎您光临本站! 体育 I 论坛 I 交友 I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>学习教材>>>Dreamweaver教程>>>网页制作——第一课:相关知识
网页制作——第一课:相关知识
发表日期:2007-3-31 8:00:00 出处:闪客启航 作者:未知 发布人:aypy1020 已被访问 3572

第一节:术语回顾

我们面向的对象是对网页制作没有任何基础,对Dreamweaver MX 2004软件“零认识”但又想建设自己的网络家园的朋友。只要能按照教程一步一步的走下去,相信当几天之后,大家就能欣赏到您精美的网页。

    这里我们一起来学习用Macromedia公司的Dreamweaver MX 2004制作网页,Dreamweaver MX 2004是一款所见即所得的网页编辑工具,它不但能够完成一般的网页编辑工作,而且能够实现过去需要编程才能实现的效果,因此一直以来Dreamweaver都是网页制作专业人士的首选工具。既是一个功能强大的软件,又是一个使用简单的网页编辑工具,它的所见即所得的可视化特点,可以使用户不用书写一个代码就能制作出精美的、专业的网页。同以前的版本相比Dreamweaver MX 2004增加了更多的功能。我们考虑到真正的从零开始,在学习过程中,我们尽量避免涉及到更多的理论性,在学习的实践中逐步引入概念,力图在朋友们制作过程中自然理解看似生涩的专业术语,当您的主页制作完毕,相应的理论知识也就自然掌握了。

    开始学习之前,请各位朋友首先购买(下载)安装好Dreamweaver MX 2004,然后请跟我们一起体验Dreamweaver MX 2004的精彩世界吧!

    本教程中图例:

代表点击此处可以看到更多相关链接

代表知识要点

代表点击此处可以查看更多内容

代表点击此处可以回到首页

代表点击此处可以下载相关软件或素材包

 

第二节:FTP软件

CuteFTP XP下载

玉树老师FTP教程

本来使用FTP上传是在网页制作完成之后的工作,但很多网页效果需要服务器支持才能看出设计效果,这是不同于三剑客中其他软件的地方, 我们提前向大家介绍FTP的只用方法 ,目的是为了方便制作者能及早让大家欣赏到您的作品,也方便大家相互交流。 

    尽管Dreamweaver MX 2004自带了功能强大的FTP上传功能,但鉴于国内网络现状以及使用方便程度,很多资深网民仍习惯于使用专业的FTP软件,以期在方便程度上、速度上获得更好的效果。

    CuteFTP就是由Globalscape公司开发的一款专业的老牌FTP软件,在这一小节中,我们来一起一起学习CuteFTP5.0XP的基本使用方法。在任何一款FTP软件中,主机名、用户名、用户密码、远端目录、本地目录等都是必不可少的要素,在本小节学习了CuteFTP软件的使用方法之后,各类FTP软件也就能触类旁通了, Dreamweaver MX 2004自带的FTP功能也不例外,至于在Dreamweaver MX 2004自带的FTP特殊功能,我们将在后面的章节中加以讨论。

CuteFTP 5.0 MX 软件界面:

    上图是软件运行后默认的界面,在设置中可以改变界面的显示形式,例如可以将本地目录和远端目录上下摆放,依照个人喜好而异,在下面的介绍中,我们以软件默认为例。

 

CuteFTP 5.0 MX常用工具和基本状态:



菜单栏——
同所有软件一样,菜单栏几乎包含了软件的所有命令和功能。在基本使用中几乎不使用它。
工具栏——菜单栏中最常用的工具的图标按钮形式,使用它就能完成基本操作中的所有工作。
快速工具栏——只需填入主机名、用户名、密码和端口号,点击“连接”图标就能登陆相应的主机。
高亮显示和目录操作——如图所示当高亮显示在本地或远端的时候,点击高亮显示下的文件夹图标即可选择逻辑驱动器(本地)或者目录。
文件上传和下载——选中并打开本地和远端目录后用鼠标将选中的文件拖动到本地或远端即可完成上传和下载。CuteFTP支持整个目录的上传和下载。

提示:当我们选用虚拟主机的时候,连接主机后就直接并只能登陆到网络服务商分配给我们的目录下,我们只能在该目录下进行建立和删除子文件夹以及文件的上传、下载、删除等操作。

 

使用站点管理器:
点击工具栏中的“站点管理器”图标,即可打开如下图所示的站点管理器


1、点击“新建”按钮,主机列表中会出现一个“新建主机”
2、在界面右侧的“站点标签”中填入便于您区分和记忆的站点名称(任意)主机列表中的“新建主机”随之改变
3、“FTP主机地址”中填写网络服务商提供给您的域名或IP,请注意,这里不带有网络协议,如不带有“http://” 根据服务商不同,主机地址也可能叫做主机名。
4、“FTP站点用户名称”即网路服务商给您的用户名,根据服务商不同,也可能叫做用户帐号、帐号等。
5、“FTP站点密码”即密码(password)
6、“FTP站点连接端口”21端口是网络中默认的FTP端口,因此在服务商没有特别说明的情况下,这里是21端口。
7、“登陆类型”如果服务商没有特别指明,选择“普通”即可。

    当完成站点管理之后,选中主机列表中的站点,然后点击“连接”按钮即可实现本机与服务器主机的连接,出现图一所示的界面,在本地或远端之间用鼠标拖动文件或文件夹即可实现文件、文件夹的上传下载。

    以上简单介绍了FTP软件的基本使用方法,作为一款功能强大的专业软件,其功能远远不止这些,更多的功能,大家在今后的使用过程中就能慢慢掌握。

 

第三节:IIS安装

白茶老师IIS教程

玉树老师IIS教程

XP Home版安装IIS

花生壳软件

在前面的章节中已经介绍了网络中“安家”的几种基本方法,其实不论哪一种方法都与网络中的服务器有关。目前很多服务器都采用Windows NT、Windows2000、Windows XP 服务器版,这些操作系统中都必须安装IIS(Internet Information Server)因特网信息服务器。

    在自己电脑中安装IIS,在没有网络空间的时候,您可以将自己的电脑当作服务器,只需要将自己的IP告知他人,大家就能访问您的网页。同时当我们开始学习使用Dreamweaver MX 2004实现各种表单处理、注册页面、等动态功能的时候就必须使用IIS功能来调试。

    在这一小节中,我们以Windows XP为例一起讨论如何安装和设置IIS。

  • 在Windows XP 中选择【开始】-【控制面板】,打开【控制面板】
  • 单击【性能和维护】打开【性能维护】
  • 单击 打开【管理工具】窗口,查看是否有 图标。

   如果没有【Internet 信息服务】图标,请点击这里 进入IIS安装;反之,请点击这里 进入IIS配置。

安装IIS(因特网信息服务)
  
(Windows 2000 Server安装方法相同,如果是Windows98请安装ADD-ONS目录下的PWS)

1、打开 Windows XP 【控制面板】中的【添加和删除程序】

 

然后选择【添加/删除Windows组件】会弹出一个【Windows组件向导】对话框,如下图:

 

点击上图中“详细信息”按钮之后,进入复选窗口,图中做标记的项目必须选择。

 

选择完毕,按下“确定”按钮,IIS将自动安装在系统中,至此IIS安装大功告成。

 
回到顶部

IIS基本设置:

1、双击打开【管理工具】窗口,如下图所示:

 

2、双击上图中的【Internet信息服务】图标,打开【Internet信息服务】窗口:

 

3、用鼠标右键点击【默认网站】在下拉菜单中选择【属性】,打开【默认网站属性对话框】如下图:

 

上图【网站标识】中

  • 【描述】文本框可以输入站点名称或者作者的描述,例如可以改为【启航教程】
  • 【IP地址】文本框输入该服务器在网络中的IP地址,使用下拉箭头,可以看到和选用该服务器正在使用的IP地址,这个IP地址是供访问者浏览网页用的。
  • 【端口】80端口号是网络默认的WEB服务端口,没有特殊需要,不用改变。

关于IP地址,前面我们已经讨论过网上安家的几种方法,那么如果我们要让自己的电脑成为服务器,则设置完毕IIS之后,将这里的IP地址公布给他人,大家就能访问您的主页了。

如果您申请了域名,想让自己的电脑作为服务器使用,但又是使用的动态IP,您可以选用很多软件来解决这个问题,例如使用广州网域公司的“花生壳”软件,让您的动态IP也能对应您的域名。

广州网域科技

 

4、切换到【主目录】选项卡,如下图:

 

图中:

  • 【连接到资源时的内容来源】
    请选则【此计算机上的目录】其他两个选项不选择本地计算机,一般不采用。
  • 【本地路径】
    网站所存在的物理路径名,比如我们在自己电脑的D盘建立了一个myweb的目录,并把我们制作的网页图片等放在这个目录内,那么这个物理路径就是“d:\myweb”
    可以点击【浏览】按钮选择目录

注意:【读取】这一项必须选中,否则他人无法浏览。

【写入】【目录浏览】等选项,为了网站安全起见,如果不是特殊需要,请不要选中。

 

5、切换到【文档】选项卡,如下图:

 

    【启用默认文档】请选中,【默认文档列表】中出现的文档依照上下顺序,会被系统作为网站的首页。也就是说当用户在浏览器的地址栏键入IP地址或者域名之后,IIS会按照从上到下的顺序自动将您的物理路径中的存在的文档提供给用户浏览。

以大多数服务器为例,默认的主页名称为index.htm或Default.htm,因此请各位在制作自己的网站的网页时,主页名称以此命名。

根据您申请的空间不同,可能有的服务商要求主页的名称为index.html等,请根绝服务商要求添加相应的默认文档。

因为我们申请的空间服务器系统不同,有些系统不支持中文文件名,因此请大家务必使用英文小写字母命名文件。

 

6、单击【确定】按钮,完成IIS设置。

本机测试:在浏览器地址栏键入127.0.0.1,打开您的主页。

网络测试:请网络上的朋友访问您的真实的IP地址或者域名,打开你的主页.

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

兰幽空间 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:心梦、劳拉