【Jsp精品源码栏目提醒】:网学会员,鉴于大家对Jsp精品源码十分关注,论文会员在此为大家搜集整理了“Web应用技术 教学配套课件 作者 芦欣 第2章 网站规划与设计 - 职业教育”一文,供大家参考学习!
第2章 网站规划与设计 2.1工作任务1:撰写网站建设规划书 2.2工作任务2:搭建
JSP运行环境 2.3工作任务3:应用网页编辑工具设计网 页 9/112.1工作任务1:撰写网站建设规划书 2.1.1任务描述与目标 1.任务描述 在创建网站之前首先要做好网站的规划,一 个网站的成功与否与建站前的网站规划有着 极为重要的关系。
只有详细的规划,才能避 免在网站建设中出现的很多问题,使网站建 设能顺利进行。
本节的工作任务是为
精品课网站做好网站建 站前的规划工作。
9/112.1工作任务1:撰写网站建设规划书 2.1.2 相关知识1.网站设计的总体流程 ①前期信息收集:收集待建设网站的关键信息,包 括站点的目标受众、要发布的主要内容等。
②概念开发:设计人员根据已收集到的信息,开始 构思。
通常,网站设计师以草图的形式呈现,其中 包含整个网站的结构,不同的布局设计及导航等。
③内容整合:利用各种技术将不同的媒体素材 HTML、CSS、JavaScrip t、JAVA、.NET、 FLASH等,按照网站的目标有机地整合在一起。
9/112.1工作任务1:撰写网站建设规划书 2.1.2 相关知识1.网站设计的总体流程 ④网页制作:设计稿通过以后开始进行页面模板的制作模板制 作完成后,开始进行页面的制作在制作工程中要注意垃圾原 码,一发现就立即清理页面制作完毕后,开始进行后台
程序的 编制。
⑤网站测试:在站点被正式发布之前,测试人员要完整测试整 个网站,尽量减少站点 中包含的错误,并在修改后进行必要 的回归测试。
⑥交付:一旦测试完成,就可以正式启用该网站。
这标志着网 站正式进入运行阶段,当然网站的完善还需要持续地做下去。
9/112.1工作任务1:撰写网站建设规划书 2.1.2 相关知识 2.网站规划 规划是针对未来,在当前作出的决策。
网站规划指的是在网站 建设前根据网站建设的目的,通过市场分析、确定网站的功 能,并根据需要对网站建设中的技术、内容、费用、测试、维 护等做出规定。
网站规划对网站的建设起到计划和指导的作 用,对网站的内容和日后的改进提供方向。
一个网站如果想获 得成功,那么建站前的规划就起着极为重要的作用,这包括: 必要的市场分析、明确网站建设的目的、网站的功能、规模、 投入费用等。
只有这样,才能避免在网站建设中的诸多
问题及 网站建设的失败。
9/112.1工作任务1:撰写网站建设规划书 2.1.2 相关知识3.网站的设计在网站设计中,网页设计的好坏,可以直接影响浏 览者的情绪。
人们对美的追求是不断深入的,网页 设计同样如此,人们要求它在传达信息的同时也具 有良好的视觉效果,达到形式和内容方面的统一。
网页设计是网络
通信技术、传播学、艺术和心
理学 等学科相结合的交叉学科,随着
网络的日益普及而 日益受到人们的重视。
9/112.1工作任务1:撰写网站建设规划书 2.1.2 相关知识3.网站的设计 网站的CI形象设计 网站的总体结构
设计 网站的版面设计 网站的色彩设计 网站
导航设计 9/112.2 工作任务2:搭建
JSP运行环境 2.2.1 任务描述与目标1.任务描述要想在浏览器中浏览基于
JSP的动态网页, 就要搭建
JSP的运行环境,本节的工作任务 是创建
JSP动态网页开发环境,在浏览器中 浏览第一个
JSP动态网页。
9/112.2
工作任务2:搭建
JSP运行环境 2.2.2 相关知识1.JDK的下载与安装2.Tomcat的下载与安装 9/112.3 工作任务3:应用网页编辑工具设计网页 2.3.1任务描述与目标 1.任务描述本节的工作任务是应用Dreamweaver CS4 设计教务管理网站首页。
9/112.3 工作任务3:应用网页编辑工具设计网页 2.3.2相关知识1.Dreamweaver CS4工作区 9/112.3 工作任务3:应用网页编辑工具设计网页 9/112.3 工作任务3:应用网页编辑工具设计网页 2.3.2相关知识2.创建站点 创建本地站点的步骤如下: 选择“站点”“新建站点 ”菜单,打开“站点 定义 ”对话框 在“站点定义”对话框中,输入设置信息。
单击“确定”和“完成”以创建站点 9/112.3 工作任务3:应用网页编辑工具设计网页 2.3.2相关知识3.创建和管理文件 (1)创建和打开文档。
DreamweaverCS4为处理各种 Web 文档提供 了灵活的环境。
除了
HTML 文档以外,还可以创 建和打开各种基于文本的文档,如 ColdFusion 标记语言 CFML、ASP、
JavaScript 和层叠样 式表 CSS。
还支持
源代码文件,如 Visual Basic、.
NET、C 和 Java。
9/112.3 工作任务3:应用网页编辑工具设计网页 2.3.2相关知识 3.创建和管理文件(2)创建基于 Dreamweaver 示例文件创建基于示例文件的文档的步骤: 选择“文件”“新建”。
打开“新建文档”对话框。
在“新建文档”对话框中,选择“示例中的页”类别。
单击“创建”按钮。
将在“
文档 ”窗口 (“代码”和“设 计”视图)中打开基于示例的新
文档。
9/112.3 工作任务3:应用网页编辑工具设计网页 2.3.2相关知识 3.创建和管理文件 (3)保存文档保存文档执行下列操作之一: 选择“文件”“保存”。
选择“文件”“另存为”。
保存所有打开的文档,选择“文件”“保存全 部”。
9/112.3 工作任务3:应用网页编辑工具设计网页 2.3.2相关知识 4.页面布局(1)使用可视化助理进行布局(2)使用表格布局 9/112.3 工作任务3:应用网页编辑工具设计网页 2.3.2相关知识 5.向页面添加内容 “插入”面板包含用于创建和插入对象(例 如表格、图像和链接)的按钮。
这些按钮 按几个类别进行组织,可以通过从“类别” 弹出菜单中选择所需类别来进行切换。
当 前文档包含服务器代码时(例如 ASP 或 CFML 文档),还会显示其他类别。
9/112.3 工作任务3:应用网页编辑工具设计网页 2.3.2相关知识6. 创建Web表单(1)插入表单 在网页中插入表单的操作步骤如下: ①将光标放置在要插入表单的位置。
②选择“插入”“表单”菜单项,或选择“插入”面板中 的“表单” 类别,然后单击“表单”图标,表单框就插 入在网页文档中,在“设计” 视图中,表单以红色 的虚轮廓线指示。
9/11