网页制作培训

《网页制作培训》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页制作培训教程一、参考教材《网页制作Dreamweaver》NIT证书考试指定教材以及本教程所附的实验案例。二、培训目标掌握网页制作的基本概念、操作步骤和Web服务器的简单配置，能按要求制作出一个简单的网站，且发布到网上。三、培训学时与方式8－10个学时，机房上课，以案例贯穿基本概念与操作步骤，教师一边教，学生一边练。四、培训大纲（范围）1、熟悉DreamweaverMX2004的工作环境。2、掌握网站创建的方法和学习制作一个简单网页。3、掌握使用表格布局网页的方法。4、掌握在网页中编辑文本、插入特殊元素、设置网页背景音乐的方法。5、掌握在网页中插入图像并设置图像格

2、式的方法。6、掌握网页中超链接的设置方法。7、掌握掌握利用Web服务器IIS在局域网中发布网站和在互联网上发布网站的方法。五、使用的软件网页制作采用DreamweaverMX2004中文版，网站的发布采用IIS（InternetInformationServer，互联网信息服务）5.0以上版本均可。培训前须安装好这两个工具。案例一：创建网站及制作一个网页实验目的：掌握网站创建的方法和学习制作一个简单网页实验要求：按要求创建“园林建筑艺术”，并制作简单网页实验学时：2。任务1创建“园林建筑艺术”网站任务说明：创建“园林建筑艺术”网站，网站结构如图1所示：园林建筑艺术In

3、dex.html皇家园林—颐和园yiheyuan.html园林的特点tedian.html园林的定义dingyi.html私家园林图片tupian.html私家园林—拙政园zhuozhengyuan.html图1园林建筑艺术网站结构20步骤1：启动DreamweaverMX（1）在本地磁盘中新建一个文件夹，如E:yuanlin；（2）启动DreamweaverMX。步骤2：创建本地站点（1）执行“站点

4、管理站点”命令，打开“管理站点”对话框，选择“新建”按钮中的“站点”命令，弹出“站点定义”窗口；图2站点总结（2）输入站点名称“园林建筑艺术”；（3）单击“下一步”按

5、钮进入“站点定义的第2个窗口，设置服务器技术，选择“否，我不想使用服务器技术”单选按钮；（4）单击“下一步”按钮进入“站点定义”的第3个窗口，设置站点文件位置。选择“编辑我的计算机上的本地副本，完成后再上伟到服务器”单选按钮，设置文件存储位置为E盘“yuanlin”（5）单击“下一步”按钮进入“站点定义”的第4个窗口，设置远程服务器的连接方式。单击“您如何连接到远程服务器”文本框右侧的下箭头，从下拉列表中选择“无”。（6）单击“下一步”按钮进入“站点定义”的最后一个窗口：“总结”窗口，如图2所示。步骤3：创建网页文件和素材文件夹（1）创建主页图3站点中的网页和素材文件

6、夹在“文件”选项卡中选中“园林建筑艺术”站点，鼠标右键单击，从弹出的捷菜单中选择“新建文件”命令，在当前站点中新建了一个网页文件，然后把默认的网页文件名称更改为index.html。（2）用同样的方法创建其余5个网页文件：dingyi.html、tedian.htm、yiheyuan.html、zhuozhengyuan.html和tupina.html（3）创建图片素材文件夹。仍然选中“园林建筑艺术”站点，单击鼠标右键，从弹出的捷菜单中选择“20新建文件夹”命令，在当前站点中新建了一个文件夹，并重命名为images，完成后的效果见图3。步骤4：创建站点结构（1）把i

7、ndex.html文件设置为站点的首页。单击“文件”面板中“文件”选项卡中的“展开/折叠”按钮，把“文件”面板展开为独立窗口，选择index.html文件，执行“站点

8、设成首页”命令，设置index.html文件为站点的首页；（2）在此窗口中单击“站点地图”按钮，从弹出的快捷菜单中选择“地图和文件”命令；（3）制作网站的导航结构。在左窗口选中index.html网页，出现该文件的连接标记，将连接标记拖拽到右侧“本地文件”窗口中的文件dingyi.html上，松开鼠标，就会把dingyi.html文件链接到index.html网页中，并显示在“站点地图”窗口中index

9、.html的下面；（4）用同样方法链接tedian.html、yiheyuan.html、zhuozhengyuan.html到主页的下面，链接tupian.html到zhuozhengyuan.html的下层，最终效果如图4。图4站点地图中创建了站点的导航结构任务2制作简单的网页任务说明：制作dingyi.html网页，效果如图5所示。图5dingyi.html网页效果步骤1：设置页面属性20（1）在“文件”面板中的站点文件列表中双击dingyi.html，进入该网页的编辑环境。（2）执行“修改

10、页面属性”命令，弹出“页面属性”对话框。（3）设置网