实训一：设计系统主页作业.docx

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文件--

linkrel=stylesheethref=/static/blog/bootstrap-3.3.7/css/bootstrap.css

!--jQuery(Bootstrap的所有JavaScript插件都依赖jQuery，所以必须放在前边)--

scriptsrc=/static/js/jquery-3.3.1.js/script

!--引入Bootstrap核心JavaScript文件--

scriptsrc=/static/blog/bootstrap-3.3.7/js/bootstrap.js/script!--依赖jquery--

/head

（2）拷入bootstrap导航条模板代码

拷贝这些代码到index页面的body标签内。

（3）对导航条代码做适当调整

由于我们的页面导航栏用不上，删除模板中的form标签和liclass=dropdown标签的内容。