《大学生网页设计模板.doc》由会员分享，可在线阅读，更多相关《大学生网页设计模板.doc（8页珍藏版）》请在金锄头文库上搜索。
1、大学生网页设计模板篇一：用Dreamweaver制作网页模板用DreamweaverCS4制作网页模板一、制作模板在硬盘上创建一个模板网页的文件夹，然后再该文件中新建一个名为images的文件夹，并将所需要图片复制到该文件中。打开DreamweaverCS4，创建一个HTML网页执行菜单中的“文件/另存为模板”命令，在弹出的“另存模板”对话框中设置参数单击“保存”按钮，则模板文件被保存在站点的Templates文件夹中，文件扩展名为.dwt。由模板生成的网页哪些地方可以xx，是需要预先设定的。下面设定“navigator”和“content”两个可xx区域。单击插入栏“常用”类别中的（可xx区
2、域）按钮，然后再弹出的“新建可xx区域”对话框中输入名称，单击确定按钮，同理，制作content可xx区域。按（Ctrl+S）组合键保存模板。二、应用模板执行菜单中的“文件/新建”命令，新建一个HTML网页。然后将其保存为。进去“资源”面板，单击（模板）按钮，然后选中刚才建立的网页，单击“应用”按钮，模板就被应用到了新的网页中。更新模板当模板进行了修改了以后，按组合键保存模板，出现所示的“更新界面”对话框，这样会大大提高工作效率。三、模板给设计者带来的好处。模板是在DreamweaverCS4中提供的一种机制，他能够帮助我们快速制作出一系列具有相同风格的网页。制作模板和制作普通网页相同，只是不
3、把网页的所有部分都制作完成，而是只把导航栏和标题栏等各个网页共有部分制作出来作为模板中的不可xx区域，把中间部分作为可xx区域来放置网页的具体内容。篇二：55款最新的HTML5网站模板免费下载这个是本人精选的模板！即将上线的面具html5网站模板娱乐健身俱乐部html5网站模板简洁餐饮美食html5网站模板商业模式企业html网站模板投资顾问商业组合html5网站模板一款美丽的旅游网站，黑色风格设计HTML5+css3网站模板时尚设计工作室网站html5+CSS3模板体育健身俱乐部html5网站模板分享2套html5个人博客网站模板简约时尚HTML5设计展览网站模板下载黑色商业服饰网店html
4、5网页模板下载可换色的个性HTML电子名片设计网站模板下载通信设备公司HTML5网站模板七彩大图幻灯HTML5网页模板创意设计，策划类公司HTML5模板比较简洁的CSS3页面转换网页效果个性化html5网站模板篇三：网站设计说明书-样本设计说明书题 目：青岛滨海学院课程网站姓 名：学 号：班 级：指导教师：完成日期：王海燕20XX1070130 _ _10信高1班_孙俊国_20XX/12/15_目录青岛滨海学院课程设计与制作说明书 . 3第1章 网站的规划 . 3 网站整体规划 . 3 网站的定位 . 3 网站功能设计 . 3 主页功能 . 3 副页功能 . 3第2章 课程网站设计与制作 .
5、3 主页设计 . 3 副页设计 . 5第3章 核心代码 . 7 网页设计的重点分析 . 8 网页设计的难点分析 . 9小结：网站设计小结 . 9 参考文献 . 9青岛滨海学院课程设计与制作说明书第1章 网站的规划 网站整体规划 网站的定位课程网站是一个学校的网站，首先网站整体上要给人体现出一种，温馨的、充满文化气息的、先进的、积极进取的校园氛围，网页整体上呈现橙黄色色调，这种色调能带给人热情奔放、充满激情正好适合大学生这个年龄段。 网站板块的设置网站的板块从整体上分为主页和副页；进一步细分，主页是由banner、logo、导航、栏目组成；而副页就相对简洁些，主要分为banner、导航、栏目三个
6、板块。 网站功能设计 主页功能1）通过主页，你可以了解学校的新闻、教师风采、校园最新动态、以及国家课程等内容。2）同时主页可以连接到各个副页和校园论坛，以及友情链接各大高校主页。3）主页给人以视觉刺激，以扩大浏览者的浏览兴趣，了解更多信息。 副页功能1）副页把内容具体化，是内容更丰富、更清晰化。2）副页的第二个功能是给浏览者提供下载平台，例如：在申报文件中，我像浏览者提供了下载文件功能，和在教学视频中提供视频下载。第2章 课程网站设计与制作 主页设计 logo设计Logo继续采用我们学校的logo设计，把一个椭圆分成三块，用三原色着色，分别有不同的内涵。Logo截图如下： banner设计Ba
7、nner是一进大门看到的凝聚雕塑，和与大门正对的嵩德楼结合而成，而且还有文字型解读学校历史，并且集合了学校校训：“开拓勤奋，坦诚务实。”也增长了网页的观赏性。Banner截图如下： 栏目设计栏目排版丰富而又条理，即增加了阅读性，又体现出美观大方。 栏目截图如下： 导航设计导航栏主要运用flash动画菜单栏工具，图片交换，使要点击内容突出，既美观又大方。导航栏截图如下： 风格与色彩搭配整体上采用尸字形设计风格，是内容更加丰富，主页采用潜橙与橙色里加了点红色的色彩搭配。给人一种温馨而又充满激情感觉，增加读者的阅读兴趣，使网页更具有浏览性。 技术运用1）主要应用表格进行布局，运用div和ap-div进行辅助布局。 2）导航主要运用flash动画技术。3) 运用fireworks以及ps对图片进行处理、融合，设计出风格独特独特的banner，以及做出网页效果图。4） 应用代码进行加工处理实现图片与字的滚动以及统计浏览次数。 副页设计 副页1 栏目设计不同的副页栏目设计不同，例如教学视频副页里添加了视频在线浏览栏目，教学简介里则增加了对教师的介绍以及风采展示，还有校园风光里则增加了校园风景的动态浏览栏目，联系我们里则对班级同学进行了展示等等。 栏目截图如下：
