网页设计的毕业设计

1 / 16 网页设计的毕业设计 毕 业 设 计 题目 米菲儿空间网站的设计与制作姓名 王甜 学号 310316070413 学院 职业技术学院 专业 计算机网络技术 2016 年 5 月 20 日 成绩评议 重庆信息技术职业学院 毕业设计 设计题目 寒舍网站的设计与制作 设计 论文 其他 选题性质： 院 系 专 业 班 级 学 号 学生姓名 指导教师 教务处制 年 月 日 摘 要 随着社会的发展时代的前进 ,IT 行业的发展也是日新月异 ,对人类的生产和生活方式产生了很大影响 ?网络传播以其特有的快速 ?高效 ?便捷的传输方式被人们所接受 ,越来越多的走进了千家万户 ?随之网站也以它独有的优点，迅2 / 16 速的侵入了我们的生活中，且今已与我们密不可分 ? 本文论述了个人网站的设计与实现 ,本网站采用了Dream weaver 作为开发工具 ?主要实现了浏览图片，观看视频，在线听歌等主要娱乐功能，并且还为用户提供了在线交流的平台等功能 ，本网站操作简单 ,界面友好 ? 应用Fireworks、 Flash、 Photoshop 等软件辅助完成。 关键字：网页传播、个人网页、在线交流、网络平台 目 录 摘 要 .I 目 录 . II 前 言 . 1 第 章 网 页 设 计概述 .3 / 16 . 2 网 页 设 计 概述 . 2 网 页 设 计 的 要素 . 2 网页中 HTML 的语言介绍 . 2 常用的 HTML 语 言 编 译 软件 . 3 Dream weaver . 3 JavaScript . 3 第 2 章 网 站 的 总 体 设 计 思想 .4 / 16 . 5 网 页 的 设 计 原则 . 5 网 页 题 材 的 选择 . 5 网 页 包 括 的 元素 . 5 网 页 的 构建 . 6 第 3 章 网 页 的 主 要 制 作 流程 . 8 素 材 的 准备 . 8 制 作 工 具 的 选 择 与 应5 / 16 用 . 9 网 页 制 作 的 具 体 步骤 . 9 第 4 章 网站的后期维护 . 20 如 何 提 高 网 站 的 点 击率 . 20 数 据 的 更新 . 22 网 站 如 何 维护 . 22 总 结 . 23 6 / 16 参考文献 . 24 致 谢 . 25 前 言 人类将步入信息时代，网络越来越强烈地介入我们的生活。在数字信息时代中，网络扮演着重要的角色，他不仅传递信息，也丰富了我们的休闲生活，网络逐渐揭开了神秘的面纱。在因特网的早期，网站还只能保存单纯的文本。 互联网的发展从根本上改变了网站的发展命脉，随着电子商务，个人博客等功能的诞生，网站产业也进入到了一个新的时代。随着中国第一波互联网浪潮的兴起，众多的网站如潮般涌现，从此人们开始在网络上在线听歌、购物、浏览阅读、观看视频等 。在互联网的各种功能中 ,网站无疑已成为整个网络体系的主要组成元素，数量庞大的的网站群体 ,无疑为中国信息产业市场带来了光明的前景和巨大的发展空间。 第章 网页设计概述 7 / 16 随着 21 世纪的到来，人们更深切地感受到计算机在生活和工作中的作用越来越重要，越来越来的职业需要具有计算机的应用技能。掌握计算机是职业的需要，更是事业发展的需要。网页设计与制作是计算机能力的具体表现，本章主要介绍网页设计的相关知识。 网页设计概述 网站是企业向用户和网民提供信息的一种方式 ,是企业开 展电子商务的基础设施和信息平台，离开网站去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是 INTERNET 上宣传和反映企业形象和文化的重要窗口。 网页设计的要素 网页设计的两大要素是：整体风格和色彩搭配。 一、确定网站的整体风格 二、网页色彩的搭配 1、用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。 2、用两种色彩。先选定一种色彩，然后选择它的 对比色。 3、用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。 8 / 16 三、在网页配色中，还要切记一些误区： 1、不要将所有颜色都用到，尽量控制在三至五种色彩以内。 2、背景和前文的对比尽量要大，以便突出主要文字内容。 网页中 HTML 的语言介绍 HTML 即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。 HTML 文本是由 HTML 命令组成的描述性文 本， HTML命令可以说明文字、图形、动画、声音、表格、链接等。 HTML的结构包括头部、主体 大连东软信息学院 毕业设计 蜂鸟摄影网的设计与制作 系 所： 专 业：学生姓名： 学生学号： 指导教师： 导师职称： 完成日期： 大连东软信息学院 Dalian Neusoft University of Information 蜂鸟摄影网的设计与制作 摘 要 9 / 16 随着现代化互联网 的普及与发展，电子商务已经越来越深入人们的生活。而在近些年，威客类网站越来越受到人们的关注，基于 HTML 技术和 CSS 技术，开发出为人们提供摄影服务的威客型网站。在本网站中，用户可以方便快捷的查询本地城市的摄影服务机构，最近的摄影活动以及查看本地的风景图片，查看电子书信息的详细资料，然后根据各人的不同需求选择不同的电子书信息。 通过对网页技术的研究，对 HTML 技术的调研，以及对 CSS+DIV， Photoshop 的了解，综合这几项技术，从而产生了整体的网页结构。在主页运用 CSS 技术，可以有效的对网页 的布局，字体，颜色，背景等做一些方便的改变，只要对相应的代码做一些简单的修改和操作，就可以改变整个工程中的不同部分，或者页数不同的网页的外观和格式。并具有良好的可扩展性和可移植性信息平台。 关键词：电子书，网络， HTML， CSS Design and Fabrication of a Hummingbird Photography Net Abstract Along with the popularization and development of the modernization of the Internet, electronic commerce has been more and more important in peoples life. In recent years, Witkey websites, more and more 10 / 16 peoples attention, HTML technology and CSS technology based on the development of Witkey website, offering the service for the people. In this website, photography services users can easily query the local city, photographic activities recently and view the local landscape pictures, view detailed information on electronic information, and then choose a different book information according to the different needs of. Through the research on webpage technology, research on HTML technology, as well as the CSS+DIV, Photoshop know, this integrated several technology, resulting in the webpage of the whole structure. In the page using CSS technology, can effectively on the webpage layout, font, color, background, do some convenient change, as long as the corresponding code to do some simple modification and operation, can change the whole project in the different parts of, or pages of different webpage appearance and format. And has good scalability and portability of the information platform. Key Words:E-book, network, HTML, CSS 目 录 摘 11 / 16 要 . I ABSTRACT. II 第 1 章 绪 论 . 1 课 题 研 究 主 要 内容 .1 课 题 研 究 的 背景 . 1 课题的研究意义 . 1 第 2 章 相 关 技 术 与 工 具 介绍 . 2 网 站 开 发 工具 .2 CSS 技 术 介12 / 16 绍 .3 第 3 章 网 站 总 体 规 划 与 设计 . 4 网 站 主 题 与 内 容 设计 .4 网 页 色 调 选择 .4 网 站 功 能 结 构图 .5 第 4 章 网 站 的 制 作 与 实施 . 6 素 材 的 准 备 与 制作 .6 网站首页的框图 .13 / 16 . 6 二级网页的框图 . 7 三级网页的框图 . 7 LOGO 的 设 计 与 实现 .8 导航条的实现 .9 左侧边栏的实现 . 10 主体的实现 . 1