大一作业HTML电影网页作业(HTML+CSS)

️ 精彩专栏推荐
作者主页: 【进入主页—获取更多源码】
web前端期末大作业: 【HTML5网页期末作业 (1000套) 】
程序员有趣的告白方式:【HTML七夕情人节表白网页制作 (110套) 】


文章目录

  • 二、网站介绍
  • 三、网站效果
    • ▶️1.视频演示
    • 2.图片演示
  • 四、 网站代码
    • HTML结构代码
    • CSS样式代码
  • 五、更多源码


二、网站介绍

网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。

网站程序方面:计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器,已达到打开后就能即时看到网站的效果。

网站素材方面:计划收集各大平台好看的图片素材,并精挑细选适合网页风格的图片,然后使用PS做出适合网页尺寸的图片。

网站文件方面:网站系统文件种类包含:html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件;

网页编辑方面:网页作品代码简单,可使用任意HTML编辑软件(如:Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作)。
其中:
(1)html文件包含:其中index.html是首页、其他html为二级页面;
(2) css文件包含:css全部页面样式,文字滚动, 图片放大等;
(3) js文件包含:js实现动态轮播特效, 表单提交, 点击事件等等(个别网页中运用到js代码)。


三、网站效果

▶️1.视频演示

A38JP 电影网站7页,不包含js 有登陆注册,表格 table布局 ,有的登录注册页面,内嵌 css

2.图片演示


大一作业HTML电影网页作业(HTML+CSS)_第1张图片



大一作业HTML电影网页作业(HTML+CSS)_第2张图片


四、 网站代码

HTML结构代码



DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Documenttitle>

head>
<body>
    <table class="nav">
        <tr height="60px">
            <td width="400px">
                <h1><a href="">影视大全a>h1>
            td>
            <td>          td>
            <td>
                <a href="">首页a>
            td>
            <td>
                <a href="list.html">影视列表a>
            td>
            <td>
                <a href="juq.html">影视剧评a>
            td>
            <td>
                <a href="dec.html">影视介绍a>
            td>
            <td>
                <a href="login.html">登录a>
            td>
            <td>
                <a href="re.html">注册a>
            td>
            <td>
                <a href="my.html">我的a>
            td>
        tr>
    table>
    <img width="100%" height="500" src="picture/0.jpg" alt="">
    <div class="ban list">
        <a href="#">电视剧a>
        <a href="#">综艺a>
        <a href="#">电影a>
        <a href="#">院线大片a>
        <a href="#">自制电影a>
        <a href="#">动漫a>
        <a href="#">少儿a>
        <a href="#">纪录片a>
        <a href="#">VIP会员a>
        <a href="#">音乐a>
        <a href="#">体育a>
        <a href="#">爱看a>
        <a href="#">娱乐a>
        <a href="#">生活a>
        <a href="#">新闻a>
        <a href="#">教育a>
        <a href="#">汽车a>
        <a href="#">更多a>
    div>
    <div class="title">影视剧div>
    <table>
        <tr height="450">
            <td width="240">
                <img width="224" src="picture/index.jpg" alt="">
                <h3>大明风华 TV版h3>
                <p>主演:汤唯/朱亚文p>
            td>
            <td width="240">
                <img width="224" src="picture/index1.jpg" alt="">
                <h3>鹤唳华亭h3>
                <p>主演:罗晋/李一桐p>
            td>
            <td width="240">
                <img width="224" src="picture/index2.jpg" alt="">
                <h3>淑女飘飘拳h3>
                <p>主演:毕雯珺/孙千p>
            td>
            <td width="240">
                <img width="224" src="picture/index3.jpg" alt="">
                <h3>未经安排的青春h3>
                <p>主演:黄宥明/余昊洋p>
            td>
            <td width="230">
                <img width="224" src="picture/index4.jpg" alt="">
                <h3>恋爱先生h3>
                <p>主演:靳东/江疏影p>
            td>
        tr height="450">
        <tr height="450">
            <td width="240">
                <img width="224" src="picture/index5.jpg" alt="">
                <h3>将军在上h3>
                <p>主演:马思纯 / 盛一伦p>
            td>
            <td width="240">
                <img width="224" src="picture/index6.jpg" alt="">
                <h3>微微一笑很倾城h3>
                <p>主演:杨洋 / 郑爽p>
            td>
            <td width="240">
                <img width="224" src="picture/index7.jpg" alt="">
                <h3>三生三世十里桃花h3>
                <p>主演:杨幂 / 赵又廷p>
            td>
            <td width="240">
                <img width="224" src="picture/index8.jpg" alt="">
                <h3>白夜追凶 第一季h3>
                <p>主演:潘粤明 / 王泷正p>
            td>
            <td width="230">
                <img width="224" src="picture/index9.jpg" alt="">
                <h3>知否知否应是绿肥红...h3>
                <p>主演:赵丽颖 / 冯绍峰p>
            td>
        tr>
    table>
    <div class="more">查看更多div>
    <div class="footer">
        <div class="ban">
            <a href="#">优酷a>|
            <a href="#">土豆a>|
            <a href="#">UC浏览器a>|
            <a href="#">UC头条a>|
            <a href="#">阿里文学a>|
            <a href="#">虾米a>|
            <a href="#">阿里星球a>|
            <a href="#">阿里影业a>|
            <a href="#">游戏a>|
            <a href="#">鲸观a>
        div>
        <div>影视版权信息div>
    div>
body>
html>


CSS样式代码



    




五、更多源码

1.如果我的博客对你有帮助 请 “点赞” “✍️评论” “收藏” 一键三连哦!

2.【关注我| 获取更多源码】 带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、等!

以上内容技术相关问题欢迎一起交流学习

你可能感兴趣的:(网页设计,html网页模版,学生个人网页制作,web期末网页作业,web学生网页作业,网站设计与制作)