源码获取 文末联系

Web前端开发技术
描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 |
传统春节网页设计 | 圣诞节节日发展 | 中秋 | 端午传统节日习俗庆祝 | 地区特色 | 网站模板 | 等网站的设计与制 | HTML期末大学生网页设计作业,Web大学生网页

  1. HTML:结构

  2. CSS:样式
    在操作方面上运用了html5和css3,
    采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识

  3. JavaScript:做与用户的交互行为

文章目录

  • 前端学习路线
  • 网页基本结构
  • 网页演示
    • HTML结构代码
  • 学的反而越迷茫
  • 学习更多


前端学习路线

(1)html文件:其中index.html是首页、其他html为二级页面;
(2)css文件:css全部页面样式,文字滚动, 图片放大等;
(3)js文件:js实现动态轮播特效, 表单提交, 点击事件等等(网页中运用到js代码)

网页基本结构

(1)首页:进入网页中看到的第一个页面(LOGO、公司名称、导航、banner、新闻、相关信息、底部信息、banner一般是5个  
(2)二级页面:从首页点击进入之后的页面叫做二级页面
(3)三级页面:从二级页面点击进入的页面

网页html:网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说,网站就是由网页组成的
首页网站:首页是一个网站的入口网页,故往往会被编辑得易于了解该网站多数作为首页的文件名是index加上扩展名
导航菜单:是指位于页面顶部或者侧边区域的,也称之为导航栏,它起着链接站点或者软件内的各个页面的作用.
网页页脚:是网页中每个页面的底部的区域。常用于显示附加信息。如作者、备案号等。


网页演示





HTML结构代码



<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link href="css/index.css" rel="stylesheet" type="text/css">
    <title></title>
</head>

<body>
    <!--header begin-->
    <div class="header">
        <h1><strong>二十四节气</strong> <em>智慧的结晶</em></h1>
        <hr size="2" color="#d1d1d1" width="980px">
    </div>
    <!--header end-->
    <!--fenlei begin-->
    <div class="fenlei">
        <h2> <a href="">首页</a>   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;     <a href="cun.html">春雨惊春清谷天</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  <a href="xia.html">夏满芒夏暑相连</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="qiu.html">秋处露秋寒霜降</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="dong.html">冬雪雪冬小大寒</a> </h2>
        <img style="width: 100%;" src="picture/1(2).png">
        <br><br>
        <p>春雨惊春清谷天,夏满芒夏暑相连。</p>
        <p>秋处露秋寒霜降,冬雪雪冬小大寒。</p>
        <p>每月两节不变更,最多相差一两天。</p>
        <p>上半年来六廿一,下半年是八廿三。</p>

        <br>
    </div>
    <!--fenlei end-->
    <!--bestseller begin-->
    <div class="bestseller">
        <img src="picture/1.png" alt=""> 

        <p class="txt">“二十四节气”与“十二月建”是干支历的基本内容,十二月建是依据二十四节气而来的节气月。以北斗七星斗柄所指的方位作为确定月份的标准,称为斗建(月建)。斗柄顺时针旋转一圈为一周期,谓之一“岁”。每岁之中,斗柄旋转而依次指为十二辰,称为“十二月建”。十二月建分别为:正月建寅,二月建卯,三月建辰,四月建巳,五月建午,六月建未,七月建申,八月建酉</p>
        <br>
    </div>
    <!--bestseller end-->
    <!--footer begin-->
    <div class="shouhou">
      
    </div>
    <div class="boss">
        <img src="picture/1.jpg" alt="">
        <img src="picture/2.jpg" alt="">
        <img src="picture/3.jpg" alt="">
        <img src="picture/4.jpg" alt="">
        <img src="picture/5.jpg" alt="">
        <img src="picture/6.jpg" alt="">

    </div>
    <div class="boss">
        <p style="height: 60px;"> 春雨惊春清谷天,夏满芒夏暑相连。</p>
        <p style="height: 60px;"> 秋处露秋寒霜降,冬雪雪冬小大寒。</p>
        <p style="height: 60px;"> 每月两节不变更,最多相差一两天。</p>
        <p style="height: 60px;"> 上半年来六廿一,下半年是八廿三。</p>


    </div>
</body>

</html>


学的反而越迷茫

有这种感觉很正常,因为你还没有真正去公司里面待过,也不清楚自己到底要学多少东西才能胜任公司里面给你分配的活。我从你的表述来看,你的基础应该还是很扎实的。跟着网上那种全套的视频教程学肯定没有问题。

当你以后真正进入公司,发现工作的难度和量大约只有你学习时期的大约20%,你可能就会发出一声叹息:原来工作也不过如此嘛。

这是很正常的,因为大部分公司是招你进去去干活的,写业务的,不是让你一个新人去研发公司架构的。都是现成的东西,你要做的就是在别人的教导下,手把手的指挥下去添砖加瓦。到时候你恐怕要惊呼:就这?

所以,放松心态吧,好好享受大学时光
—————————————————


学习更多

关注我 | 点赞博文 | 每天带你涨知识


更多推荐

div+css网页html成品学生作业(二十四节气)包含5个html页面(浮动定位)