admin网页设计与制作
一、确定网站主题
网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。
二、搜集材料
明确了网站的主题以后，你就要围绕主题开始搜集材料了。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。
三、规划网站
一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。
四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，…可以根据需要灵活运用。
五、制作网页
这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。
六、上传测试
网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。
七、推广宣传
网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
八、维护更新
网站要注意经常维护更新内容，保持内容的新鲜，才能够吸引住人
html网页设计作业源码
效果图，图片自己换，
html代码：
班期：每周发团
css样式：
html,body{
padding:0;
margin:20px 0 0;
}
a{
text-decoration:none;
}
.fl{
float:left;
}
.fr{
float:right;
}
.ovf{
overflow: hidden;
}
.box{
width:50%;
margin:0 auto;
border:1px dashed#000000;
padding:4px;
}
.titles{
width:100%;
text-align: center;
color:#ffffff;
background-color:#ff0000;
}
.img-box{
width:100%;
margin-top: 4px;
}
.auto-img{
display: block;
width:100%;
}
.text-box{
width:100%;
}
.text-box-a{
width:100%;
font-size: 14px;
line-height: 20px;
letter-spacing: 1px;
}
.text-box-a>a{
color:#0089ff;
}
.bottom{
margin-top: 30px;
}
.text-a1{
font-size: 18px;
font-style: italic;
font-style:oblique;/*为保证斜体效果加一个*/
}
.price{
font-size: 16px;
color:#8B3E2F;
}
.rush-to-buy{
width:80px;
text-align: center;
background-color:#ff0000;
font-size: 16px;
}
网站设计的基本原则
设计网站中有哪些关键技巧？有哪些陷阱？在这里，世界上一流的网站设计专家，让你共享他们的秘密，告诉你：使网站赋予情趣的诀窍、应该避免做什么、应使用什么工具软件以及他们喜爱和厌恶的网站。
明确内容
如果你想成为一个网站设计者，并正想建一个网站的话，首先应该考虑网站的内容，包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。
抓住用户
如果用户不能够迅速地进入你的网站，或操作不便捷，网站设计就是失败的。不要让用户失望而转向你的对手的网站。
优化内容
内容是核心。大约在两年以前，企业网站就像一本广告册子，更槽糕的是，网站使用了大量的图片，似乎要几个世纪才能下载完。
网站在设计的某些方面是成功的，但是内容太贪乏，并且要花很长时间才能找到所要的东西，因此不能算是一个成功的网站。
快速下载
没有什么比要花很长时间下载页面更槽糕的了。作为一条经验，一个标准的网页应不大于60K，通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。
网站升级
时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。
坚持基本原则
即使你不懂HTML（标准通用标记语言下的一个应用），你只需购买一个有版权的所见即所得的网页设计工具，如Adobe PageMill或 Microsoft FrontPage Express，就可以创建一个看起来很合理的网站。但是，在设计时，这些软件包虽然不需要HTML，却使网站速度下降。
为了成功地设计网站，你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案，用Notepad制作网页。
学习HTML
用HTML设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到Web之前，预览你的网站。
用笔画一个网站的框架
圣人云：笔比剑更强大。在用计算机之前，用笔画一个网站的框架，显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。
在计算机上永远也找不到好的方案
网站地图
许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。
“睁大你的眼睛，留意所有的事情。对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素，确保你的设计是围绕站点浏览进行的。”——专家忠告
点击规则
听说过3次点击规则吗？对于小型网站，在你的主页上，没有任何一条信息，需要点击次数超过3次的。对于大型网站，使用导航和工具条来改善操作。
特殊字体的应用
虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体，但是仍需要一些变通的方法，以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题，但是只有最新版的浏览器才支持CSS。
使用切合实际的简便的命名规则
检查错别字
好的拼写是人们一生中重要的技能。但是遗憾的是，许多设计者都缺少这种技能。确保你拼写正确，并且格外注意平常容易误写的错别字。
避免长文本页面
在一个站点上有许多只有文本的页面，是令人乏味的，且也浪费Web的潜力。如果你有大量的基于文本的文档，应当以Adobe Acrobat格式的文件形式来放置，以便你的访问者能离线阅读。
不要使用卷滚条
人们厌恶在网上使用卷滚条。Trouble网站是一个典型的设计很差的网站。它基于一个浮动的架构，为了阅读所有的文本，浏览者不得不使用卷滚条。
网络营销角度下的网站设计
企业网站设计从某种角度来说也是企业形象的重要表现方式。很多企业网站的首页千篇一律为一段让人眼花缭乱的Flash动画，或一张图片，当然也不乏有部分设计的很有创意的动画或图片。如果把这种方式理解为企业网站形象设计，那么就太剑走偏锋了。
既然是网站，那么网站的设计就离不开网站的基本元素：如导航、结构、按钮等等，所以企业网站设计不能离开“网站”这个主体特性来为设计而设计，忽略网络的本质。
企业建网站的目的是什么？我想应该是传播信息。传播企业供需信息、企业整体状况、品牌信息等等，而不是单纯的秀一把。
Flash动画虽然漂亮，但对搜索引擎的友好度是比较差的，同时体积相对也比较大，会影响访问速度，所以Flash动画不妨作为小装饰使用，效果会更佳。一个优秀的网站应该是有着良好的导航功能并易于访问的，而不是捉迷藏式的“超级创意”。网站设计在追求美观的同时，不能以牺牲正常和便捷的浏览为代价，同时更要考虑对搜索引擎的友好性。
所以网站设计应该把握以下几个原则：
1、具有较强的可识别性，充分体现企业的基本元素：如标志、标准字体、标准色等；
2、页面设计以简洁大方为宜，充分考虑访问速度；
3、要有良好的导航，符合绝大多数网民的访问习惯；
4、要考虑与搜索引擎的友好性，注意网站的结构和层次。
网站设计7CS
(Human-Computer Interface;HCI)在电脑资讯科技域中,是指电脑有关之硬体及软体,其本身为提供使用者与电脑之间沟通与互动的通道或桥梁.也因为人机之间的往沟通非常强调以与使用者需求为主,也就是强调使用者导向(User-Oriented)与使用者中心(User-Centered),所以人机介面又称为使用者介面(User- Interface).在电子商务环境中,使用者界面是企业与他们顾客之间的系互动管道,Rayport与Jaworski在2001提出7Cs模式,其主要是用於分析电子商务的顾客界面,提出网站商店的顾客介面应著重在让顾客容操作与使其满意.因此,一个成功的网站设计,取决于其介面是否能够将顾客需求以及企业提供的服务加以整合,兹将7Cs架构的网站介面七项要素介绍如下：
1 Context(组织)
网站内容的设计与陈方式,要同时符合功能性与美观性个需求.功能性是指网站内容以有组织的方式呈现,让使用者可以方有效地浏览.而美观性则包括网页的色系及其他传递讯息的视觉题材。
2 Content(内容)
指网站上所传递的内容.包括产品与服务内容(如各科室简介,医院地位置等资讯),促销方案,顾客支援,及时新的资讯,各种与产品或服务相关的资讯,用多媒体方式提供产品或服务资讯(如:以语音或动画的方式描述产品或服务内容)。
3 Community(社群)
供网站使用者之间的互动空间,让使用者有归属感或与感.包括线上讨版(如疾病讨园地),会员电子信箱清单或言板等。
4 Customization(客制化)
网站提供使用者自身订做自己想阅的内容资讯之功能.每个使用者在登入后就可以享受与众同,独享的页面能让顾客有亲近的感觉。
5 Communication(沟通方式)
网站与使用者之间的沟通管道,包括以电子邮件方式告知各式资讯(如电子报),或是让使用者可提供建议的管道(如建言信箱)。
6 Connection(结)
网站本身与其他外部相关网站的结.像医网站可方的结到其他的医资讯机构(如医资讯网),政院卫生署,中央健康保险局,医学术研究机构(如台湾医学会)等。
7 Commerce(商务)
支援各种交之介面功能,如线上挂号,挂号查询与取消,缴费功能等。
旅游网站管理系统
NO.1思途cms（思途旅游网站管理系统）
思途cms可以称得上是旅游网站系统中元老级的选手，它基于LAMP平台设计，网站采用PHP+MySQL，开源不加密，支持电脑端网站、移动端网站、微信小程序、微信端和app五端合一，无年费，高频率定时的免费系统升级。同时提供大量模板供选择（包含多款免费模板）可以后台快速安装自由更换，根据业务需要变换风格。思途cms产品可以拆分购买，较为灵活，同时也提供私人定制，快速建站。思途cms还有最大的特点就是善于利用搜索营销。
特点：可二次开发拓展性强，功能强大，高质量售后服务，无需续费，价格稍贵不过自由组合产品还算划算。
推荐指数：★★★★☆
No.2全社通旅游系统
全社通旅游系统全社通旅游系统是一款基于微软ASP.NET平台，采用MVC 4.0框架开发，支持电脑端网站、移动端网站、微信端和app四端合一，针对于不同类型的客户群体可提供不同的版本，有微信版、旗舰版、分销商版、供应商版、运营商版，功能相对来说完善，整合了十几种支付通道，支付便捷，收费单价较低，产品种类多，但不能根据需求拆分购买，总的购买成本高，后台排版布局不够清晰简洁。
特点：产品种类多，功能完善，服务成熟，简单易操作，不能二次开发，后台布局杂乱，客服服务体验感较差。
推荐指数：★★★★
No.3 TourEx旅游网站管理系统
TourEx是清远网博信息技术有限公司旗下的品牌，使用ASP.NET+MSSQL开发语言，产品线比较全面，有针对不同群体的版本且每个版本都有高、中、低分类，网站各种模块相较丰富，功能也比较成熟，兼容性好、接口较多、代码规范、模板较为灵活，但基于微软ASP.NET平台，TourEx源码是加密且不支持二次开发、此外不能拆分购买，后期收费机制复杂，成本较高。
特点：客户选择性强，兼容性好，模块相对丰富，使用成本较高，源码加密无法扩展、每年都需要续费。
推荐指数：★★★★
NO.4网力网络（包含188旅游系统、（拓普）TripsCMS、云计调）
云南网力网络科技有限责任公司（简称网力）成立于2009年，公司现有员工近30人，公司总部位昆明官渡电商产业园及西双版纳。网力网络采用可以二次开发的PHP+MySQL，支持电脑端网站、移动端网站、微信小程序、微信端和app五端合一，具有价格优势，网站功能能满足基本产品模块，但相对来说过于简单，同时相对于其他cms来说，其更加专注于B2C网站类型，产品面相对狭窄。
特点：可开源，价格便宜，功能简单。
推荐指数：★★★☆
NO.5丁香网络—二代CMS
丁香网络成立于2016年，如果说思途cms是元老，那么丁香二代cms就是一个新人，同样采用可以二次开发的PHP+MySQL，价格具有一定优势，但是因为是新人网站相对来说不够成熟，网站类型相对单一，功能简单，系统整体功能、模板都不够成熟，并且售前售后服务还有待提升，比较适合于尝试建网站但并不运营的企业。
特点：可二次开发拓展性强，价格便宜，产品还有较大的增长空间
推荐指数：★★★
