国开电大 《JavaScript程序设计》(版本2) 形考实训一：设计系统主页.pdf

国开电大 《JavaScript 程序设计》 （版本2 ） 形考实训一：设计系统主页 设计系统主页 1. 题目 设计系统主页。 2. 目的 （1）熟悉Web 前端项目开发环境。 （2）掌握如何建立Web 前端项目，学会规划项目结构。 （3）掌握动态生成页面内容的方法。 （4）理解如何使用Flash 显示图片新闻。 （5）会在应用系统中编写播放动态新闻的程序。 3. 内容 建立项目结构，并设计一个系统的主页，在主页中嵌入 Flash 播放新 闻。 4. 要求 （1）建立Web 前端项目，规划好程序结构。 （2）使用document.write()方法生成播放 Flash 的JavaScript 代 码。 （3）可以方便地增减播放的图片新闻数量。 （4）单击图片时能够打开对应的新闻页面。 1、让 :8000 可以直接访问首页 添加一条 urls.py 配置： urlpatterns = [ re_path(^$, views.index), # 访问 :8000 可以 直接访问首页 ] 2、应用bootstrap 快速编写index 首页导航条 （1）引入bootstrap 核心文件和jquery head !-- 引入 Bootstrap 核心 CSS 文件 -- linklinklinklink !-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery ，所 以必须放在前边) -- !-- 引入 Bootstrap 核心 JavaScript 文件 -- scriptscriptscript !--依赖jquery-- /head （2 ）拷入bootstrap 导航条模板代码 拷贝这些代码到 index 页面的 body 标签内。 （3 ）对导航条代码做适当调整 由于我们的页面导航栏用不上，删除模板中的 form 标签和lili 标签的内容。