网页设计大作业
网页设计与制作大作业
《网页设计基础》课程大作业任务书
课程名称:网页设计基础
课程代码:NN1017
学分/学时:4学分/68学时
面向专业:网络专业
目的:
《网页设计基础》课程的重点知识模块包括:
1)HTML5标记的掌握,
2)Dreamweaver基本操作
3)Css3样式的应用。
通过完成大作业,验收这三个重点知识的学习效果,全面提高网页设计的基础操作技能。分值:
《网页设计与制作大作业》课程考核分数为100分,占总评分数的15%。
内容和要求:
1、可以选择三个不同的题目:学校网站,班级网站,个人兴趣网站
注意:
⑴用自己名字的拼音字作为站点的名字(即:站点的根文件夹名)。
⑵在站点主页中加上自己的名字、性别、系部、年级、班级,学号以便老师给你评分记录。
(3)各人选定主题以后就可以自行设计了,设计时间是10-15周,第16周将你的作品带到教室,老师当场检查答辩给分。
网页设计作业
网页设计期末作业:
一、作业要求
以生活服务或教学育文化作为大的网站分类,以某一主题诸如文艺术、教育培训、房产家居、餐饮美食等为内容,围绕主题做一个专题网站,给网站起一个名字。至少有8个网页(首页+子页),每一个网页的内容要丰富。
二、作业说明
1、“首页页面设计”,要求:
(1)导航设计简洁明了,不能有“断链接”,要保证能够正常跳转;
(2)主页各栏目内容紧扣主题;
(3)页面布局、色彩搭配和字体设置合理;
2、“创意特色”:创意是指自己制作的素材能够让人耳目一新,特色是指与众不同,对主题表达恰到好处。
3、“视觉效果”:指整体的美术及版面设计效果。
4、“技术板块”:用行为美化页面,根据内容要求可以插入声音和视频,灵活应用css层叠
样式表。
5、“主题突出”:有正确的网页主题名、突出主题的标志和符合网页栏目结构的标题,整个站点中包含的网页不少于8页,有正确的网页模板样式。
三、作业上交方式
1、网页设计完成后,把自己的站点文件夹改名为“nn+姓名”(nn为91~98)(比如91张三)
2、网页中所用的文件名(包括网页、图片、声音、动画等)要求最好用英文或拼音名字,
并且文件名中不要带有空格!另外网页中的素材分类,建立不同的子文件夹存放。
3、所做网页的首页文件名必须为index.htm,并且要直接放在自己的姓名文件夹根下。
5、最后一步刻录光盘。使用刻录的方法,每个班可以刻录一张DVD盘上(也可以自己单
独或几个同学一块刻录)。
6、注意:刻录时不要压缩刻录!每个同学直接将自己的姓名文件夹整个刻录到光盘中(包
括网页中所有用到的图片、声音、动画等素材。)
大一网页设计作业代码html
大一网页设计作业代码html
HTML是一种标记语言,被广泛用于创建网页。在大一的网页设计
作业中,我们需要编写一段HTML代码来实现特定的网页设计。本文将
涵盖大约1200字的HTML代码。
首先,我们需要一个HTML文档的骨架,它定义了文档的基本结构。以下是一个基本的HTML文档骨架:
```html
<!DOCTYPE html>
<html>
<head>
<title>网页设计作业</title>
</head>
<body>
<!-- 在这里编写页面内容 -->
</body>
</html>
```
在`<body>`标签内,我们可以编写实际的页面内容。下面是一个
简单的网页设计示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>网页设计作业</title>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是一个大一网页设计作业的示例。</p>
<h2>页面布局</h2>
<p>在这个作业中,我采用了响应式布局。通过使用CSS媒体查询,页面会根据设备的宽度进行自适应布局。</p>
<h2>颜色主题</h2>
<p>我选择了蓝色和白色作为网页的主要颜色。这种清新的配色方案使得页面看起来简洁而现代。</p>
网页制作作业100例
网页制作作业100例
1.创建一个基本的HTML文件。
2.在HTML文件中添加一个标题。
3.在HTML文件中添加一个段落。
4.在HTML文件中添加一个链接。
5.在HTML文件中添加一个无序列表。
6.在HTML文件中添加一个有序列表。
7.在HTML文件中添加一个表格。
8.在HTML文件中添加一个图像。
9.在HTML文件中添加一个音频文件。
10.在HTML文件中添加一个视频文件。
11.在HTML文件中添加一个表单。
12.在HTML文件中添加一个文本输入框。
13.在HTML文件中添加一个下拉菜单。
14.在HTML文件中添加一个单选按钮。
15.在HTML文件中添加一个复选框。
16.在HTML文件中添加一个提交按钮。
17.在HTML文件中添加一个重置按钮。
18.在HTML文件中添加一个文本区域。
19.在HTML文件中添加一个日期选择器。
20.在HTML文件中添加一个颜色选择器。
21.在HTML文件中添加一个滑块。
22.创建一个CSS样式表文件。
23.在CSS样式表文件中设置页面背景颜色。
24.在CSS样式表文件中设置段落字体颜色。
25.在CSS样式表文件中设置链接字体颜色。
26.在CSS样式表文件中设置标题字体颜色。
27.在CSS样式表文件中设置表格边框颜色。
28.在CSS样式表文件中设置图像边框颜色。
29.在CSS样式表文件中设置文本输入框边框颜色。
30.在CSS样式表文件中设置下拉菜单边框颜色。
31.在CSS样式表文件中设置按钮背景颜色。
32.在CSS样式表文件中设置滑块颜色。
33.在CSS样式表文件中设置表格行高。
动漫网页大作业报告
动漫网页大作业报告
下面是我对动漫网页大作业报告,利用dreamwave工具,和photoshop软件设计了一个具有个人风格的个动漫网页,首先我先从网站设计的方向和目的、网站设计中涉及的知识点、网站设计的整个流程出发,然后通过自己设计的这个个人网站作品来说明并演示一个完整的网站制作过程。本论文详细的介绍了整个网站设计的全过程。虽然还有一些不足之处,但页面整体比较美观大方,具有线上店铺风格,效果良好。
作为宫崎骏的动画迷,我结合课上所需的HTML网页知识设计一个介绍宫崎骏的网页,包含图文、视频等多种素材可以选择。
综合知识的运用情况
层的使用:在这次网页设计过程中,使用了大量表格网格布局,便于有规则得排列尺寸相近的图片
2、使用链接:为方便读者的查阅,在各页面nav导航栏都设置了页面链接。
3、插入跳转菜单为了使读者能快捷的回到自己感兴趣的页面,于是在各个页面都插入了跳转菜单。
网页中涉及的知识点
1、可视化网站设计制作软件dreamweaver的熟练使用,站点的创建、导入以及管理;
2、主页的创建和设置,模块的保存与应用和子网页的创建、完
成;
3、用photoshop软件对图片素材进行必要的处理;
4、网站整体布局和超链接的添加;
遇到的问题及解决办法
难点:
1.body背景图片显示问题
2.页面美观度不够高,dreamwave CS6软件应用不够熟练,软件中所涉及得制作方法以及工具没有更好的应用。
解决办法:
1.配色原则:避免网页杂、乱,有
时候单一色彩不为也是一种独特,用色柔和,减少视觉混乱,对比度强的色彩不能应用于一般网站。
web前端大作业实例
Web前端大作业实例
简介
Web前端大作业实例是一个设计和开发一个完整的网站项目的任务。在这个任务中,学生将运用前端技术,如HTML、CSS和JavaScript,创建一个响应式、交互性强
的网站。
项目要求
1.设计一个符合用户需求和品牌形象的网站。
2.使用HTML创建网站的结构和内容。
3.使用CSS为网站添加样式和布局。
4.使用JavaScript为网站添加交互性和动态功能。
5.网站需要具备响应式设计,能够适应不同设备和屏幕大小。
任务步骤
下面将详细介绍每个任务步骤的内容和要求。
1. 需求分析
在项目开始之前,需要进行需求分析,确定网站的功能、目标用户、设计风格等。在这一步骤中,可以与客户进行沟通,了解他们的期望和需求,并据此制定项目计划。
2. 网站结构设计
使用HTML来构建网站的基本结构,包括头部、导航栏、内容区域和底部等。在设
计过程中,需要考虑网站的导航便捷性和页面的可访问性。
3. 网站样式设计
使用CSS为网站添加样式和布局。可以选择使用现有的CSS框架或自定义样式表。在设计样式时,需要考虑网站的整体风格、配色方案和字体等。
4. 网站交互设计
使用JavaScript为网站添加交互性和动态功能。可以使用现有的JavaScript库或框架,也可以自己编写脚本。在设计交互时,需要考虑用户友好性和页面加载速度。
5. 响应式设计
确保网站在不同设备和屏幕大小下能够良好地展示和操作。可以使用CSS媒体查询和响应式布局来实现。在设计响应式布局时,需要考虑不同设备的视口尺寸和用户体验。
6. 测试和优化
在开发完成后,进行网站的测试和优化。确保网站的功能正常、页面加载速度快,并且能够兼容不同的浏览器。可以使用调试工具和性能分析工具来进行测试和优化。
网页制作大作业
网页制作大作业
一、大作业要求
根据个人意愿,2-3人组成一个小组,围绕一个主题,如企业网站、动漫世界、个人网站、学校网站、家乡网站、娱乐网站等,建立一个网站。要求内容充实,页面设计合理,图文并茂,界面美观,使用各种网页制作技术来完成网站。
二、评分标准及要求
1、主题与站点(共15分)
1)主题明确、风格统一、布局合理、结构清晰。(10分)
2)建立站点,图片存放在images文件夹中, 音乐存放在music文件夹,动画、视频存
放在movie文件夹。(5分)
2、网页内容及技术(共75分)
1)网站首页(index.html)要求包含网站logo,banner,导航栏。(10分)
2)要求至少6个网页内容;(10分)
3)其中一个网页为小组各个成员简介,网页中需要插入小组成员照片。(10分)
4)页面布局要求应用表格、DIV+CSS,页面布局合理。(5分)
5)各页面通过超级链接相联系,子页面及父页面方便返回访问,没有空链接和错误链
接. (5分)
6)使用样式表(css)对各网页元素进行修饰,使各页面风格统一。(10分)
7)在页面中,使用能体现主题内容和风格的文字、图片、表格、音频、视频、动画等
各种对象。(5分)
8)应用表单,至少使用文本框、单选框、复选框和按钮,各项应用正常。(10分)
9)网页中部分页面可应用行为,增强网页特效。(10分)
3、网页创意(共10分)
页面具有较强的个人设计创意,色彩搭配鲜明,内容布局合理。
三、作业提交要求
1. 将站点文件夹压缩,命名为:班级+学号+姓名。
2. 提交压缩包到老师邮箱: 464894318@。提交后应做好备份,以备教师手中的作品因故无法正常读取时补交。
大学生网页设计大作业(web)
《网页设计与制作工程实训》
大作业
选题名称:____千湖______________
设计人:__胡哈蕾________________
班级:___142_______________
学号:__8000114088________________
南昌大学软件学院
2014.9
设计说明书:
选题的分析
千湖是陕西省著名的湿地公园,制作具有意义。
如何运用网络的优点进行更好的表达
运用网络可以得到各种资源、信息。
网页的结构与分解
网页分为首页,公园简介,新闻动态,图片墙,详细地址,图片展示,联系我们,公园快讯。
网页所采用的技术
dreamweaver
网页设计日志
开始的时候网页制作并不是很整齐,后面自己学习,掌握了对齐的一些方法,增强了与他人的沟通。
自身点评
收获了很多。
网页截图
所有不同风格网页页面均截图出来,并做简要说明(如:该页面所采用的技术、页面特色等)。
大学生网页设计作业
大学生网页设计作业
随着互联网的不断发展,网页设计已经成为了一门非常重要的技能。而在大学生的课程中,网页设计也是一门必修课程。这门课程的主要目的是让学生掌握网页设计的基本知识和技能,培养学生的创新思维和实践能力。本文将从大学生网页设计作业的目的、内容、方法和评估等方面进行探讨。
一、大学生网页设计作业的目的
大学生网页设计作业的目的是让学生掌握网页设计的基本知识
和技能,培养学生的创新思维和实践能力。具体来说,它包括以下几个方面:
1. 掌握网页设计的基本原理和技巧。学生需要学习网页设计的
基本原理和技巧,包括色彩搭配、排版设计、图像处理、动画设计等方面的知识。
2. 提高学生的创新思维和实践能力。网页设计需要学生具备创
新思维和实践能力,能够根据不同的需求设计出符合用户需求的网页。
3. 培养学生的团队合作能力。在网页设计作业中,学生需要与
其他同学合作完成任务,这有助于培养学生的团队合作能力。
二、大学生网页设计作业的内容
大学生网页设计作业的内容包括以下几个方面:
1. 网页设计基础知识。学生需要学习网页设计的基本知识,包
括HTML、CSS、JavaScript等方面的知识。
2. 网页设计实践。学生需要完成一些网页设计实践任务,例如
设计一个企业网站、设计一个电商网站等。
3. 网页设计项目。学生需要完成一个网页设计项目,这个项目需要涉及到网站的规划、设计、制作、测试和发布等方面。
三、大学生网页设计作业的方法
大学生网页设计作业的方法主要包括以下几个方面:
1. 网络课堂教学。学校可以通过网络课堂的形式进行网页设计教学,让学生在家里就能学习网页设计的知识。
网页设计与制作(大作业)
《网页设计与制作》
任选一题,使用Dreamweaver、Fireworks、Flash三个软件完成题目的制作。
题目一:制作一个个人网站。
要求:
1.使用表格布局网页。
2.网站中至少设置三个栏目。三个栏目下相应的二级页面能够返回主页:为所有页面建立正确的超级链接。
3.网站中至少插入一个Flash动画。
4.内容充实、布局美观、色彩搭配合理、网站结构层次清楚明了。
题目二:制作一个旅游网站。
要求:
1.用框架页制作方法介绍一个国家的旅游胜地,不少于5个景区。
2.网页中至少有一个banner广告条。
3.使用行为动作,制作网页弹出广告。
4.内容充实、布局美观、色彩搭配合理、网站结构层次清楚明了。
题目三:自主命题制作一个网站。
要求:
1.网站中至少设置五个栏目,五个栏目下相应的二级页面能够返回主页:为所有页面建立正确的超级链接。
2.网页中要有必要的图片和文字,在图像上(至少一幅)创建热点链接。
3.网页中至少插入一个Flash动画。
4.有版权声明,网站信箱。
5.内容充实、布局美观、色彩搭配合理、网站结构层次清楚明了。
提交方式:文件压缩包。
压缩文件命名格式:中心-学号-姓名.rar
网页设计与制作综合作业要求
网页设计与制作综合作业要求
1.作业任务:
设计并制作一个关于**主题的网站,要求页面数量不少于 5 个,其中一个页面是个人简介。
2.总体要求:
●网站主题鲜明突出,网页内容详实、科学、准确、积极、健康向
上,有创意;
●网页整体设计思路清晰,网页布局合理,风格明快;
●栏目结构清晰、界面简洁美观;
●网页文字及相关链接无错误,主页和其它各子页配合协调;
●栏目及版面设计,层次结构及链接结构明确,必须具有统一导航
条。
3.具体要求:
●以自己的学号建立站点,不同素材文件存放于不同的文件夹内,
如:图片文件夹命名为images。
●首页文件命名为: index.htm,作品中的其他文件和文件夹均使
用英文名或者是汉语拼音命名。
●网站logo以及所用图片及动画素材用Photoshop和Flash 软件
设计制作。
●使用表格做页面布局。
●个人简介页面内容要求:个人基本信息、照片、学习经历、学习
期望、未来设想等内容。
●能适当运用层、框架、行为、CSS 样式、声音、表单等设计技术。
●网站最终压缩文件大小要小于5Mb,因此需对大的素材文件做处
理后使用。
4.提交形式:
●将网站文件夹压缩成一个自解压的文件,命名为本人学号。
●将压缩文件提交给老师。
网页设计大作业
网页设计大作业:综合网站制作
一.创建站点
1. 创建一个本地站点,存放在本机E 盘或移动U 盘上;文件夹名用Wy(1~7)_自己姓名拼音缩写和学号后4位。在该文件夹下创建一个图像文件夹(如:Images ),用于存放图形文件。
2*. 创建一个远程站点,存放在C:\Inetpub\wwwroot\ 文件夹下(Windows xp),自己新建一个用于存放自己网站的文件夹,文件夹名mywebsite。网站制作完毕后将本地站点上传至远程站点,用本机IP地址访问自己所建的站点。(选做)
3. 在站点根文件夹下创建一个新文件,命名为default.htm(default.html)或index.htm(index.html),该页为主页。
二.主页制作
1. 利用按钮图片素材或使用Fireworks 制作文字,处理图像(方法:图像选取并羽化,设置画布颜色与网页背景色相同);制作按钮图片。
2. 网页布局(方法:使用表格布局、框架、布局模式3种方法任选)
3. 插入按钮,并建立与相关网页的链接(方法:使用鼠标经过图像或导航条)
4*. 加入滚动字或图片。(方法:使用扩展marquee )(选做)
5. 加入背景音乐,(方法:使用媒体中的插件,将插件设置为自动播放、循环播放、隐藏)
三.文章欣赏网页制作
1. 新建一个框架网页,三个框架。顶部框架为标题,主框架放入自选文章,左框架为文章小标题。
2. 使用CSS 样式设置标题与正文的字体、字号、行距为1.6 倍行高、body 背景(自己制作网页背景)。
3. 将左框架为文章小标题与右框架中的文章锚点链接,链接目标设置为右框架。
网页设计作业
网页设计作业2篇
网页设计作业篇一:
网页设计是现代社会中一项十分重要的技术活动,它是指通过计
算机技术将页面制作成为适用于浏览器访问的网站页面的技术过程。
在过去的几十年里,随着互联网的发展,网页设计已经成为了一门独
立的学科,并且在各行各业都有着广泛的应用。
在进行网页设计时,一个好的页面设计需要考虑到用户的需求和
体验。首先,网页设计要符合用户的视觉习惯,通过合理布局和颜色
搭配,使得页面整体看起来美观舒适。其次,网页设计要有良好的信
息架构,即各个页面之间的关系和导航流程要清晰明了。最后,网页
设计要注重页面的可用性,确保用户能够轻松地找到他们所需的信息,并且在任何设备上都能正常浏览。
为了实现以上要求,网页设计师需要掌握一定的技术和工具。首先,他们需要熟悉HTML、CSS等前端技术,以便能够编写出符合标准
的网页代码。其次,他们还需要了解一些图像处理软件,比如Photoshop,以便能够处理页面中的图片和图标。最后,他们还需要了
解一些网页设计的原则和规范,如响应式设计和无障碍设计等,以提
高页面的适应性和可用性。
网页设计作业篇二:
在实际的网页设计过程中,设计师还需要与客户进行充分的沟通
和理解。首先,他们需要了解客户的需求和目标,以便能够制定出适
合的设计方案。其次,他们需要与客户就页面的各个细节进行讨论和
修改,以确保最终的设计能够满足客户的期望。最后,他们还需要及
时与客户沟通项目进展情况,以保证项目能够按时完成。
总之,网页设计是一门需要综合技术和艺术性的学科。一个好的
网页设计不仅能够提供良好的用户体验,还能够提升企业的品牌形象
《Web前端网页制作》大作业及要求
网络教育学院《Web前端网页制作》课程设计
题目:制作一个VIP登记网站
学习中心:
层次:
专业:
年级:年春/秋季
学号:
学生:
辅导教师:
完成日期:年月日
大工20春《Web前端网页制作》课程设计
注意:从以下5个题目中任选其一作答。
题目二:制作一个VIP登记网站
会员登记系统设计及功能说明书
1、系统设计.................................................................................................
1.1软硬件环境介绍.................................................................................................
1.2数据库设计.........................................................................................................
2、网站功能设计 ........................................................................................
2.1客户界面的系统功能模块.................................................................................
简单网页设计作业
简单网页设计作业
【篇一:简单网页设计作业】
喜欢这篇文章吗?欢迎分享到你的微博、qq群,并关注我们的微博,谢谢支持。
所有这一切都导致了整洁美观和简单易用网页设计趋势的流行。所以,经过这些年的尝试和努力后,我们已经真正进入到了简洁干净
的网页设计的时代。下面选择了25个简约干净的网站,具备我们上
面提到的所有因素,他们都以自己的方式来呈现美丽,你有什么感想?
您可能感兴趣的相关文章
【篇三:简单网页设计作业】
网页设计与制作大作业
网页设计与制作大作业
1.网页的基本构成元素有哪些?
2.静态网页与动态网页的特点是什么?
3.简述Dreamweaver CS4的工作界面由几部分组成?
4.选择表格和单元格有几种常用的方法?
5.什么是图像映像?如何创建图像映像?
6.如何设置水平线和图像边框的颜色?
7.流行的音频和视频文件格式主要有哪些?
8.如何设置Flash动画透明背景?
9.简述html中超链接的类型。
10. 简述4种不同的超级链接“目标”选项的区别。
11.CSS的作用是什么?CSS是一种用来进行网页风格设计的样式表技术,使用CSS可以对网页中文本的大小、字体、颜色、边框、连接状态等内容进行统一设置,保证站点页面的整体风格一致。
12.样式表中的CSS样式是如何应用到多个网页文件的?将CSS样式保存在一个独立的样式表文件中(.CSS)。
13.创建框架有哪几种方法?
14.如何在框架中使用超级链接?
15.使用Div+CSS布局有哪些优点?
1、网页由文本、图像、动画、超级链接等基本元素构成
2、静态网页特点:
(1)静态网页每个网页都有一个固定的URL,且网页URL以.htm、.html、.shtml等常见形式为后缀,而不含有“?”;
(2)网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页的内容都是保存在网站服务器上的,也就是说,静态网页是实实在在保存在服务器上的文件,每个网页都是一个独立的文件;
(3)静态网页的内容相对稳定,因此容易被搜索引擎检索;
(4)静态网页没有数据库的支持,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态网页制作方式比较困难;
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
网页设计与制作报告书
课程名称:网页设计与制作
报告题目:几米的空间
专业班级:旅管1002班
学号:100104110221
姓名:杨玉颖
指导教师:胡一波
目录
一、................................. 开发背景
二、................................. 网页设计技巧
三、................................. 网站结构
四、................................. 应用工具方案
五、................................. 频道栏目划分
六、................................. 测试
七、................................. 周期与成本估算
八、................................. 结论
摘要:
在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。
关键字:网页制作;制作方法;设计要素;网页测试
一、网页制作开发背景
Dreamweaver以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页,利用它可以轻松的组织、编辑网页并将其发布到指定的站点上,而且在发布之后还能对更新情况进行监控以更新站点的内容。现在流行的网页制作软件有很多,如Macromedia 公司的Dreamweaver、微软公司的Dreamweaver、还有Adobe Pagemill 3.0--制作多框架,表单和Image map 图像的网页工具、Netscape等等。其中Dreamweaver更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页,利用它可以轻松的组织、编辑网页并将其发布到指定的站点上,而且在发布之后还能对更新情况进行监控以更新站点的内容。工具准备好了,可根据你的个人喜好来选择一些素材,如图片、喜欢的文章等。
二、网页制作设计技巧
首先,我们来看一下创建一个只包含一个网页的站点。选择“文件”菜单的“新建”选项,单击“站点”命令,这时新建站点对话框就弹出来了,在“指定新站点位置”文本框中输入新站点的位置,单击“只有一个网页的站点”图标,单击“确定”按钮。这就建立好站点了,我们现在来看一下新的站点里有什么,单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件,名字叫做“index.htm”。我们知道,每
一个站点都要有一个主页,这个主页也是一个网页文件。浏览者访问站点时首先进入的就是站点的主页。主页的名字在一般情况下就叫做“index.htm”。就是说我们新建只包含一个网页的站点时,DREAMWEAVER就自动为我们创建了站点的主页了。这个新建的站点主页时空的,我们可以向里面添加内容。
在文件列表里除了主页之外,还有文件夹。新建站点时,DREAMWEAVER都会在站点所在位置下新建两个文件夹,一个是“images”另一个是“_private”。我们在编辑站点时可以在“image”文件夹里放置站点用到的图片。“private”文件夹比较特殊,其中的文件对浏览者来说是隐含的,我们可以把一些不想让浏览者看到的网页文件放在这个文件夹里,比如:我们可以在这个文件夹里存放注册用户的个人信息。
尽管每一个站点都要有一个主页,不过创建站点时我们仍然可以从一个空站点开始:选择“文件”菜单的“新建”命令,单击“站点”选项,在“新建站点”对话框里,我们可以选择“空站点”图标来创建一个空站点。“新建站点”对话框中还有许多其他图标,这是DREAMWEAVER 提供的用来创建站点模板或向导。我们创建只有一个网页的站点或者创建空站点,都是从头开始来创建一个站点,这就好像盖房子一样,首先画图纸。然而,有许多的房子都具有相似的结构和用途,所以我们可以用一张图纸盖很多相似的房子,这样就节省了许多工作。
基于表格的设计:表格布局使网页设计师制作网站时有了更多选
择。在HTML 中表格标签的本意是为了显示表格化的数据,但是设计师很快意识到可以利用表格来构造他们设计的网页,这样就可以制作较以往作品更加复杂的,多栏目的网页。表格布局就这样流行了起来,融合了背景图片切片技术,常给人以看起来较实际布局简洁得多的结构。
结构设计:这个时期的网页设计还不太关注语义化和可用性方面的问题,主要还在追求良好的结构美学。同一时期也是大量应用GIF 占位图片控制留白的时期。一些主流的公司甚至训练设计师如何使用GIF 占位;如微软的“关于HTML 表格中的GIF 占位”。第一批主要应用表格布局的“所见即所得”网页设计软件的发展助长了表格的应用。另外,某些软件自动生成的表格如此复杂以至于许多设计师不可能从头手写代码(例如每行只有1px 高却包含了几百列的表格)。即使是稍微复杂一点儿的网页(比如多栏目页面),设计师们都要依赖于表格来创建。
三、网站结构
网站结构是指网站中页面间的层次关系;按性质可分为逻辑结构及物理结构。网站结构对网站的搜索引擎友好性及用户体验有着非常重要的影响。
(一)网站结构在决定页面重要性(即页面权重)方面起着非常关键的作用。
(二)网站结构是衡量网站用户体验好坏的重要指标之一。清晰的网站结构可以帮助用户快速获取所需信息;相反,如果一个网站的结构极其糟糕的话,用户在访问时就犹如走进了一座迷宫,最后只会选择放弃浏览。
(三)网站结构还直接影响搜索引擎对页面的收录,一个合理的网站结构可以引导搜索引擎从中抓取更多有价值的页面。
网站结构对网站及网站中页面的影响。搜索引擎对重要页面的抓取
由于互联网中信息量极其庞大,为了向用户展示更多有价值的信息,搜索引擎会优先抓取每个网站中相对重要的页面(即权重较高的页面),然而,搜索引擎是怎样发现这些重要页面的呢?根据重要页面的链接指向的页面可能是重要页面的思路;搜索引擎首先会从权重相对较高的页面(即源页面)出发跟踪其中的链接,从而抓取其他相对重要的页面(即目标页面)。
网页设计的要素
四、应用工具方案
DreamWeaver自制动态HTML动画的网页。
DreamWeaver是一个很酷的网页设计软件,它包括可视化编辑、HTML代码编辑的软件包,并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性,而且它还能通过拖拽从头到尾制作动态的HTML