作者：王苏颖
出版社：电子工业出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
Web应用项目开发实验指导试读：
前言
本书是《Web应用项目开发》一书的配套教材，内容为课程中实训任务的详细工作过程。
本书包含6个综合实训项目，内容涉及建立个性化站点、个人类网站的设计与制作、体育类网站的设计与制作、商业类网站的设计与制作、政府类网站的设计与制作和旅游类网站的设计与制作等项目中的综合实训和典型任务的操作，可作为读者学习《Web应用项目开发》课程的预习指南、复习指导。
编写目的
本书以实际的岗位工作为依托，针对每一个技术点都有相应的实训进行支撑，通过实际的岗位实训任务采用由浅入深的方法进行讲解，在实训任务的工作过程讲解中，注重引发读者思考，再通过完成实训任务的步骤引导，使学生深入理解相关理论知识，自行得出结论，从而提高学生对岗位工作的认识，更好地实现学习与工作的对接。
本书读者
读者对象可以是中职类院校计算机应用专业的学生、教师，也可以是希望学习网页制作知识的相关人员。
阅读方法
本书将所有内容分为6个项目，每一项目所包含的实训任务都具有各自的功能和技术要点，有综合实训供读者练习，以加强读者的实战能力。读者可以选择逐页阅读方式，也可以灵活地、有选择地针对某些实训进行阅读。
本书配合《Web应用项目开发》教材使用，可达到理论和实践的融合，帮助读者更深入的了解技术内容、提高动手实践能力，利于读者更直接地获得岗位工作能力。
编 者
2013年8月
项目一 建立个性化站点
岗位任务
建立站点是制作网页的第一步，包括制作前期对素材的准备和站点结构的规划，要想设计出精美的网站，就要从设计站点开始。
教学目标
1.通过欣赏个人网站主页，锻炼学生案例创意的能力。
2.培养学生自主学习的能力，解决问题时具有团队精神和合作意识。
3.了解一般站点的设计流程，并掌握素材及其制作工具的有关知识。
4.通过本项目的学习使学生掌握网站中站点的建立与规划方法。
任务1 为建立站点做准备
要求 收集网页素材。
操作指导
我们决定个人网站的具体内容后，通过网络或者其他途径找到所需要的文字，如果愿意公开的话，也可以是自己平日写的一些心情日记等内容。将所需的文字资料保存在记事本中。（1）使用搜索引擎搜索到需要的图片素材后，可下载使用。如果会运用图像编辑软件，还可以对下载的图片进行编辑处理，然后再使用。（2）使用搜索引擎，下载自己喜欢的音乐作为网站的背景音乐。建议音乐格式为MID。
任务2 网站的规划
要求 合理规划站点结构。
操作指导（1）打开资源管理器，在D盘建立站点目录mysite21，目录结构如图1-1所示。图1-1 站点目录结构（2）将搜集的素材复制到相关的文件夹中，图片文件放置在images文件夹内，文字、音乐、FLASH文件放置在other文件夹内。综合实训 站点的建立与管理
实训要求：（1）建立站点目录mysite1，并将站点指定到站点目录。（2）将素材和文件保存到指定的目录结构中。（3）通过文件面板完成对站点文件的删除、重命名等。（4）实例效果如图1-2所示。图1-2 站点目录结构
实训指导：（1）打开Dreamweaver软件，选择“新建站点”命令，如图1-3所示。图1-3 新建站点（2）在打开的“站点定义”对话框的“本地信息”分类中进行如下设置，如图1-4所示。图1-4 建立站点目录结构（3）建立完成后，单击“确定”按钮。在“文件”面板中显示的站点结构如图1-5所示。右击文件面板的“站点”按钮，在快捷菜单中选择“新建文件夹”命令，如图1-6所示，分别命名为“files”、“other”、“images”，分别用于保存网页文件、其他文件及图像文件，如图1-7所示。图1-5 站点结构图1-6 选择“新建文件夹”选项图1-7 其他文件及图像文件（4）使用同样的操作，右击files文件夹，在快捷菜单中选择“新建文件”命令，分别命名为“index.html”、“two.html”、“three.html”。分别复制一些图片文件到images文件夹中，flash动画复制到other文件夹中。目录结构如图1-8所示。图1-8 目录结构（5）在“文件”面板中，右击要修改的文件，在快捷菜单上选择“编辑”选项，可以选择剪切、粘贴、删除、复制、重命名等操作，如图1-9所示。图1-9（6）将图1-8中的three文件名改为“three.html”，如图1-10所示。图1-10 将文件名改为“three.html”
项目二 个人类网站的设计与制作
岗位任务
在网络技术飞速发展的今天，每个人都在网上写博客，作为现代青年的你当然也不能落后，你要为自己设计一个个性化的个人网站。个人类网站是互联网中最为绚丽的风景，是可以充分展示个性的空间。这类网站没有其他类网站的限制，自己就是设计师。表格布局是网站建设中最为经典的布局方式，本项目使用表格进行布局，完成个性化的个人站点建立。
教学目标
1.学习站点的建设与规划。
2.掌握页面中表格布局的操作方法。
3.初步掌握图片的属性设置的方法。
4.掌握链接的使用及设置。
5.掌握页面的浏览与保存。
任务1 新建站点及相关网页
要求（1）在D盘建立站点目录mysite31，并使用高级标签定义站点，站点名为“唐诗”。（2）使用创建网页中的方法二，在起始页中的“创建新项目”中单击“HTML”，创建新网页。（3）选择“文件/保存”命令，将网页保存在站点根目录下，保存文件名为“index.html”。（4）使用上述另外两种网页创建方法，创建三张网页，并分别保存在站点目录下的files文件夹内，文件名分别为“lx1.html”、“lx2.html”、“lx3.html”。
操作指导（1）打开Dreamweaver，在起始页中单击“创建站点”按钮，打开“定义站点”对话框。（2）输入站点名称，单击“下一步”按钮，如图2-1所示。图2-1 输入站点名称（3）选择“编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）”选项，设置文件的保存路径，如图2-2所示。图2-2 设置文件的保存路径（4）站点建立完成，在起始页上单击“新建HTML”按钮，创建一个新文件。（5）单击“文件”菜单下的“保存”命令，将文件保存至站点目录下，命名为“index.html”。（6）重复以上两步完成其他页面的制作。
任务2 创建列表
要求（1）打开任务1中的文件index.html。（2）创建编号列表和项目列表。（3）插入水平线。（4）插入日期和时间。（5）插入图片。（6）设置网页属性。页面效果如图2-3所示。
试读结束[说明：试读内容隐藏了图片]