《(中职）网页制作基础（Dreamweaver CS6）（第2版）项目二 创建和管理站点电子课件（）.pptx》由会员分享，可在线阅读，更多相关《(中职）网页制作基础（Dreamweaver CS6）（第2版）项目二 创建和管理站点电子课件（）.pptx（25页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、(中职）网页制作基础（Dreamweaver CS6）（第2版）项目二 创建和管理站点电子课件（工信版）项目一 创建和管理站点项目目标（1）了解DreamweaverCS6的工作界面；（2）了解DreamweaverCS6的基本功能；（3）掌握如何创建和设置Dreamweaver的本地站点；（4）在本机访问自己的网页。项目描述本项目将通过3个任务来说明如何利用DreamweaverCS6开发软件创建本地站点，并对本地站点进行发布，使自己的站点允许他人来访问。任务1 认识Dreamweaver CS6 n任务任务目标目标（1）启动DreamweaverCS6；（2）认识DreamweaverCS
2、6的工作界面。n任务任务描述描述熟悉DreamweaverCS6的工作界面及常用部分的用途。n任务分析任务分析浏览DreamweaverCS6的工作界面，熟悉各部分的名称及作用。操作步骤n步骤步骤1启动DreamweaverCS6。方法方法一：一：选择“开始”“所有程序”“AdobeDreamweaverCS6”命令。方法方法二：二：双击桌面上的DreamweaverCS6图标。操作步骤n步骤步骤2新建网页。方法一：方法一：使用菜单命令新建网页。方法二：方法二：在主界面的“新建”栏中直接选择“HTML”选项，也可以直接创建一个空白网页。操作步骤n步骤步骤3认识DreamweaverCS6工作界
3、面的各部分。（1）插入工具栏。（2）文档工具栏。（3）“属性”面板。（4）面板组。（5）文档状态栏。试一试启动DreamweaverCS6，试着新建一个网页，并重新设置面板组中的各种面板。任务2 创建本地站点n任务任务目标目标在DreamweaverCS6中创建本地站点、管理本地站点。n任务任务描述描述在Dreamweaver中，“站点”指属于某个Web站点文档的本地或远程存储的位置。Dreamweaver站点提供了一种方法，使用户可以组织和管理所有Web文档，并将其站点上传到Web服务器，跟踪和维护用户的超级链接，以及管理和共享文件。在制作网页之前，通常应定义一个站点以充分利用Dreamwe
4、aver的功能。本任务将“素材项目2示例qyw”设置为Dreamweaver站点。n任务分析任务分析在Dreamweaver中，站点分为“本地站点”“远程站点”，由于本书中网页均在本地测试，所以仅设置本地站点。任务2 网站规划与设计 n任务任务描述描述在互联网中会浏览到很多网站，这些网站各具特色，通过欣赏优秀的网站案例，可以学到网站规划和设计的基本知识。n任务分析任务分析通过浏览实际的网站了解网站的分类，并理解创建一个网站不是简单地创建一个页面，而是要进行前期规划，确定网站的主题、页面布局、功能架构和板块结构等。操作步骤n步骤步骤1启动DreamweaverCS6。n步骤步骤2启动新建站点。（
5、1）选择“窗口”“文件”命令或者按F8键，打开“文件”面板。（2）在“文件”面板的“桌面”下拉列表中，选择“管理站点”选项。（3）弹出“管理站点”对话框，单击“新建站点”按钮，也可以直接选择“站点”“新建站点”命令。n步骤步骤3命名站点。弹出“站点设置对象企业网”对话框，选择“站点”选项卡，将站点命名为“企业网”，设置本地站点文件夹，单击“保存”按钮，操作步骤n步骤步骤4确定是否使用服务器技术。在“站点设置对象企业网”对话框中，选择“服务器”选项卡，设置服务器技术。n步骤步骤5指定站点所在文件夹。在“站点设置对象企业网”对话框中，指定文件的存储位置为“D:素材项目2示例qyw”，如果文件夹还未
6、建立，则可直接输入路径，系统将会自动建立该文件夹，单击“保存”按钮。n步骤步骤6设置远程服务器。配置远程站点，由于这里是在本地开发的，所以无须定义，单击“保存”按钮即可完成站点的设置。知识链接1本地根本地根文件夹文件夹2远程文件夹远程文件夹 3网站框架网站框架1）站点管理器2）创建文件夹3）定义新站点4）创建和保存网页知识链接4管理站点文件和管理站点文件和文件夹文件夹1）重命名文件和文件夹2）移动文件和文件夹3）删除文件和文件夹5管理站点管理站点1）打开站点2）编辑站点3）复制站点4）删除站点5）导入和导出站点试一试尝试将本书素材“素材项目2示例qyw”文件夹复制到D盘中并建立Dreamwea
7、ver站点“企业网”。任务3 在本机访问网页n任务任务目标目标（1）安装IIS；（2）在IIS中配置站点；（3）在Dreamweaver中浏览网页。n任务任务描述描述大家经常会访问一些网站，而这些网站都位于远程服务器上，用户一定希望自己的站点也能被其他用户访问。现在将文件夹“素材qyw”配置为一个Web站点，并在Dreamweaver中设置Web站点，浏览网页。任务3 在本机访问网页n任务分析任务分析互联网信息服务（InternetInformationServices，IIS）是Microsoft公司开发的一个提供Web服务的组件，一个站点若要允许远程用户通过IE来访问，就需要IIS的支持。
8、目前很多网站服务器安装的依然是Windows服务器系统，如常见的WindowsServer2003中核心的功能就是IIS。WindowsXP/Server2003自带的是IIS6，Windows7/Windows8Windows10自带的是IIS7/8，版本越高，安全性通常越好。在IIS中将本机上的文件夹设置为一个站点，即可允许其他计算机通过网络来访问。下面只介绍Windows10中IIS安装和配置的方法，并在Dreamweaver中设置Web站点，浏览网页。操作步骤n步骤步骤1在Windows10中安装IIS。（1）按Windows徽标键，选择“开始”“所有应用”“Windows系统”“控制
9、面板”命令，打开“控制面板”窗口，选择“程序”选项。“控制面板”窗口操作步骤（2）打开“程序”窗口，单击“启用或关闭Windows功能”超级链接。（3）弹出“Windows功能”对话框，选中“InternetInformationServices”复选框，并在其展开列表中根据需要选择功能即可，如“FTP服务器”“Web管理工具”“万维网服务”等功能，并单击“确定”按钮。n步骤步骤2在Windows10中设置IIS。（1）打开“控制面板”窗口，选择“系统和安全”选项，再选择“管理工具”选项。双击“管理工具”窗口中的“InternetInformationServices（IIS）管理器”选项，进
10、行IIS的相关设置。（2）打开“InternetInformationServices（IIS）管理器”窗口，选择DESKTOP-DQEI7U0选项，在展开的树状列表中，选择“网站”选项。（3）选择“网站”选项并右击，在弹出的快捷菜单中选择“添加网站”命令，弹出“添加网站”对话框，设置网站名称为“企业网”，设置物理路径为“D:素材qyw”，设置端口为“81”，单击“确定”按钮。操作步骤n步骤步骤3在Dreamweaver中设置Web站点。（1）设置本地站点。（2）选择“服务器”选项卡，设置连接方法为“本地/网络”，设置服务器文件夹为“D:素材qyw”，设置WebURL为http:/localh
11、ost:81。（3）选择“高级”选项卡，将服务器模型设置为“ASPVBScript”，单击“保存”按钮操作步骤n步骤步骤4在Dreamweaver中浏览网页，测试站点。（1）在Dreamweaver中打开ceshi.html网页，按F12键浏览网页。（2）IIS配置成功，网页能够正常浏览。知识链接1网站网站网站是许多相关网页有机结合而形成的一个信息服务中心。网站的设计者将要提供的内容和服务制作成许多网页，并经过组织规划，使网页互相链接，然后把相关文件存储在Web服务器的一个文件夹中。这样，一个文件夹就是一个网站。2主页主页主页指当用户没有指定网页文件名时，网站默认显示的网页。主页文件名通常为index.htm、index.html和default.htm。拓展与提高IIS是一种Web服务组件，其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送，为在网络（包括因特网和局域网）上发布信息提供了极大的便利。IIS通常运行在Windows的Server版本中，可支持大量用户的访问。试一试尝试将在本项目任务1中保存的网页文件设置为一个网站，使其他人能够通过网络来访问此网站。