概述
⛵ 源码获取 文末联系 ✈
Web前端开发技术
描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 公司官网网站 | 企业官网 | 酒店官网 | 等网站的设计与制 | HTML期末大学生网页设计作业,Web大学生网页
-
HTML:结构
-
CSS:样式
在操作方面上运用了html5和css3,
采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识 -
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>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width,user-scalable=no,initial-scale=1.0">
<title>中国铁路12306</title>
<link rel="shortcut icon" href="http://www.ylcp.shop/files/files/1654131760163/favicon.ico">
<link rel="stylesheet" href="http://www.ylcp.shop/files/files/1654131760163/css/normalize.css"><!--去除浏览器默认样式-->
<link rel="stylesheet" href="css/base.css"><!--公共样式-->
<link rel="stylesheet" href="css/index.css"><!--首页样式-->
</head>
<body>
<!-- 头部 start-->
<header>
<!--标志-->
<div class="header w">
<div class="logo fl">
<h1>
<a href="#">中国铁路12306</a>
</h1>
</div>
<!--header right-->
<div class="header_fr fr">
<!--搜索框-->
<div class="search">
<input type="text" placeholder="搜索车票/餐饮/常旅客/相关规章" id="search_input">
<button></button>
</div>
<!--login-->
<div class="login">
<span id="hide_show_selection">
我的12306
<i></i>
<ul class="ulObj">
<li><a href="#">火车票订单</a></li>
<li><a href="#">后补订单</a></li>
<li><a href="#">我的行程</a></li>
<li><a href="#">我的餐饮~特产</a></li>
<li><a href="#">我的保险</a></li>
<li><a href="#">我的会员</a></li>
<li><a href="#">查看个人信息</a></li>
<li><a href="#">账户安全</a></li>
<li><a href="#">常用联系人</a></li>
<li><a href="#">车票快递地址</a></li>
<li><a href="#">温馨服务查询</a></li>
</ul>
</span>
<a href="#">登录</a>
<a href="#">注册</a>
</div>
</div>
</div>
<!--导航栏-->
<div class="nav">
<div class="nav_inner w">
<ul>
<li>
<a href="#" class="current">
首页
</a>
</li>
<li>
<a href="#" id="ticket_link">
车票
<i class="icon" id="ceshi"></i>
</a>
<ul class="clearfix ticket w ulObj">
<li class="clearfix">
<span>购买</span>
<dl class="clearfix">
<dd><a href="#">单程</a></dd>
<dd><a href="#">接续换乘</a></dd>
</dl>
<dl class="clearfix">
<dd><a href="#">往返</a></dd>
</dl>
</li>
<li class="clearfix">
<span>变更</span>
<dl class="clearfix">
<dd><a href="#">退票</a></dd>
<dd><a href="#">变更到站</a></dd>
</dl>
<dl class="clearfix">
<dd><a href="#">改签</a></dd>
</dl>
</li>
<li class="clearfix">
<span>更多</span>
<dl class="clearfix">
<dd><a href="#">中铁银通卡</a></dd>
<dd><a href="#">市郊快速铁路</a></dd>
</dl>
<dl class="clearfix">
<dd><a href="#">广九直通车</a></dd>
<dd><a href="#">国际列车</a></dd>
</dl>
</li>
</ul>
</li>
<li>
<a href="#" id="group_buy_link">
团购服务
<i class="icon"></i>
</a>
<ul class="group_buy w clearfix ulObj">
<li>
<a href="#">务工人员</a>
</li>
<li>
<a href="#">学生团体</a>
</li>
</ul>
</li>
<li>
<a href="#" id="member_services_link">
会员服务
<i class="icon"></i>
</a>
<ul class="member_services clearfix w ulObj">
<li>
<a href="#">会员管理</a>
</li>
<li>
<a href="#">积分账户</a>
</li>
<li>
<a href="#">积分兑换</a>
</li>
<li>
<a href="#">会员专享</a>
</li>
<li>
<a href="#">会员中心</a>
</li>
</ul>
</li>
<li>
<a href="#" id="station_service_link">
站车服务
<i class="icon"></i>
</a>
<ul class="station_service w clearfix ulObj">
<li>
<a href="#">重点旅客预约</a>
<a href="#" style="padding-top: 16px;">遗失物品查找</a>
</li>
<li>
<a href="#">便民托运</a>
<a href="#" style="padding-top: 16px;">动车组介绍</a>
</li>
<li>
<a href="#">共享汽车</a>
<a href="#" style="padding-top: 16px;">定制接送</a>
</li>
<li>
<a href="#">车站引导</a>
<a href="#" style="padding-top: 16px;">站车风采</a>
</li>
</ul>
</li>
<li>
<a href="#" id="business_travel_service">
商旅服务
<i class="icon"></i>
</a>
<ul class="business_travel_service w clearfix ulObj">
<li>
<a href="#">餐饮特产</a>
</li>
<li>
<a href="#">旅游</a>
</li>
<li>
<a href="#">保险</a>
</li>
</ul>
</li>
<li>
<a href="#" id="guide_link">
出行指南
<i class="icon"></i>
</a>
<ul class="clearfix guide w ulObj">
<li class="clearfix">
<span>购买</span>
<dl class="clearfix">
<dd><a href="#">单程</a></dd>
<dd><a href="#">接续换乘</a></dd>
</dl>
<dl class="clearfix">
<dd><a href="#">往返</a></dd>
</dl>
</li>
<li class="clearfix">
<span>变更</span>
<dl class="clearfix">
<dd><a href="#">退票</a></dd>
<dd><a href="#">变更到站</a></dd>
</dl>
<dl class="clearfix">
<dd><a href="#">改签</a></dd>
</dl>
</li>
<li class="clearfix">
<span>更多</span>
<dl class="clearfix">
<dd><a href="#">中铁银通卡</a></dd>
<dd><a href="#">市郊快速铁路</a></dd>
</dl>
<dl class="clearfix">
<dd><a href="#">广九直通车</a></dd>
<dd><a href="#">国际列车</a></dd>
</dl>
</li>
</ul>
</li>
<li>
<a href="#" id="information_service_link">
信息查询
<i class="icon"></i>
</a>
<ul class="information_service w clearfix ulObj">
<li>
<a href="#">重点旅客预约</a>
<a href="#" style="padding-top: 16px;">遗失物品查找</a>
</li>
<li>
<a href="#">便民托运</a>
<a href="#" style="padding-top: 16px;">动车组介绍</a>
</li>
<li>
<a href="#">共享汽车</a>
<a href="#" style="padding-top: 16px;">定制接送</a>
</li>
<li>
<a href="#">车站引导</a>
<a href="#" style="padding-top: 16px;">站车风采</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</header>
<!-- 头部 end-->
<!--横幅 start-->
<div class="banner">
<!--轮播-->
<div class="fullSlide">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<!--小圆点-->
<div class="circle">
<span class="active"></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
<!--查询框-->
<div class="banner_search">
<!--查询框左边-->
<div class="search_left">
<ul>
<li style="background:#FFFFFF;">
<a style="color: rgb(51, 153, 255)">
车票
<i></i>
</a>
</li>
<li>
<a>
常用查询
<i></i>
</a>
</li>
<li>
<a>
订餐
<i></i>
</a>
</li>
</ul>
</div>
<!--查询框右边-->
<div class="search_right_he">
<div class="search_right">
<!--查询框右边头部-->
<div class="search_tab_hd">
<ul>
<li><a href="javascript:void(0)" target="_self" style="border-color: #3399FF">单程<i></i></a></li>
<li><a href="javascript:void(0)" target="_self">往返<i></i></a></li>
<li><a href="javascript:void(0)" target="_self">接续换乘<i></i></a></li>
<li><a href="javascript:void(0)" target="_self">退改签<i></i></a></li>
</ul>
</div>
<!--查询框右边底部-->
<div class="search_item_bd_arr">
<div class="search_item_bd">
<div class="from_chu_fa from_item">
<label>出发地1</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="from_mu_de from_item">
<label>到达地1</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="from__time from_item">
<label>出发日期1</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="city-change">
<i> </i>
</div>
<div class="from_bd">
<ul>
<li>学生1<i></i></li>
<li>高铁/动车1<i></i></li>
</ul>
</div>
<button class="query">查询1</button>
</div>
<div class="search_item_bd" style="display: none;">
<div class="from_chu_fa from_item">
<label>出发地2</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="from_mu_de from_item">
<label>到达地2</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="from__time from_item">
<label>出发日期2</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="city-change">
<i> </i>
</div>
<div class="from_bd">
<ul>
<li>学生2<i></i></li>
<li>高铁/动车2<i></i></li>
</ul>
</div>
<button class="query">查询2</button>
</div>
<div class="search_item_bd" style="display: none;">
<div class="from_chu_fa from_item">
<label>出发地3</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="from_mu_de from_item">
<label>到达地3</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="from__time from_item">
<label>出发日期3</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="city-change">
<i> </i>
</div>
<div class="from_bd">
<ul>
<li>学生3<i></i></li>
<li>高铁/动车3<i></i></li>
</ul>
</div>
<button class="query">查询3</button>
</div>
<div class="search_item_bd" style="display: none;">
<div class="from_chu_fa from_item">
<label>出发地4</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="from_mu_de from_item">
<label>到达地4</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="from__time from_item">
<label>出发日期4</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="city-change">
<i> </i>
</div>
<div class="from_bd">
<ul>
<li>学生4<i></i></li>
<li>高铁/动车4<i></i></li>
</ul>
</div>
<button class="query">查询4</button>
</div>
</div>
</div>
<div class="search_right" style="display: none;">
<!--查询框右边头部-->
<div class="search_tab_hd">
<ul>
<li><a href="javascript:void(0)" target="_self" style="border-color: #3399FF">正晚点<i></i></a>
</li>
<li><a href="javascript:void(0)" target="_self">检票口<i></i></a></li>
<li><a href="javascript:void(0)" target="_self">起售时间<i></i></a></li>
<li><a href="javascript:void(0)" target="_self">天气查询<i></i></a></li>
</ul>
</div>
<!--查询框右边底部-->
<div class="search_item_bd_arr">
<div class="search_item_bd">
<div class="from_chu_fa from_item">
<label>出发地1</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="from_mu_de from_item">
<label>到达地1</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="from__time from_item">
<label>出发日期1</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="city-change">
<i> </i>
</div>
<div class="from_bd">
<ul>
<li>学生1<i></i></li>
<li>高铁/动车1<i></i></li>
</ul>
</div>
<button class="query">查询1</button>
</div>
<div class="search_item_bd" style="display: none">
<div class="from_chu_fa from_item">
<label>出发地2</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="from_mu_de from_item">
<label>到达地2</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="from__time from_item">
<label>出发日期2</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="city-change">
<i> </i>
</div>
<div class="from_bd">
<ul>
<li>学生2<i></i></li>
<li>高铁/动车2<i></i></li>
</ul>
</div>
<button class="query">查询2</button>
</div>
<div class="search_item_bd" style="display: none">
<div class="from_chu_fa from_item">
<label>出发地3</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="from_mu_de from_item">
<label>到达地3</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="from__time from_item">
<label>出发日期3</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="city-change">
<i> </i>
</div>
<div class="from_bd">
<ul>
<li>学生3<i></i></li>
<li>高铁/动车3<i></i></li>
</ul>
</div>
<button class="query">查询3</button>
</div>
<div class="search_item_bd" style="display: none">
<div class="from_chu_fa from_item">
<label>出发地4</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="from_mu_de from_item">
<label>到达地4</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="from__time from_item">
<label>出发日期4</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="city-change">
<i> </i>
</div>
<div class="from_bd">
<ul>
<li>学生4<i></i></li>
<li>高铁/动车4<i></i></li>
</ul>
</div>
<button class="query">查询4</button>
</div>
</div>
</div>
<div class="search_right" style="display: none;">
<!--查询框右边头部-->
<div class="search_tab_hd">
<ul>
<li><a href="javascript:void(0)" target="_self" style="border-color: #3399FF">预定<i></i></a></li>
<li><a href="javascript:void(0)" target="_self">餐饮<i></i></a></li>
<li><a href="javascript:void(0)" target="_self">订单<i></i></a></li>
<li><a href="javascript:void(0)" target="_self">嘤嘤嘤<i></i></a></li>
</ul>
</div>
<!--查询框右边底部-->
<div class="search_item_bd_arr">
<div class="search_item_bd">
<div class="from_chu_fa from_item">
<label>出发地1</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="from_mu_de from_item">
<label>到达地1</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="from__time from_item">
<label>出发日期1</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="city-change">
<i> </i>
</div>
<div class="from_bd">
<ul>
<li>学生1<i></i></li>
<li>高铁/动车1<i></i></li>
</ul>
</div>
<button class="query">查询1</button>
</div>
<div class="search_item_bd" style="display: none">
<div class="from_chu_fa from_item">
<label>出发地2</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="from_mu_de from_item">
<label>到达地2</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="from__time from_item">
<label>出发日期2</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="city-change">
<i> </i>
</div>
<div class="from_bd">
<ul>
<li>学生2<i></i></li>
<li>高铁/动车2<i></i></li>
</ul>
</div>
<button class="query">查询2</button>
</div>
<div class="search_item_bd" style="display: none">
<div class="from_chu_fa from_item">
<label>出发地3</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="from_mu_de from_item">
<label>到达地3</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="from__time from_item">
<label>出发日期3</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="city-change">
<i> </i>
</div>
<div class="from_bd">
<ul>
<li>学生3<i></i></li>
<li>高铁/动车3<i></i></li>
</ul>
</div>
<button class="query">查询3</button>
</div>
<div class="search_item_bd" style="display: none">
<div class="from_chu_fa from_item">
<label>出发地4</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="from_mu_de from_item">
<label>到达地4</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="from__time from_item">
<label>出发日期4</label>
<input type="text" placeholder="简拼/全拼/汉字">
<i></i>
</div>
<div class="city-change">
<i> </i>
</div>
<div class="from_bd">
<ul>
<li>学生4<i></i></li>
<li>高铁/动车4<i></i></li>
</ul>
</div>
<button class="query">查询4</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!--横幅 end-->
<!--服务 start-->
<div class="service w">
<ul class="service_list">
<li>
<a href="" target="_self">
<i></i>
<span>重点旅客预约</span>
</a>
</li>
<li>
<a href="">
<i></i>
<span>遗失物品查找</span>
</a>
</li>
<li>
<a href="">
<i></i>
<span>共享汽车</span>
</a>
</li>
<li>
<a href="">
<i></i>
<span>便民托运</span>
</a>
</li>
<li>
<a href="">
<i></i>
<span>车站引导</span>
</a>
</li>
<li>
<a href="">
<i></i>
<span>站车风采</span>
</a>
</li>
<li>
<a href="">
<i></i>
<span>用户反馈</span>
</a>
</li>
</ul>
<div class="service_lg w">
<ul class="service_lg_list">
<li>
<a href="">
<img src="picture/abanner01.jpg" alt="">
</a>
</li>
<li>
<a href="">
<img src="picture/abanner02.jpg" alt="">
</a>
</li>
<li>
<a href="">
<img src="picture/abanner03.jpg" alt="">
</a>
</li>
<li>
<a href="">
<img src="picture/abanner04.jpg" alt="">
</a>
</li>
</ul>
</div>
</div>
<!--服务 end-->
<!--旅游 start-->
<div class="travel w">
<div class="travel_tit">
<h3>铁路旅游</h3>
<span><a href="#">更多<i></i></a></span>
</div>
<div class="travel_list">
<ul>
<li>
<a href="">
<div class="travel_pic">
<img src="picture/pic1.jpg" alt="">
</div>
<div class="travel_info">
<p>“环西部火车游”美丽甘南三日游</p>
<span><i>¥</i> 2560</span>
</div>
</a>
</li>
<li>
<a href="">
<div class="travel_pic">
<img src="picture/pic2.jpg" alt="">
</div>
<div class="travel_info">
<p>“环西部火车游” 陇上江南·行摄山>水陇南三日游</p>
<span><i>¥</i> 930</span>
</div>
</a>
</li>
<li>
<a href="">
<div class="travel_pic">
<img src="picture/pic3.jpg" alt="">
</div>
<div class="travel_info">
<p>“环西部火车游”华夏寻根·人文始祖天水两日游</p>
<span><i>¥</i> 980</span>
</div>
</a>
</li>
<li>
<a href="">
<div class="travel_pic">
<img src="picture/pic4.jpg" alt="">
</div>
<div class="travel_info">
<p>“环西部火车游”精品旅游线路</p>
<span><i>¥</i> 3380</span>
</div>
</a>
</li>
<li>
<a href="">
<div class="travel_pic">
<img src="picture/pic5.jpg" alt="">
</div>
<div class="travel_info">
<p>“环西部火车游”美丽甘南三日游</p>
<span><i>¥</i> 880</span>
</div>
</a>
</li>
<li>
<a href="">
<div class="travel_pic">
<img src="picture/pic6.jpg" alt="">
</div>
<div class="travel_info">
<p>“环西部火车游” 青海湖、茶卡2日>游</p>
<span><i>¥</i> 880</span>
</div>
</a>
</li>
<li>
<a href="">
<div class="travel_pic">
<img src="picture/pic7.jpg" alt="">
</div>
<div class="travel_info">
<p>“环西部火车游”嘉敦5日游</p>
<span><i>¥</i> 2260</span>
</div>
</a>
</li>
<li>
<a href="">
<div class="travel_pic">
<img src="picture/pic7.jpg" alt="">
</div>
<div class="travel_info">
<p>“环西部火车游” 敦煌一地三日游</p>
<span><i>¥</i> 1380</span>
</div>
</a>
</li>
</ul>
</div>
</div>
<!--旅游 end-->
<!--新闻 start-->
<div class="news w">
<div class="news_hd">
<ul>
<li>
<a>
最新发布
</a>
</li>
<li>
<a>
常见问题
</a>
</li>
<li>
<a>
信用信息
</a>
</li>
</ul>
</div>
<div class="news_bd">
<ul>
<li><a href="#" title="候补购票操作说明">候补购票操作说明1</a><span>2022-10-12</span></li>
<li><a href="#" title="公 告2022-11-03">公 告2022-11-03</a><span>2022-11-03</span></li>
<li><a href="#" title="关于调整互联网、电话订票起售时间的公告">关于调整互联网、电话订票起售时间的公告1</a><span>2022-10-10</span></li>
<li><a href="#" title="中国铁路成都局集团有限公司关于10月18日至25日加开部分列车的公告">中国铁路成都局集团有限公司关于10月18日至25日加开部分列车的公告1</a><span>2022-10-17</span>
</li>
<li><a href="#" title="中国铁路上海局集团有限公司关于2022年10月18日增开部分旅客列车的公告">中国铁路上海局集团有限公司关于2022年10月18日增开部分旅客列车的公告1</a><span>2022-10-17</span>
</li>
<li><a href="#" title="中国铁路广州局集团有限公司关于2022年10月18日至10月20日增开G9692次、G9691次旅客列车的公告">中国铁路广州局集团有限公司关于2022年10月18日至10月20日增开G9692次、G9691次旅客列车的公告1</a><span>2022-10-17</span>
</li>
<li><a href="#" title="中国铁路南昌局集团有限公司关于2022年10月部分旅客列车停运信息公告">中国铁路南昌局集团有限公司关于2022年10月部分旅客列车停运信息公告1</a><span>2022-10-17</span>
</li>
<li><a href="#" title="中国铁路南昌局集团有限公司关于2022年10月部分旅客列车增开信息公告(三)">中国铁路南昌局集团有限公司关于2022年10月部分旅客列车增开信息公告(三)1</a><span>2022-10-17</span>
</li>
<li><a href="#" title="中国铁路广州局集团有限公司关于2022年10月18日至10月20日增开G9622/3次等旅客列车的公告">中国铁路广州局集团有限公司关于2022年10月18日至10月20日增开G9622/3次等旅客列车的公告1</a><span>2022-10-17</span>
</li>
<li><a href="#" title="中国铁路广州局集团有限公司关于2022年10月18日至10月20日增开部分旅客列车的公告">中国铁路广州局集团有限公司关于2022年10月18日至10月20日增开部分旅客列车的公告1 </a><span>2022-10-17</span>
</li>
</ul>
<ul style="display: none">
<li><a href="#" title="候补购票操作说明">实名制车票</a></li>
<li><a href="#" title="公 告2022-11-03">互联网购票、换票</a></li>
<li><a href="#" title="关于调整互联网、电话订票起售时间的公告">售票窗口购票</a></li>
<li><a href="#" title="中国铁路成都局集团有限公司关于10月18日至25日加开部分列车的公告">互联网改签、变更到站</a></li>
<li><a href="#" title="中国铁路上海局集团有限公司关于2022年10月18日增开部分旅客列车的公告">互联网改签、变更到站</a></li>
<li><a href="#" title="中国铁路广州局集团有限公司关于2022年10月18日至10月20日增开G9692次、G9691次旅客列车的公告">随身携带品</a></li>
<li><a href="#" title="中国铁路南昌局集团有限公司关于2022年10月部分旅客列车停运信息公告">进出站</a></li>
<li><a href="#" title="中国铁路南昌局集团有限公司关于2022年10月部分旅客列车增开信息公告(三)">丢失车票</a></li>
<li><a href="#" title="中国铁路广州局集团有限公司关于2022年10月18日至10月20日增开G9622/3次等旅客列车的公告">使用居民身份证直接检票乘车</a></li>
<li><a href="#" title="中国铁路广州局集团有限公司关于2022年10月18日至10月20日增开部分旅客列车的公告">广深港跨境列车</a></li>
</ul>
<ul style="display: none">
<li><a href="#" title="候补购票操作说明">候补购票操作说明3</a><span>2022-10-12</span></li>
<li><a href="#" title="公 告2022-11-03">公 告2022-11-03</a><span>2022-11-03</span></li>
<li><a href="#" title="关于调整互联网、电话订票起售时间的公告">关于调整互联网、电话订票起售时间的公告3</a><span>2022-10-10</span></li>
<li><a href="#" title="中国铁路成都局集团有限公司关于10月18日至25日加开部分列车的公告">中国铁路成都局集团有限公司关于10月18日至25日加开部分列车的公告3</a><span>2022-10-17</span>
</li>
<li><a href="#" title="中国铁路上海局集团有限公司关于2022年10月18日增开部分旅客列车的公告">中国铁路上海局集团有限公司关于2022年10月18日增开部分旅客列车的公告3</a><span>2022-10-17</span>
</li>
<li><a href="#" title="中国铁路广州局集团有限公司关于2022年10月18日至10月20日增开G9692次、G9691次旅客列车的公告">中国铁路广州局集团有限公司关于2022年10月18日至10月20日增开G9692次、G9691次旅客列车的公告3</a><span>2022-10-17</span>
</li>
<li><a href="#" title="中国铁路南昌局集团有限公司关于2022年10月部分旅客列车停运信息公告">中国铁路南昌局集团有限公司关于2022年10月部分旅客列车停运信息公告3</a><span>2022-10-17</span>
</li>
<li><a href="#" title="中国铁路南昌局集团有限公司关于2022年10月部分旅客列车增开信息公告(三)">中国铁路南昌局集团有限公司关于2022年10月部分旅客列车增开信息公告(三)3</a><span>2022-10-17</span>
</li>
<li><a href="#" title="中国铁路广州局集团有限公司关于2022年10月18日至10月20日增开G9622/3次等旅客列车的公告">中国铁路广州局集团有限公司关于2022年10月18日至10月20日增开G9622/3次等旅客列车的公告3</a><span>2022-10-17</span>
</li>
<li><a href="#" title="中国铁路广州局集团有限公司关于2022年10月18日至10月20日增开部分旅客列车的公告">中国铁路广州局集团有限公司关于2022年10月18日至10月20日增开部分旅客列车的公告3</a><span>2022-10-17</span>
</li>
</ul>
</div>
</div>
<!--新闻 end-->
<!--底部 start-->
<footer>
<!--友情链接和二维码-->
<div class="footer">
<div class="footer_lk">
<div class="footer_inner w">
<!--友情链接-->
<div class="links">
<h2>友情链接</h2>
<ul>
<li><a href="javascript:void(0)" class="J_event"><img src="picture/link02.png" alt=""></a></li>
<li><a href="javascript:void(0)"><img src="picture/link03.png" alt=""></a></li>
<li><a href="javascript:void(0)"><img src="picture/link04.png" alt=""></a></li>
<li><a href="javascript:void(0)"><img src="picture/link05.png" alt=""></a></li>
</ul>
</div>
<!--二维码-->
<div class="code">
<ul>
<li>
<h2>中国铁路官方微信</h2>
<img src="picture/zgtlwx.png" alt="">
</li>
<li>
<h2>中国铁路官方微博</h2>
<img src="picture/zgtlwb.png" alt="">
</li>
<li>
<h2>12306 公众号</h2>
<img src="picture/public.png" alt="">
</li>
<li>
<h2>铁路12306</h2>
<img src="picture/download.png" alt="">
</li>
<li>
<div class="tips">官方APP下载,目前铁路未授权其他网站或APP开展类似服务内容,敬请广大用户注意。</div>
</li>
</ul>
</div>
</div>
</div>
<div class="copy">
<div class="copy_inner w">
<span>版权所有©2008-2022 中国铁道科学研究院集团有限公司</span><br>
<p>京ICP备05020493号-4 | 京ICP证150437号</p>
</div>
</div>
</div>
</footer>
<!--底部 end-->
<!--右侧浮动栏 start-->
<div class="fixed-right">
<ul>
<li>
<a href="#">
<h4>最新发布</h4>
<i class="icon"></i>
</a>
</li>
<li>
<a href="#">
<h4>联系客户</h4>
<i class="icon"></i>
</a>
</li>
<li>
<a href="#">
<h4>App下载</h4>
<i class="icon"></i>
</a>
</li>
<li>
<a href="#">
<h4>旅客出行温馨提示</h4>
<i class="icon"></i>
</a>
</li>
</ul>
</div>
<!--右侧浮动栏 end-->
</body>
</html>
学的反而越迷茫
有这种感觉很正常,因为你还没有真正去公司里面待过,也不清楚自己到底要学多少东西才能胜任公司里面给你分配的活。我从你的表述来看,你的基础应该还是很扎实的。跟着网上那种全套的视频教程学肯定没有问题。
当你以后真正进入公司,发现工作的难度和量大约只有你学习时期的大约20%,你可能就会发出一声叹息:原来工作也不过如此嘛。
这是很正常的,因为大部分公司是招你进去去干活的,写业务的,不是让你一个新人去研发公司架构的。都是现成的东西,你要做的就是在别人的教导下,手把手的指挥下去添砖加瓦。到时候你恐怕要惊呼:就这?
所以,放松心态吧,好好享受大学时光
—————————————————
学习更多
关注我 | 点赞博文 | 每天带你涨知识
最后
以上就是含蓄马里奥为你收集整理的web前端开发技术纯静态 (12306官网 1页)前端学习路线网页基本结构网页演示学的反而越迷茫学习更多的全部内容,希望文章能够帮你解决web前端开发技术纯静态 (12306官网 1页)前端学习路线网页基本结构网页演示学的反而越迷茫学习更多所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复