凤凰创壹虚拟网页设计与制作系统模块内容说明书.docxVIP

凤凰创壹虚拟网页设计与制作系统模块内容说明书 目 录 TOC \o 1-3 \h \z \u 教 学 1 一 理论知识 1 二 三维互动 1 项目1 初始网站 2 项目2 html 23 项目3 表格布局 44 项目4 图文混排 101 项目5 CSS 128 项目6 DIV+CSS 159 项目7 表单 239 项目8 行为 271 项目9 综合实训 350 教 学 三维互动 项目1 初始网站 初始界面如下图所示： 点击，如下图所示： 在D 盘的根目录下新建一个名为mysite 文件夹，作为站点文件存放的目录。如图所示： 在mysite 文件夹下建立两个子文件夹images、files，作为网页图片存放的目录， 将素材包中的图片素材复制到站点目录的images 文件夹内。 打开Dreamweaver CS3，如图所示： 点击Dreamweaver站点，如图所示： 输入站点名称mysite,点击下一步，如图所示： 点击下一步，如图所示： 制定D 盘下的文件夹mysite 作为站点根目录，如图所示： 点击下一步，如图所示： 点击完成,如图所示： 新建首页index.html 文档 点击文件-保存，如图所示： 将文件保存到Files 文件夹中，将文件名改为index.heml，如图所示 在新建的文档中输入文字“我的第一个网站”，如图所示： 点击插入记录-图像，如图所示： 选择images文件夹下的pic.jpg图片，点击确定。如图所示 选择在IE浏览器中浏览，如图所示： 在弹出的提示框中选择“确定”，如图所示： 所有步骤完成 项目2 html 初始界面，如图所示： 点击，如下图所示： 在D 盘的根目录下新建一个bjzy 文件夹，作为站点文件存放的目录，如图所示： 在bjzy 文件夹下建立一个下级文件夹images、files 作为网页图片、网页文件存放的目录。如图所示： 将素材包中的文件负责到images文件夹下，如图所示 打开Dreamweaver CS3，如图所示： 点击Dreamweaver站点，如图所示： 输入站点名称班级主页,点击下一步，如图所示： 点击下一步，如图所示： 制定D 盘下的文件夹bjzy 作为站点根目录，如图所示： 点击下一步，如图所示： 点击完成,如图所示： 新建一记事本文件，以bjzy.html 为文件名保存在files 文件夹中，如图所示 右击bjzy.html，在弹出的快捷菜单中，选择“打开方式”为“记事本” 并输入如下代码 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title undefined /title /head body table width=96% height=563 border=0 align=center background=../project1_2/images/beijing.jpg tr td colspan=6 div align=center class=STYLE1 08 计算机网络技术 /div /td /tr tr td colspan=6 div align=center span class=STYLE4 marquee behavior=alternate div align=center class=STYLE2 a href=mailto:jsjwl08@ We Are The Best! /a /div /marquee /td /tr tr td width=5% div align=center /div /td