2024年5月12日发(作者：)
国开电大 《JavaScript程序设计》（版本2）
形考实训一：设计系统主页
设计系统主页
1. 题目
设计系统主页。
2. 目的
（1）熟悉Web前端项目开发环境。
（2）掌握如何建立Web前端项目，学会规划项目结构。
（3）掌握动态生成页面内容的方法。
（4）理解如何使用Flash显示图片新闻。
（5）会在应用系统中编写播放动态新闻的程序。
3. 内容
建立项目结构，并设计一个系统的主页，在主页中嵌入Flash播放新
闻。
4. 要求
（1）建立Web前端项目，规划好程序结构。
（2）使用()方法生成播放Flash的JavaScript代
码。
（3）可以方便地增减播放的图片新闻数量。
（4）单击图片时能够打开对应的新闻页面。
1、让127.0.0.1:8000可以直接访问首页
添加一条配置：
urlpatterns = [
.....
re_path('^$', ), # 访问127.0.0.1:8000 可以
直接访问首页
]
2、应用bootstrap快速编写index首页导航条
（1）引入bootstrap核心文件和jquery
href="/static/blog/bootstrap-3.3.7/css/">
rel="stylesheet"
（2）拷入bootstrap导航条模板代码
拷贝这些代码到index页面的body标签内。
（3）对导航条代码做适当调整
由于我们的页面导航栏用不上，删除模板中的form标签和
class="dropdown">标签的内容。
发布者：admin，转转请注明出处：http://www.yc00.com/news/1715513842a2629885.html
评论列表（0条）