HTML+CSS+JS网页设计期末课程大作业~ 丝绸之路6页面~ 学生网页设计作业源码~ HTML期末大作业~ 学生HTML个人网页作业作品下载 ~ web课程设计网页规划与设计

临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列问题。你想要解决的问题,在这篇博文中基本都能满足你的需求~

原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,这是一个不错的网页制作,画面精明,非常适合初学者学习使用。

作品介绍

1.网页作品简介方面 :HTML期末大学生网页设计作业 ,喜欢的可以下载,文章页支持手机PC响应式布局。主要有:首页 丝绸展览 优质丝绸 各种丝绸 养蚕艺术 留言建议 等总共 5 个页面html下载。

2.网页作品编辑方面:此作品为学生个人主页网页设计题材,代码为简单学生水平 html+css 布局制作,作品下载后可使用任意HTML编辑软件(例如:DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm 所有编辑器均可使用)

3.网页作品布局方面:网页布局整体为LOGO、导航、主体内容布局。子页面多种布局,兴趣爱好内容使用图片列表布局,成绩页面插入了表格,联系我们使用图片对齐方式设置了左对齐。

4.网页作品技术方面:使用CSS制作了网页背景图、鼠标经过及选中导航变色效果、下划线等。 首页制作了留言表单,同时简单使用JavaScript制作了表单判断(提交时表单不能为空)

1.首页

HTML+CSS+JS网页设计期末课程大作业~ 丝绸之路6页面 ~学生网页设计作业源码~HTML期末大作业~ 学生HTML个人网页作业作品下载 ~ web课程设计网页规划与设计..._html

2. 丝绸展览

HTML+CSS+JS网页设计期末课程大作业~ 丝绸之路6页面 ~学生网页设计作业源码~HTML期末大作业~ 学生HTML个人网页作业作品下载 ~ web课程设计网页规划与设计..._java_02

3. 优质丝绸

HTML+CSS+JS网页设计期末课程大作业~ 丝绸之路6页面 ~学生网页设计作业源码~HTML期末大作业~ 学生HTML个人网页作业作品下载 ~ web课程设计网页规划与设计..._css_03

4. 各种丝绸

HTML+CSS+JS网页设计期末课程大作业~ 丝绸之路6页面 ~学生网页设计作业源码~HTML期末大作业~ 学生HTML个人网页作业作品下载 ~ web课程设计网页规划与设计..._大数据_04

5. 养蚕艺术

HTML+CSS+JS网页设计期末课程大作业~ 丝绸之路6页面 ~学生网页设计作业源码~HTML期末大作业~ 学生HTML个人网页作业作品下载 ~ web课程设计网页规划与设计..._大数据_05

6. 留言建议

HTML+CSS+JS网页设计期末课程大作业~ 丝绸之路6页面 ~学生网页设计作业源码~HTML期末大作业~ 学生HTML个人网页作业作品下载 ~ web课程设计网页规划与设计..._大数据_06

二、代码目录

HTML+CSS+JS网页设计期末课程大作业~ 丝绸之路6页面 ~学生网页设计作业源码~HTML期末大作业~ 学生HTML个人网页作业作品下载 ~ web课程设计网页规划与设计..._人工智能_07

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

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>丝绸之路</title>
    <link href="css/css.css" rel="stylesheet" media="screen" type="text/css" />
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.flexslider-min.js"></script>
    <script type="text/javascript">
        $(window).load(function() {
            $('.flexslider').flexslider();
        });
    </script>
    <link rel="stylesheet" href="css/lrtk.css" type="text/css" media="screen" />
</head>

<body>
    <div class="con">
        <div class="head">
            <div class="logo"><a href="index.html"><img src="images/logo.png" /></a></div>
            <div class="nav">
                <ul>
                    <li><a href="index.html">首页 </a></li>
                    <li><a href="html/gallery.html">丝绸展览 </a></li>
                    <li><a href="html/youzhi.html">优质丝绸 </a></li>
                    <li><a href="html/gezhong.html">各种丝绸 </a></li>
                    <li><a href="html/yangchan.html">养蚕艺术 </a></li>
                    <li><a href="html/liuyan.html">留言建议 </a></li>
                </ul>
            </div>
            <div class="clear"></div>
            <!------------------ end nav--------------------------->
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
        <div class="main">
            <div class="left">
                <div class=" l1"><a href="#"><img src="images/sg.jpg" /></a></div>
                <div class="search">
                    <input class="s_input" />
                </div>
                <div class="left_nav">
                    <ul>
                        <li><a href="html/gezhong.html">各种丝绸 </a><span><a href="html/gezhong.html">23 </a></span></li>
                        <li><a href="html/gallery.html">丝绸展览 </a><span><a href="#">10 </a></span></li>
                        <li><a href="html/liuyan.html">留言建议 </a><span><a href="#">0 </a></span></li>
                    </ul>
                </div>
                <!------------------ end left_nav--------------------------->

            </div>
            <!------------------ end left--------------------------->
            <div class="right">
                <div class="dm">
                    <div class="flexslider">
                        <ul class="slides">
                            <li><a href="#"> <img src="images/d1.jpg"  width="900" /></a> </li>
                            <li> <a href="#"><img src="images/d2.jpg" width="900"  /></a> </li>
                            <li> <a href="#"><img src="images/d3.jpg" width="900"  /></a></li>
                            <li> <a href="#"><img src="images/d4.jpg" width="900"  /></a></li>
                        </ul>
                    </div>
                </div>
                <div class="right_nav">
                    <h2>推荐阅读</h2>
                    <p>丝绸是中国古老文化的象征,中国古老的丝绸业为中华民族文化织绣了光辉的篇章,对促进世界人类文明的发展作出了不可磨灭的贡献。中国丝绸以其卓越的品质、精美的花色和丰富的文化内涵闻名于世。</p>
                    <p>几千年前,当丝绸沿着古丝绸之路传向欧洲,它所带去的,不仅仅是一件件华美的服饰、饰品,更是东方古老灿烂的文明,丝绸从那时起,几乎就成为了东方文明的传播者和象征。目前已知的最早丝织物,是出土于距今约4700年良诸文化的遗址。</p>
                    <p>中国是家蚕丝的发源地,养蚕,缫丝是中国古代在纤维利用上最重要的成就。早在新石器时代,中国已发明丝绸织造以及朱砂染色技术,此后随着织机的不断改进,印染技术的不断提高,丝织品种日益丰富,并形成了一个完整的染织工艺体系,使中国古代的丝绸染织技术领先于世界各国。</p>
                    <p></p>
                    <p></p>

                </div>
                <!------------------ end right_nav--------------------------->
                <div class="Gallery_nav pt20">
                    <ul>
                        <h3>丝绸展览</h3>
                        <li><a href="#"><img src="images/zhanlan/1.jpg" /></a></li>
                        <li><a href="#"><img src="images/zhanlan/2.jpg" /></a></li>
                        <li><a href="#"><img src="images/zhanlan/3.jpg" /></a></li>
                        <li><a href="#"><img src="images/zhanlan/4.jpg" /></a></li>


                    </ul>
                </div>
                <!------------------ end Gallery_nav--------------------------->
            </div>
            <!------------------ end right--------------------------->
            <div class="clear"></div>
        </div>
        <!------------------ end main--------------------------->
        <div class="clear"></div>
        <div class="foot">
            <p>Copyright 2014 版权所有 </p>
            <p>All Rights Reserved</p>
        </div>
    </div>
</body>

</html>




四、web前端入门到高级(视频+源码+资料+面试)一整套 (教程)

web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站HTML+CSS+JS网页设计期末课程大作业~ 丝绸之路6页面 ~学生网页设计作业源码~HTML期末大作业~ 学生HTML个人网页作业作品下载 ~ web课程设计网页规划与设计..._大数据_08


五、源码获取

❉ ~ 关注我,点赞博文~ 每天带你涨知识!

❉1.看到这里了就 [点赞+好评+收藏] 三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。

❉ 2.关注我 ~ 每天带你学习 :各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者,一起探讨 前端 Node 知识,互相学习」!

❉3.以上内容技术相关问题可以相互学习,可关注↓公Z号 获取更多源码 !

HTML+CSS+JS网页设计期末课程大作业~ 丝绸之路6页面 ~学生网页设计作业源码~HTML期末大作业~ 学生HTML个人网页作业作品下载 ~ web课程设计网页规划与设计..._大数据_09